@charset "utf-8";
@font-face {
    font-family: 'Paperlogy-5Medium';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2') format('woff2');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-7Bold';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2') format('woff2');
    font-weight: 700;
    font-style: normal;
}
@font-face {
    font-family: 'Paperlogy-9Black';
    src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-9Black.woff2') format('woff2');
    font-weight: 900;
    font-style: normal;
}

.Paperlogy_5 {
	font-family: 'Paperlogy-5Medium';
}
.Paperlogy_7 {
	font-family: 'Paperlogy-7Bold';
}
.Paperlogy_9 {
	font-family: 'Paperlogy-9Black';
}
.Montserrat_b{
    font-family: "Montserrat", serif;font-weight: 700;font-style: normal;
}
.main-visual__wrap {position:relative;}
.ban_img_01{background: url(../imgs/main/visual/main_banner_01.png) center / cover no-repeat;padding: 7.7rem 0;}
.ban_img_02{background: url(../imgs/main/visual/main_banner_02.png) center / cover no-repeat;padding: 7.7rem 0;}
/* .main-visual__wrap .swiper-wrapper {
    margin: 7.7rem auto;
} */
.main-visual__conatiner {
    position:relative;
    width:100%;
}
.main-visual__content {
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;
    align-items:center;
}
.main-visual__text {
    position:relative;
    /* width:42%; */
    letter-spacing:-0.02em;
}
.main-visual__title {
    position:relative;
    font-size:2.8rem;
    color:#ffffff;
    line-height:1;
    background: #137e5f;
    width: fit-content;
    padding: 8px 10px;
}
.title_ban_2{background: #754E1A;}
.main-visual__text1 {
    font-size:2.5rem;
    color:#598476;
    line-height: 1;
    margin-bottom: 1rem;
}
.main-visual__text1 b{color: #0b3526;}
.ban_2{color: #754E1A;}
.ban_2 b{color: #50340e;}
.main-visual__text2 {
    font-size: 1.3rem;
    color: #000;
    line-height: 2rem;
    margin-top: 4rem;
}
.main-visual__text2 b{color: #754e1a;}

.main-visual__image img {max-width:100%;height:auto}
.main-visual__pagination {
    bottom:2.7rem !important; 
    height:0.95rem;
	display: none;
}
.main-visual__pagination .swiper-pagination-bullet {
    width:0.95rem;
    height:0.95rem;
    background-color:#c2c2c2;
    opacity:1;
    margin:0 0.55rem !important;
    transition:all 0.3s ease;
}
.main-visual__pagination .swiper-pagination-bullet-active {
    width:2.55rem;
    background-color:#1D976C;
    border-radius:8.5px;
}
.btn-visual__prev,
.btn-visual__next {
    position:absolute;
    top:50%;
    width:1.5rem;
    height:2.45rem;
    transform:translateY(-50%);
    background-size:100% auto;
    background-repeat:no-repeat;
    background-position:0 0;
    z-index:10;
	/* display:none; */
}
.btn-visual__prev {
    left:7.25rem;
    background-image:url(../imgs/main/visual/btn_prev.png);
}
.btn-visual__next {
    right:7.25rem;
    background-image:url(../imgs/main/visual/btn_next.png);
}

/* subject_link */
.subject_link{max-width:1400px;margin:2rem auto;}
.subject_link ul{    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;}
.subject_link ul li{
    flex-basis: 23%;
    background: #f2fdef;
    border-radius: 1.2rem;
    border: solid 1px #1D976C;
}
.subject_link ul li:nth-child(2n){background-color:#f7fdfb ;border: solid 1px #9bafa8;}
.subject_link ul li a{display: block;padding: 1.3rem 1.2rem;max-height: 10rem;position: relative;width: 100%;height: 100%;}
.subject_link ul li a::after {
    content: "";
    position: absolute;
    inset: 0;
    background: url('../imgs/main/news/subject_img_01.png') no-repeat right bottom/contain;
    background-position: calc(100% - 1rem) calc(100% - .5rem);
    opacity: 0.5;
    background-size: 50%;
}
.subject_link ul li .sbl_img-1::after{background-image: url('../imgs/main/news/subject_img_01.png');}
.subject_link ul li .sbl_img-2::after{background-image: url('../imgs/main/news/subject_img_02.png');background-size: 20%;}
.subject_link ul li .sbl_img-3::after{background-image: url('../imgs/main/news/subject_img_03.png');background-size: 30%;}
.subject_link ul li .sbl_img-4::after{background-image: url('../imgs/main/news/subject_img_04.png');background-size: 35%;}
.subject_link ul li h3{font-size:1.2rem;}
.subject_link ul li .sub_des{
    display:flex;align-items: center;margin-bottom: 4rem;
}
.subject_link ul li .sub_des h4{font-size:1rem;font-weight:400;}
.subject_link ul li .sub_des span{
    margin-left: .5rem;
    background-color: #1d976c; 
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    width: 1rem;height: 1rem;
}
.subject_link ul li .sub_des span i{color: #fff;font-weight: bold;font-size: 0.5rem;}


/* 공지사항 */
.main-news__wrap {
    margin-top: 5rem;
    position:relative;
    width:100%;
    /* padding: 1.8rem 0; */
    /* background: linear-gradient(90deg, #ddfee4 3%, #e7f0d4 36%, #ddfadf 70%, #c9e0f7 92%); */
}
.news_inner{
    display: flex;
    justify-content: space-between;
    /* align-items: center; */
    flex-wrap: wrap;
}
.main-news__container {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    position:relative;
    align-items:center;
    background-color: #1D976C;
    border-radius: 16px;
    padding: 1.6rem 2.5rem;
    width: 49%;
}
.main-customer__container {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    position:relative;
    width:100%;
    align-items:flex-start;
    background-color: #e8f4f0    ;
    border-radius: 16px;
    padding: 1.6rem 2.5rem;
    width: 49%;
    /* justify-content: space-between; */
}
.main-news__container img, .main-customer__container img{
    position: absolute;
    bottom: 0;right: 0;
    width: 100%;
}
.main-news__title {
    display:inline-flex;
    flex-direction:row;
    font-size:1.7rem;
    color:#fff;
    align-items:center;
    line-height:1;
    letter-spacing: 0.1px;
    margin-right: 2rem;
}
.main-customer__title {
    display:inline-flex;
    flex-direction:row;
    font-size:1.7rem;
    color:#000;
    font-weight:700;
    align-items:center;
    line-height:1;
    letter-spacing: 0.1px;
    margin-right: 2rem;
}
.main-news__head, .main-customer__head{display: flex;justify-content: space-between;margin-bottom: .6rem;z-index: 1;align-items: center;}
.news_btn{
    background-color: #fff;
    border-color: #fff;
    border-radius: 2.1rem;
    width: 2.1rem;
    height: 2.1rem;
    display: flex;justify-content: center;align-items: center;transition: .5s ease-out;
}
.customer_btn{
    background-color: #1D976C;
    border-color: #1D976C;
    border-radius: 2.1rem;
    width: 2.1rem;
    height: 2.1rem;
    display: flex;justify-content: center;align-items: center;transition: .5s ease-out;
}
.news_btn:hover{color: #fff;background-color: #1D976C; border: 1px solid #fff}
.customer_btn:hover{color: #1D976C;background-color: #fff; border: 1px solid #1D976C}
.news_btn .bi-arrow-right{font-size: 20px;color: #1D976C;}
.customer_btn .bi-arrow-right{font-size: 20px;color: #fff;}
.news_btn:hover .bi-arrow-right{color: #fff;}
.customer_btn:hover .bi-arrow-right{color: #1D976C;}
.main-news__body{width: 65%;}
.main-news__body .slick-slide{padding-left: 1rem;position: relative;}
.main-news__body .main-news__content::before{
    content: "";
    background: #fff;width: 5px;height: 5px;border-radius: 5px;
    display: inline-block;
    position: absolute;
    top: 50%;
    left: -4%;
    transform: translate(-50%, -50%);
}
.main-customer__body{z-index: 1;}
/* .main-customer__body br{display: none;} */
.main-customer__body a{font-size: 2.3rem;color: #1D976C;font-family: 'Pretendard-Black';line-height: 1.2;margin-bottom: .4rem;}
.main-customer__body h4{font-size: 1rem;font-weight: 500;}
.main-news__body .swiper-slide {height:3.3rem !important;}
.main-news__content {
    position:relative;
    width:100%;
}
.main-news__text {
    display:flex;
    flex-wrap:wrap;
    flex-direction:row;
    width:100%;    
    font-size:1rem;
    color:#fff;
    font-weight:500;
    line-height:1;
}
.main-news__ca { width:6.55rem;}
.main-news__subject {
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    font-weight: 700;
    color: #fff;
}
.main-news__subject a{color: #fff;font-weight: 500;}
.main-news__ca + .main-news__subject {
    width:calc(100% - 6.55rem);
}
.main-news__text {margin: .5rem 0;font-size: 1.1rem;list-style-type: circle;}
.main-news__controls {
    text-align:right;
}
.main-news__btnbox {    display:flex;}
.btn-main-news__up,
.btn-main-news__down {
    display:block;
    position:relative;
    width:2.4rem;
    height:2.4rem;
    background-repeat:no-repeat;
    background-size:100% auto;
    background-position:0 0;
}
.btn-main-news__up + .btn-main-news__down {/* margin-top:0.6rem; */}
.btn-main-news__up {background-image:url(../imgs/main/news/btn_news_next.png);margin-left: 0.6rem;}
.btn-main-news__down {background-image:url(../imgs/main/news/btn_news_pre.png)}

/* 대제목*/
.main-title {
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    flex-wrap:wrap;
    width:100%;    
    align-items: center;
}
.main-title .title {
    position:relative;
    font-size:1.7rem;
    color:#000;
    font-weight:700;
}
.main-title .title span {
    font-family: 'Pretendard-Black';
    color: #1D976C;
    font-weight:300;
}
.main-title h4 {
    font-size: 1rem;
    font-weight: 500;
    word-break: keep-all;
    text-align: center;
}


/* 클래스 */
.main-class__wrap {
    position:relative;
    width:100%;
    /* padding:4.55rem 0 4.7rem; */
    background-color:#ffffff;
    margin: 8rem auto;
}
.main-class__image{position: relative;}
.main-class__image a{display: block;background-color: #1D976C;border-radius:16px;border:1px solid #e4e4e4;overflow: hidden;}
.main-class__image img {
    width:100%;
    height:100%;
    box-shadow: 0px 0px 20px 0px rgba(204, 204, 204, 0.80);
    filter: blur(0);
	transition: .2s ease-out;
}
.main-class__image:hover img{opacity: .2;filter: blur(3px);}
.main-class__container {
    position:relative;
}
.main-class__container .swiper-container{padding-top:3rem;}
.main-class__item {
    width:100%;
}
.main-class__info {
    text-align:left;
    padding:1rem 1rem 0;    
}
.main-class__subject {
    font-size:1rem;
    color:#000;
    font-weight:700;
}
.main-class__subject a{
    word-break: keep-all;
}
.main-class__text {
    margin-top:0.2rem;
    font-size:0.8rem;
    color:#adb5bd;
    min-height:3rem;
}.main-class__image .main-class__btn{display: none;}
.main-class__image:hover .main-class__btn {
    display: block;
    background-color:#fff;
    border-radius:10px;
    text-align:center;
    padding: .8rem;
    font-size:0.6rem;
    font-weight:500;
    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);
    transition: .2s ease-out;
    box-shadow: 0px 0px 10px 0px rgb(41 77 137 / 60%);
}

.btn-class__prev,
.btn-class__next {
    display:block;
    position:absolute;
    top:42%;
    transform:translateY(-50%);
    font-size: 1.5rem;
    color: #ccc;
}
.btn-class__prev {
    left:-50px;
    /* background-image:url(../imgs/main/class/btn_class_prev.png); */
}
.btn-class__next {
    right:-50px;
    /* background-image:url(../imgs/main/class/btn_class_next.png); */
}
.main-class_more_btn{
    display: block;
    text-align: center;
    color: #c3c3c3;
    padding: .8rem 1.6rem;
    border-radius: 50px;
    border: solid 1px #ddd;
    margin: 1rem auto 0;
    width: fit-content;
    font-size: 1rem;
    transition: .5s ease-out;
}
.main-class_more_btn:hover{
    color: #1D976C;
    background-color: #f7f7f7;
    border: solid 1px #1D976C;
}
.main-class_more_btn i{padding-left: .5rem;}



/* ready */
.main-ready{margin-top: 8rem;}
.main-ready__container{
    margin-top: 3rem;
    display: flex;
     justify-content: space-between;
}
.main-ready__content{
    border-radius: .8rem;
    display: flex;
    align-items: center;
    flex-basis: 49%;
}
.ready_guide{background-color: #ccdfe3;}
.ready_check{background-color: #e6e3ed;}
.ready_guide .main-ready_text{background-color: #e5eff1;width: 100%;border-radius: 0 16px 16px 0;height: 100%;}
.ready_check .main-ready_text{background-color: #f2f1f6;width: 100%;border-radius: 0 16px 16px 0;height: 100%;}
.main-ready_text{
    padding: 5rem 1.4rem;
    font-family: 'Pretendard-Regular';
}
.main-ready_text h4{
    font-size: 1rem;
    font-weight: 400;
}
.main-ready_text h3{
    font-size: 1.4rem;
    font-family: 'Pretendard-Bold';
}
.main-ready_text .ready_btn{
    display: block;
    font-size: .8rem;
    background-color: #fff;
    border-radius: 20px;
    padding: 4px 16px;
    margin-top: 2.4rem;
    width: fit-content;
    transition: .5s ease-out;
}
.main-ready_text .ready_btn:hover{scale: 1.1;}

/* 하단 subject_link*/
.ft_subject_link{max-width:1400px;margin:2rem auto;}
.ft_subject_link ul{    
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;}
.ft_subject_link ul li{
    flex-basis: 23%;
    background: #f2fdef;
    border-radius: 1.2rem;
    border: solid 1px #1D976C;
}
.ft_subject_link ul li:nth-child(2n){background-color:#f7fdfb ;border: solid 1px #9bafa8;}
.ft_subject_link ul li a{display: flex;align-items: center;justify-content: space-between;padding: 1rem;position: relative;max-height: 10rem;width: 100%;height: 100%;padding-bottom: 7.2rem;}
.ft_subject_link ul li a::after{
    content: "";
    position: absolute;
    inset: 0;
    background:url('../imgs/main/news/ft_subject_img_01.png') no-repeat right bottom/contain ;
    background-position: calc(100% - .5rem) calc(100% - .5rem);
    opacity: 0.5;
    background-size: 50%;
}
.ft_subject_link ul li .ft_sbl_img-1::after{background-image: url('../imgs/main/news/ft_subject_img_01.png');background-size: 40%;}
.ft_subject_link ul li .ft_sbl_img-2::after{background-image: url('../imgs/main/news/ft_subject_img_02.png');background-size: 60%;}
.ft_subject_link ul li .ft_sbl_img-3::after{background-image: url('../imgs/main/news/ft_subject_img_03.png');background-size: 48%;}
.ft_subject_link ul li .ft_sbl_img-4::after{background-image: url('../imgs/main/news/ft_subject_img_04.png');}
.ft_subject_link ul li h3{font-size:1.2rem;}
.ft_subject_link ul li h3 span{color: #1D976C;}
.ft_subject_link ul li i{font-size: 1.2rem;color: #1D976C;}
.ft_subject_link ul li i:nth-child(2n){font-size: 1.2rem;color: #9bafa8;}
.ft_subject_link ul li img{
    width: 48%;
    position: absolute;right: 0.8rem;bottom: 0.6rem;
    opacity: .5;
}
.ft_subject_link ul li:first-child img{width: 37%;}
.ft_subject_link ul li:nth-child(2) img{width:60%;}
.ft_subject_link ul li:nth-child(3) img{width:45%;}



/* 관련기관 */
.main-agencies {
    position:relative;
    padding:1.7rem 0;
    margin-top: 5rem;
}
.main-agencies__container {
    position:relative;
    display:flex;
    flex-direction:row;
    flex-wrap:wrap;
    width:100%;    
    align-items:center;
}
/* .main-agencies__container .main-title {width:11.65rem} */
.main-agencies__content {
    width:100%;
}
.main-agencies__view{
    position:relative;
    /* padding:0 2.75rem;     */
}
.main-agencies__slider {
    position:relative;
    width:100%;
}
.btn-agencies__prev,
.btn-agencies__next {
    display:block;
    position:absolute;
    top:50%;
    transform:translateY(-50%);
    width:1.85rem;
    height:1.9rem;
    background-size:100% auto;
    background-position:0 0;
    background-repeat:no-repeat;
}
.btn-agencies__prev {
    left:-58px;
    background-image:url(../imgs/main/agencies/btn_agencies_prev.png);
    opacity: 0.5;
}
.btn-agencies__next {
    right:-58px;
    background-image:url(../imgs/main/agencies/btn_agencies_next.png);
    opacity: 0.5;
}
.main-agencies__slider img {width:100%;height:auto;}

/* 컬러 */
.color--red {color:#f21c1c !important;}
.color--blue {color:#17a1f0 !important;}
.color--holiday {color:#ff0000 !important}
.color--sat {color:#054fdc !important}
.color--grey {color:#b2b2b2 !important}
.color--black {color:#1b1b1b !important}

/* 반응형 */
@media screen and (max-width:1808px) {
    .btn-visual__next {right:5rem}
    .btn-visual__prev {left:5rem}
}
@media screen and (max-width:1760px) {
    .btn-visual__next {right:3vw}
    .btn-visual__prev {left:3vw}
}
@media screen and (max-width:1664px) {
    .main-class__container {
        padding-left:45px;
        padding-right:45px;
    }
    .btn-class__prev {left:0}
    .btn-class__next {right:0}
}
@media screen and (max-width:1440px) {
    .main-visual__container .inner{padding:  0 8vw;}
    .ban_img_01, .ban_img_02{ padding: 6rem 0;}
    /* .main-visual__wrap .swiper-wrapper {margin: 7rem auto;} */
    .main-visual__title{font-size: 2.5rem;}
    .main-visual__text1{font-size: 2rem;margin-bottom: .5rem;}
    .main-visual__text2{margin-top: 2rem;font-size: 1.2rem;line-height: 1.4;}
}
@media screen and (max-width:1280px) {
    .btn-visual__prev, .btn-visual__next{width: 16px;height: 10%;}

    .subject_link ul li,.ft_subject_link ul li{flex-basis: 24%;}

    .main-ready__content img{width: 50%;}
}
@media screen and (max-width:1200px) {
    .main-customer__body a{font-size: 2.2rem;}
    .main-customer__body h4{font-size: 1rem;}
}
@media screen and (max-width:960px) {
    .btn-visual__next {right:20px}
    .btn-visual__prev {left:20px}
    .btn-visual__prev, .btn-visual__next {width:1rem;height:2rem;}    
    .main-visual__pagination .swiper-pagination-bullet {width:0.8rem;height:0.8rem;}
    .main-visual__pagination .swiper-pagination-bullet-active {width:2rem}

    .main-class__wrap {padding:0 0;}

    .main-agencies__container {flex-direction:column;}
    .main-agencies__container .main-title {width:100%;}
    .main-agencies__content {
        width:100%;
        margin-top:1.2rem;
    }
}
@media screen and (max-width:920px) {
    /* .main-visual__wrap {background: url(../imgs/main/visual/main_banner_tab.png) center / cover no-repeat;} */
    .main-visual_btn{margin: 2rem auto 1rem;font-size: 1rem;}
    .main-visual__content {flex-direction:column;}
    .main-visual__text {width:100%;text-align:center;}
    .main-visual__image {width:100%;margin-top:1.5rem}
    /* .main-visual__wrap .swiper-wrapper {margin: 3rem auto;padding-bottom: 18rem;} */
    .main-visual__text1{margin-bottom: .5rem;font-size: 1.5rem;}
    .main-visual__text2{margin-top: 1.4rem;font-size: 1.8rem;}
    .main-visual__text3{font-size: 1.1rem;margin-top: 1.4rem;}
    .main-visual__text3 span{font-size: 1.3rem;}

    .main-news__wrap{margin-top: 3rem;}
    .main-customer__title, .main-news__title{margin-right: 1.5rem;}
    .main-news__text{font-size: 1rem;}
    .main-news__container, .main-customer__container{padding: 1.4rem 1.6rem;} 

    .main-class__wrap{margin: 5rem auto;}
    .main-class__container { padding-left:50px;padding-right:50px; }
    .btn-class__prev {left:0}
    .btn-class__next {right:0}
    /* .btn-class__prev, .btn-class__next {width:2.55rem; height:2.5rem;} */
    .main-class__container .swiper-container{padding-top: 2rem;}

    .main-ready{margin-top: 5rem;}
    .main-ready__container{margin-top: 2rem;}
    .main-ready_text{padding: 2.5rem 1.5rem;}
    .main-ready_text .ready_btn{margin-top: 1.4rem;}

    .main-agencies{margin-top: 3rem;}
}

@media screen and (max-width:835px) {
    .ban_img_01{background: url(../imgs/main/visual/mb_main_banner_01.png) center / cover no-repeat;padding: 5rem 0 30rem 0;}
    .ban_img_02{background: url(../imgs/main/visual/mb_main_banner_02.png) center / cover no-repeat;padding: 5rem 0 30rem 0;}
    .main-visual__text1{font-size: 2.5rem;margin-bottom: 1.5rem;}
    .main-visual__title{font-size: 3.5rem;width: 50%;margin: 0 auto;}
    .main-visual__text2{font-size: 1.5rem;margin-top: 3.75rem;}
    .main-visual_btn{margin: 1.6rem auto 1rem;}

    .subject_link, .ft_subject_link{margin: 3rem 0;}
    .subject_link ul, .ft_subject_link ul{row-gap: 1rem;align-content: stretch;}
    .subject_link ul li, .ft_subject_link ul li{flex-basis: 49%;}
    .subject_link ul li a::after{background-size: 45%;}
    .ft_subject_link ul li a::after{background-size: 40%;}
    .ft_subject_link ul li .ft_sbl_img-1::after{background-size: 30%;}
    .ft_subject_link ul li .ft_sbl_img-2::after{background-size: 50%;}
    .ft_subject_link ul li .ft_sbl_img-3::after{background-size: 35%;}
    /* .main-visual__wrap .swiper-wrapper {
        padding-top:2rem;
        padding-bottom:4rem;
    } */
    /* .main-visual__pagination {bottom:1.6rem !important;} */
    .main-news__container, .main-customer__container{padding: 1.2rem 1.4rem;}
    .main-news__head, .main-customer__head{margin-bottom: 6px;}
    .main-customer__title, .main-news__title{font-size: 20px;}
    .news_btn, .customer_btn{width: 1.6rem;height: 1.6rem;}
    .news_btn .bi-arrow-right, .customer_btn .bi-arrow-right{font-size: .8rem;}
    .main-news__text{margin: 6px 0;}
    .main-customer__body a{font-size: 28px;}
    .main-customer__body h4{font-size: 14px;}

    .main-class__subject{font-size: 1.2rem;}
    .main-class__text{font-size: 1rem;}

    .main-ready__content{flex-direction: column;}
    .main-ready__content img{width: 60%;}
    .ready_guide .main-ready_text, .ready_check .main-ready_text{border-radius: 0 0 16px 16px;padding: 1.4rem 1.6rem;}
    .main-ready_text .ready_btn{margin: 1rem auto 0;}

    .main-agencies {padding:2rem 0;}
    .btn-agencies__prev, .btn-agencies__next{display: none;}
}
@media screen and (max-width:640px) {
    .main-visual__title {font-size:42px;}
    .main-visual__text1 {font-size:18px;}
    .main-visual__text2 {font-size:24px;}
    .main-visual__text3 {font-size:16px;line-height: 1.4rem;}
    .main-visual__text3 span{font-size:18px}
    .main-visual__wrap .inner {padding:0}
    
    .main-title .title {font-size:1.3rem}
    
}
@media screen and (max-width:480px) {
    .ban_img_01, .ban_img_02{padding: 3rem 0 18rem 0;}
    .main-visual__text1{font-size: 1.5rem;margin-bottom: 1rem;}
    .main-visual__title{font-size: 1.8rem;margin: 0 auto;}
    .main-visual__text2{font-size: 1rem;margin-top: 1.8rem;}
    .btn-visual__prev, .btn-visual__next{display: none;}
    .main-title h4{text-wrap: balance;}

    .subject_link, .ft_subject_link{margin: 2rem 0;}
    .subject_link ul, .ft_subject_link ul{row-gap: .5rem;align-items: normal;}
    .subject_link ul li .sub_des{margin-bottom: 2rem;word-break: keep-all;}
    .subject_link ul li a{padding: 10px;}
    .subject_link ul li a::after{background-size: 40%;    background-position: calc(100% - .5rem) calc(100% - .5rem);}
    .subject_link ul li .sbl_img-2::after{background-size: 15%;}
    .subject_link ul li .sbl_img-3::after{background-size: 30%;}
    .subject_link ul li .sbl_img-4::after{background-size: 35%;}
    .subject_link ul li h3{word-break: keep-all;}
    .ft_subject_link ul li h3{word-break: keep-all;}
    .ft_subject_link ul li a{line-height: 1;padding-bottom: 4rem;align-items: normal;}
    .ft_subject_link ul li a::after{background-size: 40%;}
    .ft_subject_link ul li .ft_sbl_img-1::after{background-size: 30%;}
    .ft_subject_link ul li .ft_sbl_img-2::after{background-size: 50%;}
    .ft_subject_link ul li .ft_sbl_img-3::after{background-size: 35%;}

    .main-title .title {font-size:24px}

    .main-news__wrap{margin-top: 2rem;}
    .news_inner{flex-direction: column;row-gap: 10px;}
    .main-news__container{flex-direction: column;align-items: flex-start;}
    .main-news__container, .main-customer__container{width: 100%;padding: 14px 16px;}
    .main-customer__title, .main-news__title{font-size: 18px;}
    .main-news__container img, .main-customer__container img{width: 60%;}
    .news_btn, .customer_btn{width: 24px;height: 24px;}
    .news_btn .bi-arrow-right, .customer_btn .bi-arrow-right{font-size: 12px;}
    .main-news__text{font-size:.85rem;margin: 5px 0;}
    .main-customer__body a{font-size: 1.5rem;color: #1d976c;font-family: 'Pretendard-bold';margin-bottom: .5rem;}
    .main-customer__body h4{font-size: .85rem;letter-spacing: -0.5px;line-height: 1.2;}
    .main-customer__title, .main-news__title{margin-right: 10px;}

    .main-class__wrap {margin: 4rem auto;}
    .main-class__container{padding: 0 20px;}
    .main-class__container .swiper-container{padding-top: 1.2rem;}
    .main-class_more_btn{padding: .6rem 1.4rem;font-size: .8rem;}
    .btn-class__next{right: -12px;}
    .btn-class__prev{left: -12px;}
    .main-class_more_btn{margin-top: 0;}

    .main-ready {margin-top: 4rem;}
    .main-ready__container{margin-top: 1.2rem;flex-direction: column;row-gap: 1.2rem;}
    .main-ready__content img{width: 50%;}
    .ready_guide .main-ready_text, .ready_check .main-ready_text{padding: 1rem;}
    .main-ready_text .ready_btn{margin: .5rem auto 0;margin-right: 0;}
    .main-ready_text h3{font-size: 20px;}

    .main-agencies {margin-top:2rem;padding-top: 0;padding-bottom:1rem;}
}
@media screen and (max-width:390px) {
    .main-visual__wrap .inner{padding:0  20px;}
    .swiper-slide{max-height: 500px;}
    .main-visual__text1{font-size: 20px;}
    .main-visual__title{font-size: 24px;}
    .ban_img_01 .main-visual__text2{word-break: keep-all;}
    .ban_img_01 .main-visual__text2 br{display: none; padding:0 2px;}

    .subject_link ul li, .ft_subject_link ul li{border-radius: .8rem;}
    .subject_link ul li a{padding-bottom: 3rem;}
    .subject_link ul li h3{font-size: .9rem;}
    .subject_link ul li .sub_des{margin-bottom: 0;}
    .subject_link ul li .sub_des h4{font-size: .8rem;}

    .main-news__container img, .main-customer__container img{width: 82%;}
    .main-ready_text h4{font-size: .85rem;}

    .ft_subject_link ul li a{padding-bottom: 2rem;}
    .ft_subject_link ul li h3{font-size: .95rem;}
}

.popup-overlay {
	position: fixed;
    top: 0; left: 0; width: 100%; height: 100%;
	/*background: rgba(0, 0, 0, 0.5);*/
	z-index: 9999;
	  pointer-events: none;
	
}
.popup-content {
	position: fixed;   /* absolute → fixed 추천 */
	top: 100px;        /* ← PHP에서 값 넣을 예정 */
	left: 100px;
	transform: none;   /* 🔥 이거 제거 핵심 */
	
	background: #fff;
	padding: 20px;
	width: 80%;
	max-width: 450px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	text-align: center;
	  pointer-events: auto;
}
/*.popup-content {
	position: absolute;
	top: 50%; left: 50%;
	transform: translate(-50%, -50%);
	background: #fff;
	padding: 20px;
	width: 80%;
	max-width: 450px;
	border-radius: 10px;
	box-shadow: 0 4px 10px rgba(0, 0, 0, 0.2);
	text-align: center;
}*/
@media (max-width: 768px) {
  .popup-content {
    top: 50% !important;
    left: 50% !important;
    transform: translate(-50%, -50%) !important;

    width: 90%;
    max-width: 400px;
  }
}

.popup-close {
	margin-top: 10px;
	padding: 8px 15px;
	background: #ff5e5e;
	color: white;
	border: none;
	cursor: pointer;
	border-radius: 5px;
}
.memo_layer_bg{display:none;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.45);z-index:9998;}
.memo_layer{display:none;position:fixed;left:50%;top:50%;width:560px;max-width:92%;background:#fff;border-radius:14px;box-shadow:0 12px 35px rgba(0,0,0,0.25);z-index:9999;transform:translate(-50%,-50%);overflow:hidden;}
.memo_layer_head{background:#2f3640;color:#fff;padding:18px 22px;position:relative;}
.memo_layer_head h3{margin:0;font-size:18px;font-weight:bold;}
.memo_layer_head .memo_close{position:absolute;right:18px;top:15px;color:#fff;font-size:24px;text-decoration:none;line-height:24px;}
.memo_layer_body{padding:18px 20px;max-height:480px;overflow-y:auto;}
.memo_notice{background:#f6f8fb;border:1px solid #e3e6ee;border-radius:10px;padding:12px 14px;margin-bottom:14px;color:#333;font-size:14px;}
.memo_item{border:1px solid #e5e5e5;border-radius:10px;padding:13px 14px;margin-bottom:10px;cursor:pointer;background:#fff;transition:all .15s;}
.memo_item:hover{border-color:#2f3640;background:#fafafa;}
.memo_item_subject{font-weight:bold;color:#222;font-size:15px;margin-bottom:5px;}
.memo_item_info{font-size:12px;color:#777;margin-bottom:7px;}
.memo_item_content{font-size:13px;color:#555;line-height:1.5;}
.memo_view_box{display:none;border:1px solid #ddd;border-radius:10px;padding:15px;margin-top:12px;background:#fff;}
.memo_view_subject{font-size:16px;font-weight:bold;margin-bottom:8px;color:#222;}
.memo_view_info{font-size:12px;color:#777;border-bottom:1px solid #eee;padding-bottom:8px;margin-bottom:10px;}
.memo_view_content{font-size:14px;color:#333;line-height:1.7;min-height:80px;}
.memo_layer_foot{padding:14px 20px;background:#f7f7f7;text-align:right;}
.memo_btn{display:inline-block;padding:9px 15px;border-radius:6px;background:#2f3640;color:#fff;text-decoration:none;border:0;cursor:pointer;font-size:13px;}
.memo_btn.gray{background:#777;}
.memo_badge{display:inline-block;min-width:18px;height:18px;line-height:18px;background:#e74c3c;color:#fff;border-radius:9px;font-size:12px;text-align:center;margin-left:5px;}