/* LMS 메인 */
.lms_main01 {padding-top: 80px; padding-bottom:120px;}
.lms_main01 .lms_main_tit { margin-bottom: 24px; font-size: 24px; font-weight: 700; line-height: 140%; letter-spacing: -0.015em; color: #2F2D2D; }
.lms_class01 {position: relative;width:calc(100% + 102px);margin-left: -51px;padding:0 51px 0;opacity: 0;}
.lms_class01 .inner {overflow: hidden;}
.class_list {display: flex;flex-wrap: wrap;}
.swiper-wrapper.class_list {flex-wrap: nowrap;}
.class_list > li {overflow: hidden;position: relative;width: calc(33.333% - 6px);margin-right: 9px;margin-bottom: 3rem;border-radius:1rem;z-index: 2;}
.swiper-wrapper.class_list > li {margin-bottom: 0;}
.class_list > li:nth-child(3n) {margin-right: 0;}
.class_list > li:before {content:'';position: absolute;top: 0;right: 0; bottom: 1px;left: 0;border: 1px solid #dedede;border-radius:1rem;z-index: -1;}
.class_list > li .img_wrap {overflow: hidden;}
.class_list > li .img {display: block;position: relative;width: 100%;padding-bottom: 70.97%;background-position: center center;background-size: cover;background-repeat: no-repeat;border-radius:1rem 1rem 0 0;z-index: 1; transform: scale(1);transition:all 0.3s;will-change: transform;}
.class_list > li:hover .img {transform: scale(1.15);}
.class_list > li .img_tit {overflow: hidden;position: absolute;top:50%;left: 50%;width: 100%;max-height: 109px;padding: 0 5%;font-family: 'Gmarket Sans'; font-size: 34px;font-weight: 700;line-height: 1.1;letter-spacing:-0.025em;color: #fff;text-align: center;word-break: keep-all;transform: translate(-50%,-50%);text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}
.class_list > li .con {padding:1.9rem 1.4rem 3rem;}
.class_list > li .tit {overflow: hidden;display: block;margin-bottom: 1.1rem;font-size: 18px;font-weight:700; letter-spacing:-.05em;color: #2f2d2d;white-space: nowrap; text-overflow: ellipsis;}
.class_list > li .date {display: block;margin-bottom:0.3rem;font-size: 16px;font-weight: 300;line-height: 1; letter-spacing:-.05em;color: #666666;}
.class_list > li .price {display: block;font-size: 16px;font-weight: 300;color: #999999;}
.class_list > li .price .total {font-size: 20px;font-weight:700;color: #ff0000;}
.class_list > li .txt {overflow: hidden;display: -webkit-box;font-size: 16px;font-weight: 300;line-height: 24px;color: #666666; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.class_list > li .status_info {position:absolute;top:10px;right:10px;padding: 0px 6px;background: silver;border-radius: 10px;font-size:12px;font-weight: bolder;color: red;opacity: 0.7;}

.lms_class01 .class_list > li .img_tit {max-height: 114px;font-size: 35px;}

.lms_class01 .swiper-btn {content:'';position: absolute;top: 50%; width: 21px;height: 40px;font-size: 0;transform: translate(0,-50%);cursor: pointer;text-indent: -999em;opacity: 0.3;}
.lms_class01 .swiper-btn:hover {opacity: 1;}
.lms_class01 .swiper-prev {left: 0;background:url('/template/resp/images/ico_prev01.png') center center no-repeat;background-size: contain;}
.lms_class01 .swiper-next {right: 0;background:url('/template/resp/images/ico_next01.png') center center no-repeat;background-size:contain;}

.lms_main02 {margin-right: 10px;padding: 8.5rem 0 0 ;}
.lms_main03 {margin-right: 10px;padding: 8.5rem 0 0;}
.lms_main03 .in_Layer {display: flex;flex-wrap:wrap;}
.lms_main03 .w50 {width:calc(50% - 10px);}
.lms_main03 .w50 + .w50 {margin-left: 20px;}

.lms_book {position: relative;height: calc(100% - 45px - 2.6rem);}
.lms_book .inner {overflow: hidden;height: 100%;border: 1px solid #cecece;}
.lms_book .swiper-wrapper {}
.lms_book .swiper-wrapper > li {padding: 3.4rem 4rem 2.5rem;text-align: center;}
.lms_book .swiper-wrapper > li.swiper-slide-visible + .swiper-slide-visible {border-left: 1px solid #cecece;}
.lms_book .swiper-wrapper > li .img {display: block;width: 100%;padding-bottom: 144.6%;background-position: center center;background-size: contain;background-repeat: no-repeat;}
.lms_book .swiper-wrapper > li .tit {overflow: hidden;display: -webkit-box;height: 36px;margin-top: 1.7rem;font-size: 14px;font-weight: 400;line-height: 18px;color: #000; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lms_book .swiper-wrapper > li.noData {display:flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 3rem;font-size: 16px;}
.lms_book .swiper-page {position: absolute;top: -4rem;right:-3px;font-size: 0;}
.lms_book .swiper-page .swiper-pagination-bullet {width: 1rem;height: 1rem;margin: 0 0.4rem;background: #cccccc;border-radius:0.5rem;opacity: 1;transition:all 0.2s; }
.lms_book .swiper-page .swiper-pagination-bullet-active {width: 6rem;background-color: #00a2ff;}

.lms_live {position: relative;height: calc(100% - 45px - 2.6rem);padding: 5rem 2.9rem;border: 1px solid #cecece;}
.lms_live .inner {overflow: hidden;display: flex;align-items: center;height: 100%;}
.lms_live .swiper-wrapper {height: auto;}
.lms_live .swiper-wrapper > li .img {display: block;width: 100%;padding-bottom:70.97%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.lms_live .swiper-wrapper > li.noData {display:flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 3rem;font-size: 16px;}
.lms_live .swiper-page {position: absolute;top: -4rem;right:-3px;font-size: 0;}
.lms_live .swiper-page .swiper-pagination-bullet {width: 1rem;height: 1rem;margin: 0 0.4rem;background: #cccccc;border-radius:0.5rem;opacity: 1;transition:all 0.2s; }
.lms_live .swiper-page .swiper-pagination-bullet-active {width: 6rem;background: #00a2ff;}

.lms_event {position: relative;height: calc(100% - 45px - 2.6rem);padding: 5rem 2.9rem;border: 1px solid #cecece;}
.lms_event .inner {overflow: hidden;display: flex;align-items: center;height: 100%;}
.lms_event .swiper-wrapper {height: auto;}
.lms_event .swiper-wrapper > li .img {display: block;width: 100%;padding-bottom:70.97%;background-position: center center;background-size: cover;background-repeat: no-repeat;}
.lms_event .swiper-wrapper > li.noData {display:flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 3rem;font-size: 16px;}
.lms_event .swiper-page {position: absolute;top: -4rem;right:-3px;font-size: 0;}
.lms_event .swiper-page .swiper-pagination-bullet {width: 1rem;height: 1rem;margin: 0 0.4rem;background: #cccccc;border-radius:0.5rem;opacity: 1;transition:all 0.2s; }
.lms_event .swiper-page .swiper-pagination-bullet-active {width: 6rem;background: #00a2ff;}

.lms_main04 {padding: 8.5rem 0 6.5rem;}
.lms_main04 .in_Layer {display: flex;flex-wrap:wrap;}
.lms_main04 .w50 {width:calc(50% - 10px);}
.lms_main04 .w50 + .w50 {margin-left: 20px;}

/* .lms_notice {position: relative;height: calc(100% - 45px - 2.6rem);border: 1px solid #cecece;padding: 2.3rem 4.5rem;} */
.lms_notice .inner {overflow: hidden;display: flex;height: 100%;}
.lms_notice .swiper-wrapper {height: auto;}
/* .lms_notice .swiper-wrapper .list {padding: 1.1rem;} */
.lms_notice .swiper-wrapper .list .tit {overflow: hidden;display: block;padding-bottom: 0.7rem;font-size: 18px;font-weight: 400;line-height: 1;color: #000000;white-space: nowrap; text-overflow: ellipsis;}
.lms_notice .swiper-wrapper .list .date {display: block;font-size: 16px;font-weight: 300;line-height: 1;color: #999999;}
.lms_notice .swiper-wrapper .noData	 {display:flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 3rem;font-size: 16px;}
/* .lms_notice .swiper-page {position: absolute;top: -4rem;right:-3px;font-size: 0;}
.lms_notice .swiper-page .swiper-pagination-bullet {width: 1rem;height: 1rem;margin: 0 0.4rem;border-radius:0.5rem;opacity: 1;background: #cccccc;transition:all 0.2s; }
.lms_notice .swiper-page .swiper-pagination-bullet-active {width: 6rem;background: #00a2ff;} */

.lms_faq {position: relative;height: calc(100% - 45px - 2.6rem);padding: 2.3rem 4.5rem;border: 1px solid #cecece;}
.lms_faq .inner {overflow: hidden;display: flex;height: 100%;}
.lms_faq .swiper-wrapper {height: auto;}
.lms_faq .swiper-wrapper .list {padding: 1.1rem;}
.lms_faq .swiper-wrapper .list .tit {overflow: hidden;display: block;padding-bottom: 0.7rem;font-size: 18px;font-weight: 400;line-height: 1;color: #000000;white-space: nowrap; text-overflow: ellipsis;}
.lms_faq .swiper-wrapper .list .date {display: block;font-size: 16px;font-weight: 300;line-height: 1;color: #999999;}
.lms_faq .swiper-wrapper .noData	 {display:flex;justify-content: center;align-items: center;width: 100%;height: 100%;padding: 3rem;font-size: 16px;}
.lms_faq .swiper-page {position: absolute;top: -4rem;right:-3px;font-size: 0;}
.lms_faq .swiper-page .swiper-pagination-bullet {width: 1rem;height: 1rem;margin: 0 0.4rem;background: #cccccc;border-radius:0.5rem;opacity: 1;transition:all 0.2s; }
.lms_faq .swiper-page .swiper-pagination-bullet-active {width: 6rem;background: #00a2ff;}


@media(max-width:1380px) {
    /* LMS 클래스 ~1380px */
    .lms_class01 {width: 100%;margin-left:0;padding: 0;}
    .lms_class01 .swiper-btn {top: -55px;width: 15px;height: 29px;}
    .lms_class01 .swiper-prev {right: 40px;left: auto;}
    .lms_class01 .swiper-next {right: 0;}

    .lms_notice, .lms_live, .lms_event, .lms_book {height: calc(100% - 36px - 2.6rem);}
    .lms_faq, .lms_live, .lms_event, .lms_book {height: calc(100% - 36px - 2.6rem);}
}


@media(max-width:1280px) {
    /* LMS 메인 ~1280px */
    .lms_main01 { padding-top: 64px; padding-bottom: 96px; } 
    .lms_main01 .lms_main_tit { margin-bottom: 19px; font-size: 19px; } 
    .class_list > li .tit {font-size: 16px;}
    .class_list > li .date {font-size: 14px;}
    .class_list > li .price {font-size: 14px;}
    .class_list > li .price .total{font-size: 18px;}
    .class_list > li .txt {font-size: 15px;line-height: 23px;}
    .class_list > li .img_tit {max-height: 11.8vw;font-size: 3.72vw;}

    .lms_class01 .class_list > li .img_tit {max-height:8.5vw;padding:0 1.17vw;font-size:2.62vw;}

    .lms_book .swiper-wrapper > li {padding-right: 2.5rem;padding-left: 2.5rem;}
    .lms_notice .swiper-wrapper .list .tit {font-size: 16px;}
    .lms_notice .swiper-wrapper .list .date {font-size: 14px;}
    .lms_faq .swiper-wrapper .list .tit {font-size: 16px;}
    .lms_faq .swiper-wrapper .list .date {font-size: 14px;}
}


@media(max-width:950px) {
    /* LMS 메인 ~950px */
    .lms_class01 .class_list > li .img_tit {max-height:11.3vw;padding:0 1.49vw;font-size:3.47vw;}
}

@media(max-width:900px) {
    /* LMS 메인 ~900px */
    .lms_main03 .w50 {width: 100%;}
    .lms_main03 .w50 + .w50 {margin-left: 0;padding-top: 8.5rem;}
    .lms_main04 .w50 {width: 100%;}
    .lms_main04 .w50 + .w50 {margin-left: 0;padding-top: 8.5rem;}
    .lms_notice, .lms_live, .lms_event {height:auto;}
    .lms_book .swiper-wrapper > li {padding-right:4rem;padding-left:4rem;}
    /* .lms_notice {padding-left:2.9rem;padding-right:2.9rem;} */
    .lms_faq, .lms_live, .lms_event {height:auto;}
    .lms_faq {padding-right:2.9rem;padding-left:2.9rem;}
}


@media(max-width:767px) {
    /* LMS 메인 ~767px */
    .lms_main01 { padding-top: 40px; padding-bottom: 60px; } 
    .lms_main01 .lms_main_tit { margin-bottom: 12px; font-size: 16px; } 
    .lms_class01 {width:calc(100% + 3rem);margin-right: -3rem;}
    .class_list > li {width: calc(50% - 4.5px);}
    .class_list > li:nth-child(3n) {margin-right:9px;}
    .class_list > li:nth-child(2n) {margin-right: 0;}
    .class_list > li .tit {font-size: 2.4rem;}
    .class_list > li .date {font-size: 2.2rem;}
    .class_list > li .price {font-size: 2.2rem;}
    .class_list > li .price .total{font-size: 2.6rem;}
    .class_list > li .txt {font-size: 2.3rem;line-height: 3.5rem;}
    .class_list > li .img_tit {max-height: 17.5vw;font-size: 5.46vw;}
    .lms_class01 .swiper-btn{display: none;}
    .lms_class01 .class_list > li .img_tit {max-height:20.7vw;padding:0  2.74vw;font-size: 6.39vw;}
    .lms_book .swiper-wrapper > li .tit {font-size: 2.1rem;line-height: 2.7rem;}
    .lms_notice .swiper-wrapper .list .tit {font-size: 2.4rem;}
    .lms_notice .swiper-wrapper .list .date {font-size: 2.1rem;}
    .lms_faq .swiper-wrapper .list .tit {font-size: 2.4rem;}
    .lms_faq .swiper-wrapper .list .date {font-size: 2.1rem;}
}

.main2_slide.curating_lms {width: calc(50% - 20px);margin-left: 20px;padding: 5.4rem 8.5rem 2.6rem 5rem;}
.nice_button .icon{display: inline-block;position: relative;width: 14px;height: 12px;background:url('/template/resp/image/ico_like2.png') center center no-repeat;	}
.nice_button .icon.on:before{content:'';position: absolute;top: 50%;left: 50%;width: 14px;height: 12px;background:url('/template/resp/image/ico_like1.png') center center no-repeat;background-size: contain;transform: translate(-50%,-50%); }
.nice_button .icon.on.sizeUp:before{width: 20px;height: 18px;animation: fullScale 0.7s;}
.view_list .left_view .nice_button .icon{margin-top:4px;vertical-align: top;}

.img_wrap_box .img_wrap {overflow: hidden;}
.img_wrap_box .img_wrap .img {display: block;position: relative;width: 100%;padding-bottom: 70.97%;background-position: center center;background-size: cover;background-repeat: no-repeat;border-radius:1rem 1rem 0 0;z-index: 1; transform: scale(1);transition:all 0.3s;will-change: transform;}
.img_wrap_box .img_wrap:hover .img {transform: scale(1.15);}
.img_wrap_box .img_wrap .img_tit {overflow: hidden;position: absolute;top:50%;left: 50%;width: 100%;max-height: 109px;padding: 0 5%;font-family: 'Gmarket Sans'; font-size: 34px;font-weight: 700;line-height: 1.1;letter-spacing:-0.025em;color: #fff;text-align: center;word-break: keep-all;transform: translate(-50%,-50%);text-shadow: 1px 1px 0 rgba(0, 0, 0, 0.3);}

/* 디바이스별 표시 전환 */
.is_mo {display:none;}
@media(max-width:767px) {
    .is_pc {display:none;}
    .is_mo {display:block;}
}

/* 모바일 상단 퀵메뉴 */
.mo_quick_menu { display: none; }

@media(max-width:640px) {
    .mo_quick_menu { display: flex; flex-wrap: wrap; justify-content: center; gap: 16px 32px; position: relative; width: 250px; margin: 0 auto; } 
    .mo_quick_menu li { display: flex; align-items: center; gap: 8px; flex-direction: column; } 
    .mo_quick_menu a { display: flex; align-items: center; gap: 8px; flex-direction: column; text-decoration: none; } 
    .mo_quick_menu .icon { display: flex; justify-content: center; align-items: center; width: 64px; height: 64px; } 
    .mo_quick_menu .icon img { width: 38px; height: 38px; } 
    .mo_quick_menu .tit { font-size: 14px; font-weight: 500; line-height: 150%; color: #2F2D2D; text-align: center; } 
}

/* 자격증 카테고리 */
.main_license { padding-top: 32px; } 
.main_license .license_group { padding-top: 60px; } 
.main_license .license_tit { display: flex; align-items: center; gap: 24px; width: 100%; margin-bottom: 31px; padding: 0 16px; font-size: 24px; font-weight: 700; line-height: 35px; color: #2F2D2D; } 
.main_license .license_tit::after { content: ''; height: 1px; background: #000000; flex-grow: 1; } 
.main_license .license_list { display: flex; flex-wrap: wrap; gap: 16px 32px; padding: 0 24px; } 
.main_license .license_list > li { width: 280px; }
.main_license .license_list a { display: flex; align-items: center; padding: 12px 32px; background: #F6F8FA; border-radius: 100px; text-decoration: none; } 
.main_license .license_list a:hover {  background: #111433; }
.main_license .license_list .txt { font-size: 18px; font-weight: 500; line-height: 150%; letter-spacing: -0.015em; color: #2F2D2D; white-space: nowrap; } 
.main_license .license_list a:hover .txt { color: #fff; }
.main_license .license_list a::after { content: ''; height: 13px; min-width: 7.5px; margin-left: auto; background:url('/USER_SKIN/smartfriends/images/main/main_license_arr.png') center/contain no-repeat;} 
.main_license .license_list a:hover:after { background-image: url('/USER_SKIN/smartfriends/images/main/main_license_arr_on.png'); }

@media(max-width:1280px){
    .main_license { padding-top: 26px; } 
    .main_license .license_group { padding-top: 48px; } 
    .main_license .license_tit { gap: 19px; margin-bottom: 25px; padding: 0 13px; font-size: 19px; line-height: 28px; } 
    .main_license .license_list { gap: 13px 26px; padding: 0 19px; } 
    .main_license .license_list>li { width: calc((100% - 78px) / 4); } 
    .main_license .license_list a { padding: 10px 26px; } 
    .main_license .license_list .txt { font-size: 14px; } 
    .main_license .license_list a::after { height: 10px; min-width: 6px; } 
}

@media (max-width: 1024px) {
    .main_license .license_list > li { width: calc((100% - 52px) / 3); }
}

@media(max-width:767px){
    .main_license { padding-top: 16px; }
    .main_license .license_group { padding-top: 30px; } 
    .main_license .license_tit { gap: 12px; margin-bottom: 16px; padding: 0; font-size: 16px; line-height: 24px;  } 
    .main_license .license_list { gap: 8px 16px; padding: 0; } 
    .main_license .license_list > li { width: calc((100% - 16px) / 2); } 
    .main_license .license_list a { padding: 8px 12px; } 
    .main_license .license_list .txt { font-size: 13px; } 
    .main_license .license_list a::after { height: 6px; min-width: 4px; } 
}

/* 중간배너 */
.banner_image img {width:100%; vertical-align:top;}
.banner_image > a {display:block;}
.main_middle_banner { padding: 100px 0; background: #F6F7F8; }
.main_middle_banner .in_Layer {display:flex; flex-wrap:wrap;}
.main_middle_banner .banner_group { display:flex; gap:16px;position:relative; top:-45px;}
.main_middle_banner .banner_group .banner_image {width:50%;}
.main_middle_banner .banner_group .banner_image a {position:relative;}
.main_middle_banner .banner_group .banner_image a:after {content:''; display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:var(--hover-img) no-repeat center/contain;background-size: contain;}
.main_middle_banner .banner_group .banner_image a:hover:after {display:block;}

@media(max-width:1280px) {
    .main_middle_banner { padding: 80px 0; }
    .main_middle_banner .banner_group {top:-3.2vw;}
}

@media(max-width:767px) {
    .main_middle_banner { padding: 50px 0 calc(50px - 5vw); }
    .main_middle_banner .banner_image {width:100%;}
    .main_middle_banner .banner_group { gap:1.6vw; top:-5vw; width:100%;flex-direction:column;}
    .main_middle_banner .banner_group .banner_image {width:100%;}
    .main_middle_banner .banner_group .banner_image a:after {background-image:var(--hover-img-mo);}
    .main_middle_banner .banner_group .banner_image a:active:after {display:block;}
}

/* 합격 스토리 */
.main_review { padding: 80px 0 120px; background: #ffffff; } 
.main_review .in_Layer { max-width: 1188px; margin: 0 auto; } 
.main_review .review_tit { margin-bottom: 60px; font-size: 48px; font-weight: 700; line-height: 140%; letter-spacing: -0.015em; color: #000; text-align: center; } 
.main_review .review_tit::before { content:''; display: block; width: 64px; height: 64px; margin: 0 auto 24px; background:url('/USER_SKIN/smartfriends/images/main/main_review_tit.png') center/contain no-repeat; } 
.main_review .review_tit span { display: inline-block; color: #D4AF37; } 
.main_review .main_review_list { display: flex; flex-wrap: wrap; justify-content: center; align-items: stretch; gap: 24px; } 
.main_review .main_review_list li { overflow: hidden; display: flex; flex: 0 0 calc((100% - 48px) / 3); border-radius: 24px; flex-direction: column; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); } 
.main_review .review_content { overflow: hidden; min-height: 240px; padding: 40px 32px 56px; background:url('/USER_SKIN/smartfriends/images/main/main_review_bg.png') center bottom/cover no-repeat; flex-grow: 1; } 
.main_review .review_content::before { content: ''; float: right; position: relative; top: -8px; right:-9px; width: 92px; height: calc(100% + 40px); background: url('/USER_SKIN/smartfriends/images/main/main_review_logo.png') bottom center/contain no-repeat; shape-outside: inset(calc(100% - 64px) 0 0 0); } 
.main_review .review_content .tit { display: block; margin-bottom: 16px; font-size: 21px; font-weight: 700; line-height: 150%; letter-spacing: -0.025em; color: #ffffff; word-break: keep-all; } 
.main_review .review_content .txt { font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.025em; color: #ffffff; word-break: keep-all; } 
.main_review .review_footer { display: flex; justify-content: space-between; align-items: center; height: 60px; padding: 0 24px; background: #ffffff; } 
.main_review .review_footer .score { width: 121px; height: 19px; object-fit: contain; } 
.main_review .review_footer .name { font-size: 15px; font-weight: 400; line-height: 150%; letter-spacing: -0.015em; color: #2859C5; } 

@media(max-width:1280px) {
    .main_review { padding: 64px 0 96px; } 
    .main_review .review_tit { margin-bottom: 48px; font-size: 38px; } 
    .main_review .review_tit::before { width: 51px; height: 51px; margin: 0 auto 19px; } 
    .main_review .main_review_list { gap: 19px; } 
    .main_review .main_review_list li { flex: 0 0 calc((100% - 38px) / 3); border-radius: 19px; box-shadow: 0 3px 5px rgba(0, 0, 0, 0.1); } 
    .main_review .review_content { min-height: 192px; padding: 32px 26px 52px; } 
    .main_review .review_content::before { top: 0; right:-8px; width: 74px; height: calc(100% + 32px); shape-outside: inset(calc(100% - 51px) 0 0 0); } 
    .main_review .review_content .tit { margin-bottom: 13px; font-size: 18px; } 
    .main_review .review_content .txt { font-size: 14px; } 
    .main_review .review_footer { height: 48px; padding: 0 19px; } 
    .main_review .review_footer .score { width: 97px; height: 15px; } 
    .main_review .review_footer .name { font-size: 13px; } 
}

@media(max-width:767px) {
    .main_review { padding: 40px 0 60px; } 
    .main_review .in_Layer { max-width: 594px; } 
    .main_review .review_tit { margin-bottom: 38px; font-size: 30px; } 
    .main_review .review_tit::before { width: 40px; height: 40px; margin: 0 auto 15px; } 
    .main_review .main_review_list { gap: 15px; } 
    .main_review .main_review_list li { flex: 0 0 100%; max-width: 100%; border-radius: 15px; box-shadow: 0 3px 4px rgba(0, 0, 0, 0.1); } 
    .main_review .review_content { min-height: 150px; padding: 25px 20px 40px; } 
    .main_review .review_content::before { top: 0; right:-6px; width: 58px; height: calc(100% + 25px); shape-outside: inset(calc(100% - 40px) 0 0 0); } 
    .main_review .review_content .tit { margin-bottom: 10px; } 
    .main_review .review_content .txt { max-width: 410px; } 
    .main_review .review_footer { height: 42px; padding: 0 15px; } 
}


/* 상담 신청 배너  */
.main_consult_banner { overflow: hidden; }
.main_consult_banner a { display: block; } 
.main_consult_banner .img { display: block; position: relative; left: 50%; width: 1920px; transform: translate(-50%,0); }

@media(max-width:1280px) {
    .main_consult_banner .img { width: 150vw; }
}

/* 이벤트 */
.main_event { padding: 100px 0; background: #F6F7F8; } 
.main_event .event_tit { margin-bottom: 24px; font-size: 24px; font-weight: 700; line-height: 140%; letter-spacing: -0.015em; color: #2F2D2D; } 
.main_event .event_list { display: flex; flex-wrap: wrap; gap: 24px; } 
.main_event .event_list li { display: flex; flex: 0 0 calc(25% - 18px); align-items: flex-start; gap: 16px; background: #FFFFFF; border: 1px solid #E4E4E4; border-radius: 24px; flex-direction: column; } 
.main_event .event_list li > a { display: flex; align-items: flex-start; gap: 16px; width: 100%; flex-direction: column; padding: 30px 32px 32px; }
.main_event .event_list .icon { height: 51px; } 
.main_event .event_list .tit { font-size: 21px; font-weight: 700; line-height: 150%; letter-spacing: -0.015em; color: #2F2D2D; word-break: keep-all; } 
.main_event .event_list .txt { font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.015em; color: #666666; word-break: keep-all; } 

@media (max-width:1280px){
    .main_event { padding: 80px 0; } 
    .main_event .event_tit { margin-bottom: 19px; font-size: 19px; } 
    .main_event .event_list { gap: 19px; } 
    .main_event .event_list li { flex: 0 0 calc(25% - 14.25px); gap: 13px; border-radius: 19px; } 
    .main_event .event_list li > a { display: flex; gap: 13px; padding: 24px 26px 26px; }
    .main_event .event_list .icon { height: 41px; } 
    .main_event .event_list .tit { font-size: 17px; } 
    .main_event .event_list .txt { font-size: 13px; } 
}

@media (max-width:767px){
    .main_event { padding: 50px 0; } 
    .main_event .event_tit { margin-bottom: 12px; font-size: 16px; } 
    .main_event .event_list { gap: 12px; } 
    .main_event .event_list li { flex: 0 0 calc(50% - 6px); gap: 8px; border-radius: 12px; } 
    .main_event .event_list li > a { display: flex; gap: 8px; padding: 15px 16px 16px; }
    .main_event .event_list .icon { height: 26px; } 
    .main_event .event_list .tit { font-size: 14px; }  
}


/* 공지사항/고객센터 */
.main_service { padding: 80px 0; } 
.main_service .in_Layer { display: flex; flex-wrap:wrap; position: relative;  } 
.main_service .in_Layer::after { content:''; position: absolute; top: 0; left:60.9%; width: 1px; height: 100%; background: #eee; }
.board_section { width: 54.61%;  } 
.board_tab { display: flex; align-items: center; margin-bottom: 16px; } 
.board_tab_list { display: flex; gap: 4px; } 
.board_tab_list li a { display: flex; justify-content: center; align-items: center; height: 50px; padding: 0 24px; background: #FFFFFF; border: 1px solid #000000; border-radius: 100px; font-size: 18px; font-weight: 400; line-height: 100%; letter-spacing: -0.015em; color: #2F2D2D; text-decoration: none; } 
.board_tab_list li.active a { background: #000000; font-weight: 700; color: #FFFFFF; } 
.board_tab .more_btn { margin-left: auto; font-size: 16px; font-weight: 400; line-height: 100%; letter-spacing: -0.015em; color: #2F2D2D; text-decoration: none; } 
.board_tab_content { display: none; } 
.board_list { width: 100%; } 
.board_list li { padding: 16px; } 
.board_list li a { display: flex; align-items: center; gap:16px; text-decoration: none; } 
.board_list li .cate { min-width: 80px; font-size: 16px; font-weight: 500; line-height: 150%; letter-spacing: -0.015em; color: #FF0000; } 
.board_list li .tit { overflow: hidden; flex: 1; font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.015em; color: #2F2D2D; white-space: nowrap; text-overflow: ellipsis; } 
.board_list li .date { display: flex; gap: 8px; margin-left: auto; font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.015em; color: #BBBBBB; text-align: right; } 
.customer_service { position: relative; width: 32.81%; margin-left: auto; } 
.customer_service h3 { margin-bottom: 16px; font-size: 24px; font-weight: 700; line-height: 100%; letter-spacing: -0.015em; color: #2F2D2D; } 
.customer_service .phone_number { display: flex;justify-content: center; align-items: center; gap: 24px; padding: 8px 0 16px; font-family: 'Gmarket Sans'; font-size: 48px; font-weight: 500; line-height: 150%; letter-spacing: -0.015em; color: #2F2D2D; } 
.customer_service .phone_number img { width: 40px; }
.customer_info_list { margin-bottom: 16px; border-top: 1px solid #DDDDDD; } 
.customer_info_list li { display: flex; align-items: flex-start; gap: 16px; padding: 16px 24px 0; background: #FFFFFF; } 
.customer_info_list .tit { min-width: 96px; font-size: 18px; font-weight: 500; line-height: 150%; letter-spacing: -0.015em; color: #666666; } 
.customer_info_list .txt { flex: 1; font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.015em; color: #2F2D2D; } 
.customer_info_list .txt strong { font-weight: 700; }
.customer_service .consult_btn { display: flex; justify-content: center; align-items: center; gap: 10px; height: 70px; background: #2859C5; border-radius: 100px; font-size: 24px; font-weight: 700; line-height: 100%; letter-spacing: -0.015em; color: #FFFFFF; text-decoration: none; } 

@media (max-width:1280px){
    /* 공지사항/고객센터 ~1280px */
    .main_service .in_Layer::after { left: 50%; }
    .main_service { padding: 64px 0; } 
    .board_section,
    .customer_service { width: 45%; }
    .board_tab { margin-bottom: 13px; } 
    .board_tab_list li a { height: 40px; padding: 0 19px; border-radius: 80px; font-size: 14px; } 
    .board_tab .more_btn { font-size: 13px; } 
    .board_list li { padding: 13px; } 
    .board_list li a { gap: 13px; } 
    .board_list li .cate { min-width: 64px; font-size: 13px; } 
    .board_list li .tit { font-size: 13px; } 
    .board_list li .date { gap: 6px; font-size: 13px; } 
    .customer_service h3 { margin-bottom: 13px; font-size: 19px; } 
    .customer_service .phone_number { gap: 19px; padding: 6px 0 13px; font-size: 38px; } 
    .customer_service .phone_number img { width: 32px; } 
    .customer_info_list { margin-bottom: 13px; } 
    .customer_info_list li { gap: 13px; padding: 13px 19px 0; } 
    .customer_info_list .tit { min-width: 77px; font-size: 14px; } 
    .customer_info_list .txt { font-size: 13px; } 
    .customer_service .consult_btn { gap: 8px; height: 56px; border-radius: 80px; font-size: 19px; } 
}

@media (max-width:767px){
    /* 공지사항/고객센터 ~767px */
    .main_service { padding-top: 40px; }
    .main_service .in_Layer::after { display: none; }
    .board_section,
    .customer_service { width: 100%; }
    .customer_service { padding-top: 40px; }
    .board_list li { padding-top: 10px; padding-bottom: 10px; }
}

/* 하단 배너  */
.main_bottom_banner { overflow: hidden; }
.main_bottom_banner a { display: block; } 
.main_bottom_banner .img { display: block; position: relative; left: 50%; width: 1920px; transform: translate(-50%,0); }

@media(max-width:1280px) {
    .main_bottom_banner .img { width: 150vw; }
}