body {padding-top:120px;}
@media(max-width:1280px) {
    body {padding-top: 0;}
}

/*결제*/
#contents .payRadio label {margin-bottom:5px; box-shadow:none;}
.paymentArea table.basicTb2.pay_basicTb2 tr:not(.settle_bank) td {padding-left:20px;}

/* 마이페이지 수강후기 안내 팝업 */
.review_pop { min-width: 400px; padding: 30px 10px; text-align: center; } 
.review_pop p { font-size: 16px; } 
.review_pop .msg_cont { margin: 30px 0; font-size: 16px; } 
.review_pop .pop_btn { margin-top: 30px; } 
.review_pop .pop_btn .sampleB { display: inline-block; width: 45%; } 

.viewThumbnail img { width:100%;max-width:800px;}
.viewThumbnail {margin-bottom:30px;}

/*똑똑한 상담신청*/
.counsel_area .counsel_banner_box {display:flex; gap:15px; margin-top:25px;}
.counsel_area .counsel_banner_box img {max-width:100%; vertical-align:top;}
.counsel_area .counsel_text {margin-top:25px;}

/*강의상세 배너*/
.viewBuyBanner {margin-top:12px;}
.viewBuyBanner img {width:100%;}
#contents .viewTabs li a {justify-content: center;}

@media(max-width: 1180px) {
	.viewThumbnail img { width:100%;max-width:800px;}
	.viewThumbnail {margin-bottom:30px;}
}

@media(max-width: 767px) {
    /* 마이페이지 수강후기 안내 팝업 ~767px */
    .review_pop { min-width:280px; padding:15px 5px; text-align: center; } 
    .review_pop p { font-size: 13px; } 
    .review_pop .msg_cont { margin: 15px 0; font-size: 13px; } 
    .review_pop .pop_btn { margin-top: 15px; } 
    /*똑똑한 상담신청*/
    .counsel_area .counsel_banner_box {flex-wrap:wrap;}
}
/*강좌목록 지원옵션 추가 by kang 240816*/
.class_list > li span.cate {padding: 19px 0 0;font-size: 14px;font-weight: 500;color: rgb(143, 15, 246);}

/* 샘플 강의 */
.lms_class03 {margin-bottom: 7.7rem;padding: 0;}
.lecture_list2 { display: flex; flex-wrap: wrap; gap: 13px; } 
.lecture_list2 .swiper-slide { display: flex; width: 310px; background: #FFFFFF; border-radius: 8px; flex-direction: column; box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); } 
.lecture_list2 .thumbnail_wrap { overflow: hidden; width: 100%; height: 212px; border-radius: 8px 8px 0 0; } 
.lecture_list2 .info_wrap { display: flex; padding: 16px 16px 12px; flex-direction: column; flex-grow: 1; }
.lecture_list2 .course_tags { display: flex; align-items: center; gap: 8px; padding: 0 0 8px; } 
.lecture_list2 [class^="tag_"] { display: flex; justify-content: center; align-items: center; padding: 4px 8px; border-radius: 4px; font-family: 'Pretendard', sans-serif; font-size: 12px; font-weight: 700; line-height: 130%; letter-spacing: -0.015em; } 
.lecture_list2 .tag_1 { border: 1px solid #00A2FF; color: #00A2FF; } 
.lecture_list2 .tag_2 { background: #00A2FF; color: #FFFFFF; } 
.lecture_list2 .course_title {  margin-bottom: 7px; font-size: 18px; font-weight: 700; line-height: 150%; letter-spacing: -0.015em; color: #2F2D2D; } 
.lecture_list2 .instructor_name { margin-top: auto; font-size: 16px; font-weight: 400; line-height: 150%; letter-spacing: -0.015em; color: #666666; } 
.lms_class03 .lecture_list2 { flex-wrap: wrap; gap:0; }
.lms_class03 .lecture_list2 .swiper-slide {width: calc(33.333% - 6px);}
.lms_class03 .lecture_list2 .price { display: flex;  justify-content: space-between;align-items: center;}
.lecture_list2 .price .total{ text-align: left;  }
.lecture_list2 .price .dis_rate_box{ text-align: right;  }

@media (max-width:1280px) {
    .lecture_list2 { gap: 10px; } 
    .lecture_list2 .swiper-slide { width: 248px; border-radius: 6px; } 
    .lecture_list2 .thumbnail_wrap { height: auto; border-radius: 6px 6px 0 0; } 
    .lecture_list2 .info_wrap { padding: 13px 13px 10px; } 
    .lecture_list2 .course_tags { gap: 6px; padding: 0 0 6px; } 
    .lecture_list2 [class^="tag_"] { padding: 3px 6px; border-radius: 3px; font-size: 10px; } 
    .lecture_list2 .course_title { margin-bottom: 6px; font-size: 14px; } 
    .lecture_list2 .instructor_name { font-size: 13px; } 
}

@media(max-width:767px) {
    .lms_class03 .lecture_list2 > li.swiper-slide {width:calc(50% - 6px);}
}

@media(max-width:460px) {
    .lms_class03 .lecture_list2 {flex-direction:column;}
    .lms_class03 .lecture_list2 > li.swiper-slide {width:100%;}
}

/* 상담신청 팝업 */
.reserve_popup {display: none;width: 100%;max-width: 650px;}
.reserve_popup .popup_contents { width: 520px; max-width: 100%; padding:35px 40px 28px; background:#fff; border:2px solid #3b93ef; /*border-radius:8px;*/}
.reserve_popup .reserve_form li {display:flex;}
.reserve_popup .reserve_form li + li {margin-top:12px;}
.reserve_popup .reserve_form .form_title {padding-top: 2px; width:84px; font-size:20px; font-weight:bold; color:#1e1e1e; flex-shrink:0;}
.reserve_popup .reserve_form .form_input_box {display: flex; gap:8px;flex-grow:1; }
.reserve_popup .reserve_form .form_input_box select {height: 33px; padding-left: 16px; border:1px solid #a4a4a4; border-radius:4px; font-size:14px !important; font-weight:500; color:#1e1e1e; flex-grow:1; }
.reserve_popup .reserve_form .form_input_box input[type=text] { width:100%; height:33px; padding: 0 16px; border:1px solid #a4a4a4; border-radius:4px; font-size:14px; font-weight:500; color:#1e1e1e; flex-grow:1;}
.reserve_popup .reserve_form .form_input_box input[type=text]::placeholder {color:#a4a4a4;}
.reserve_popup .reserve_form .form_input_box.phone_number {display:flex; align-items:center; gap:7px;}
.reserve_popup .reserve_form .form_input_box.phone_number input {width:35%;}
.reserve_popup .reserve_form .form_input_box.phone_number input:first-child {width:30%;}
.reserve_popup .reserve_form .form_input_box.phone_number .hyphen {font-size:20px; font-weight:bold;}
.reserve_popup .agree_box {display:flex; flex-wrap:wrap; gap:8px 15px; margin-top:30px;}
.reserve_popup .agree_box .agree_text { font-size:16px; color:#1e1e1e;flex-grow:1;}
.reserve_popup .agree_box .agree_text input[type=checkbox] {display:none; visibility:hidden;}
.reserve_popup .agree_box .check_box {display:inline-block; width:18px; height:18px; margin-top: -2px; margin-left:9px; border:1px solid #3b93ef; border-radius:4px; vertical-align:middle;}
.reserve_popup .agree_box .agree_text input[type=checkbox]:checked ~ .check_box {background:rgba(59, 147, 239, 0.15) url(/USER_SKIN/smartfriends/images/common/icon_check.png) center no-repeat; background-size:13px 10px;}
.reserve_popup .agree_box .popview {margin-left:auto; font-size:14px; font-weight:500; color:#3b93ef;}
.reserve_popup .popup_btn_area {display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:32px;}
.reserve_popup .popup_btn_area .btn {display:flex; justify-content:center; align-items:center; width:100%; height:48px; background-color:#3b93ef; border-radius:8px; font-size:24px; font-weight:bold; color:#fff;}


@media(max-width: 767px) {
	.reserve_popup .popup_contents {padding:3.7313rem 4.4776rem 2.9851rem;}
	.reserve_popup .reserve_form .form_title {padding-top: 3px; width:76px; font-size:16px;}
	.reserve_popup .agree_box {margin-top:3.7313rem;}
	.reserve_popup .agree_box .agree_text {font-size:15px;}
    
	.reserve_popup .agree_box .check_box {width:16px; height:16px;}
	.reserve_popup .agree_box .agree_text input[type=checkbox]:checked ~ .check_box {background-size:11px 8px;}
	.reserve_popup .popup_btn_area {margin-top:4.0299rem;}
	.reserve_popup .popup_btn_area .btn {height:5.9701rem; font-size:2.9851rem;}
}

@media(max-width: 460px) {
    .reserve_popup .reserve_form .form_input_box { flex-wrap: wrap; }
    .reserve_popup .reserve_form .form_input_box input[type=text] { width: 100% !important; }
    .reserve_popup .reserve_form .form_input_box select.hp_group { width: 100% !important; }
} 

/* 손해평가사 랜딩페이지 CSS 시작 */
.sonpyeong_img { overflow: hidden; width: 100%; } 
.sonpyeong_img .pc { display: block; position: relative; left: 50%; width: 1920px; transform: translate(-50%,0); } 
.sonpyeong_img .mo { display: none; } 
.sonpyeong_shop .mo_br { display: none; } 
#wrap .sonpyeong_shop * { font-family: "Pretendard"; letter-spacing: normal; }

.sonpyeong_teacher { overflow: hidden; position: relative; padding: 96px 0 100px; } 
.sonpyeong_teacher .bg { position: absolute; top:50%; left: 50%; width: 1920px; z-index: -1; transform: translate(-50%,-50%); } 
.sonpyeong_teacher .txt { font-size: 24px; line-height: 1.25; color: rgb(255, 255, 255); text-align: center; } 
.sonpyeong_teacher .tit { margin-top: 11px; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255); text-align: center; } 
.sonpyeong_teacher .list { display: grid; gap:20px; max-width: 1180px; margin: 94px auto 0; grid-template-columns: repeat(4, 1fr); } 
.sonpyeong_teacher .list > li { position: relative; } 
.sonpyeong_teacher .list > li a { display: block; pointer-events: none; } 
.sonpyeong_teacher .list > li .name { position: absolute; top: 31px; left: 22px;  font-size: 28px; font-weight: 700; color: rgb(28, 28, 28); z-index: 2; } 
.sonpyeong_teacher .list > li .img_wrap { overflow: hidden; position: relative; padding-bottom: 142.858%; border-radius: 12px; z-index: 1; } 
.sonpyeong_teacher .list > li .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.sonpyeong_teacher .list > li .img.on { opacity: 0; } 
.sonpyeong_teacher .list > li.on .img.on { opacity: 1; } 

.sonpyeong_need { padding: 89px 0 100px; background: #f8f8f8; } 
.sonpyeong_need .tit { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_need .txt { margin-top: 14px; font-size: 24px; line-height: 1.25; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_need .img { display: block; width: 698px; margin: 38px auto 0; } 
.sonpyeong_need .img_mo { display: none; } 
.sonpyeong_need .tip { max-width: 1100px; margin: 47px auto 0; padding: 27px 0 34px; background-color: rgb(255, 255, 255); border: 1px solid rgb(237, 238, 242); border-radius: 20px; text-align: center; } 
.sonpyeong_need .tip .tip_tit { display: block; font-size: 36px; font-weight: 700; line-height: 1.2; color: #000; } 
.sonpyeong_need .tip .tip_tit span { color: #0d714f; } 
.sonpyeong_need .tip .tip_txt1 { margin-top: 9px; font-size: 24px; line-height: 1.429; color: rgb(28, 28, 28); } 
.sonpyeong_need .tip .tip_txt2 { margin-top: 2px; font-size: 24px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); } 
.sonpyeong_need .tip .tip_txt2 span { padding: 1px 4px; background: linear-gradient(#0d714f 0 100%); background-position: 0 100%; background-size: 100% 100%; background-repeat: no-repeat; color: #fff; } 

.sonpyeong_roadmap { padding: 93px 0 120px 0; background-image: linear-gradient( 0deg, rgb(229,242,229) 0%, rgb(185,214,185) 49%, rgb(220,235,220) 61%, rgb(255,255,255) 100%); } 
.sonpyeong_roadmap .tit { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_roadmap .txt { margin-top: 13px; font-size: 24px; font-weight: 400; line-height: 1.25; color: rgb(28, 28, 28); text-align: center; } 
.roadmap_slide { margin-top: 50px; } 
.roadmap_list { gap:40px; max-width: 1100px; margin: 0 auto; flex-direction: column; } 
.roadmap_list > li { overflow: hidden; background-color: rgb(255, 255, 255); border: 4px solid #144f3c; border-radius: 16px; box-shadow: 0px 0px 70px 0px rgba(20, 79, 60, 0.24); } 
.roadmap_list > li .img { position: relative; width: 100%; padding-bottom: 49.726%; } 
.roadmap_list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.roadmap_list > li .img_mo { display: none; } 
.roadmap_slide .btn_arr { display: none; } 
.roadmap_slide .pagination { display: none; } 

.sonpyeong_teacher2 { padding-bottom: 95px; background-image: linear-gradient( 0deg, rgb(255,255,255) 0%, rgb(242,248,241) 24%, rgb(228,241,227) 100%); } 
.sonpyeong_teacher2 .tit { position: relative; top: -8px; font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_teacher2_tab { max-width: 1100px; margin: 37px auto 0; } 
.sonpyeong_teacher2_tab .tit_list { display: grid; gap:20px; grid-template-columns: repeat(4, 1fr); } 
.sonpyeong_teacher2_tab .tit_list > li a { display: flex; justify-content: center; align-items: center; height: 56px; background-color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 8px; font-size: 20px; font-weight: 700; color: rgb(174, 187, 173); } 
.sonpyeong_teacher2_tab .tit_list > li.active a { background-color: #144f3c; border-color: #144f3c; color: #fff; } 
.sonpyeong_teacher2_tab .tab_con { margin-top: 32px; } 
.sonpyeong_teacher2_tab .tab_list { display: none; position: relative; } 
.sonpyeong_teacher2_tab .tab_list .img { overflow: hidden; position: relative; padding-bottom: 46.979%; background-color: #fff; border: 4px solid #144f3c; border-radius: 16px; box-shadow: 0 0 70px rgba(5, 112, 238, 0.24); } 
.sonpyeong_teacher2_tab .tab_list .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.sonpyeong_teacher2_tab .tab_list .img .img_mo { display: none; } 
.sonpyeong_teacher2_tab .tab_list .view_free { display: flex; justify-content: center; align-items: center; position: absolute; right: 36px; bottom: 36px; width: 200px; height: 52px; background-color: rgb(0, 0, 0, 0.902); border-radius: 8px; font-size: 16px; font-weight: 700; color: rgb(255, 255, 255); animation: freeFloat 0.8s ease infinite, pulse 0.8s ease-in-out infinite; } 
.sonpyeong_teacher2_tab .tab_list .view_free::after { content:''; width: 21px; height: 21px; margin-left: 14px; background:url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_teacher2-free.png') center/contain no-repeat; } 
.sonpyeong_teacher2_tab .tab_list .free_video { display: none; position: absolute; top: 34px; left: 34px; width: 680px; height: 456px; } 
.sonpyeong_teacher2_tab .tab_list .free_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
@keyframes freeFloat {
    0% {
        transform: translateY(0);
    }
    50% {
        transform: translateY(-10px);
    }
    100% {
        transform: translateY(0);
    }
}
.sonpyeong_book { padding: 92px 0 101px; } 
.sonpyeong_book .tit { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_book .txt { margin-top: 14px; font-size: 24px; line-height: 1.25; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_book_slide { overflow: hidden; position: relative; max-width: 1722px; margin: 47px auto 0; } 
.sonpyeong_book_slide .inner { max-width: 1280px; margin: 0 auto; } 
.sonpyeong_book_list { justify-content: center; } 
.sonpyeong_book_slide.on .sonpyeong_book_list { justify-content: start; } 
.sonpyeong_book_list > li { width: 256px; padding: 0 35px; } 
.sonpyeong_book_list > li .img { display: block; position: relative; padding-bottom: 138.18%; } 
.sonpyeong_book_list > li .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 
.sonpyeong_book_list > li .book_tit { display: block; padding: 18px 0 22px; font-size: 20px; font-weight: 600; line-height: 1.4; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_book .btn_arr { display: flex; justify-content: center; align-items: center; position: absolute; top: 50%; width: 40px; height: 40px; background-color: rgba(101, 128, 136,0.6); border-radius:50%; z-index: 1; transform: translate(0,-50%); } 
.sonpyeong_book .btn_arr img { width: 7px; height: 11px; }
.sonpyeong_book .btn_arr.btn_prev { left: 50%; margin-left: -660px; } 
.sonpyeong_book .btn_arr.btn_next { right:50%; margin-right: -660px; } 
.sonpyeong_book .btn_arr.btn_next img { transform: scaleX(-1); } 

.sonpyeong_smart { padding: 93px 0 100px; background-color: rgb(248, 248, 248); } 
.sonpyeong_smart .tit { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_smart .txt { margin-top: 13px; font-size: 24px; font-weight: 400; line-height: 1.25; color: rgb(28, 28, 28); text-align: center; } 
.sonpyeong_smart_tab { max-width: 1100px; margin: 47px auto 0; } 
.sonpyeong_smart_tab .tit_list { display: flex; justify-content: center; gap:20px; } 
.sonpyeong_smart_tab .tit_list > li { flex: 1; } 
.sonpyeong_smart_tab .tit_list > li a { display: flex; justify-content: center; align-items: center; height: 76px; background-color: rgb(255, 255, 255); border: 2px solid rgb(255, 255, 255); border-radius: 8px; text-align: center; flex-direction: column; } 
.sonpyeong_smart_tab .tit_list > li .info { font-size: 16px; line-height: 1.25; color: rgb(174, 187, 173); } 
.sonpyeong_smart_tab .tit_list > li .tit2 { margin-top: 7px; font-size: 20px; font-weight: 700; line-height: 1; color: rgb(174, 187, 173); } 
.sonpyeong_smart_tab .tit_list > li.active a { background: #eeffed; border-color: #0e7756; } 
.sonpyeong_smart_tab .tit_list > li.active .info { color: #000000; } 
.sonpyeong_smart_tab .tit_list > li.active .tit2 { color: #0e7756; } 
.sonpyeong_smart_tab .tab_con { overflow: hidden; margin-top: 32px; background-color: #fff; border: 4px solid #0e7756; border-radius: 16px; box-shadow: 0 0 70px rgba(14, 119, 86, 0.24); } 
.sonpyeong_smart_tab .tab_list .img { position: relative; padding-bottom: 50.55%; } 
.sonpyeong_smart_tab .tab_list .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.sonpyeong_smart_tab .tab_list .img .img_mo { display: none; } 

.sonpyeong_pass { padding: 77px 0 100px; background: #050505; } 
.sonpyeong_pass h2 .img_pc { display: block; margin: 0 auto; } 
.sonpyeong_pass h2 .img_mo { display: none; } 
.sonpyeong_pass_list { display: grid; gap:20px; max-width: 1100px; margin: 43px auto 0; grid-template-columns: repeat(3, 1fr); } 
.sonpyeong_pass_list > li { overflow: hidden; display: flex; padding: 30px 24px 24px; background-color: rgb(255, 255, 255); border-radius: 12px; flex-direction: column; } 
.sonpyeong_pass_list > li .rec_img_pc { display: block; position: relative; max-width: 100%; margin: -9px auto 0; z-index: 1; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; } 
.sonpyeong_pass_list > li .rec_img_mo { display: none; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; }
.sonpyeong_pass_list > li .pass_tit { position: relative; font-size: 32px; font-weight: 700; color: rgb(5, 5, 5); z-index: 2; align-self: baseline; } 
.sonpyeong_pass_list > li .pass_tit.plus span { color: #0e7756; } 
.sonpyeong_pass_list > li .pass_tit.max span { color: #d7a347; } 
.sonpyeong_pass_list > li .pass_tit.plus::after { content:''; position: absolute; top: -3px; right: -15px; width: 28px; height: 28px; background:url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_pass_plus.png') center/contain no-repeat; } 
.sonpyeong_pass_list > li .pass_tit.max::after { content:''; position: absolute; top: 6px; right: -29px; width: 32px; height: 16px; background:url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_pass_max.png') center/contain no-repeat; } 
.sonpyeong_pass_list > li .member_price_wrap {  margin-top: 20px; } 
.sonpyeong_pass_list > li .member_price_wrap .tit { font-size: 20px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); } 
.sonpyeong_pass_list > li .member_price_wrap .con { display: flex; justify-content: space-between; align-items: flex-end; } 
.sonpyeong_pass_list > li .member_price_wrap .original_price { display: block; font-size: 16px; line-height: 1.2; color: rgb(160, 160, 160); text-align: right; } 
.sonpyeong_pass_list > li .member_price_wrap .member_price { display: block; margin-top: 4px; font-size: 20px; font-weight: 700; line-height: 1.2; color: rgb(252, 100, 88); } 
.sonpyeong_pass_list > li .discount_list { margin-top: 11px; } 
.sonpyeong_pass_list > li .discount_list > li { display: flex; justify-content: space-between; align-items: center; } 
.sonpyeong_pass_list > li .discount_list > li .txt { font-size: 16px; line-height: 1.5; color: rgb(68, 68, 68); } 
.sonpyeong_pass_list > li .discount_price { display: flex; justify-content: space-between; align-items: baseline; margin-top: 20px; padding-top: 7px; border-top: 1px solid #e5e5e5; } 
.sonpyeong_pass_list > li .discount_price .tit { font-size: 18px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.sonpyeong_pass_list > li .discount_price .price { position: relative; top:3px; font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); } 
.sonpyeong_pass_list > li .discount_price .price strong { margin-right: 4px; font-size: 36px; font-weight: 700; color: rgb(18, 222, 90); } 
.sonpyeong_pass_list > li .btn_consult { display: flex; justify-content: center; align-items: center; width: 100%; height: 52px; margin-top: 20px; background-color: rgb(0, 0, 0); border-radius: 8px; font-size: 16px; font-weight: 700; color: rgb(255, 255, 255); } 
.sonpyeong_pass_list > li .info_list { margin-top: 28px; padding: 20px 16px 17px; background-color: rgb(238, 238, 238); border-radius: 8px; flex-grow:1; } 
.sonpyeong_pass_list > li .info_list > li { display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; margin-top: 7px; } 
.sonpyeong_pass_list > li .info_list > li:first-child { margin-top: 0 !important; } 
.sonpyeong_pass_list > li .info_list > li:has(.tag) + li { margin-top: 16px; } 
.sonpyeong_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: 12px; } 
.sonpyeong_pass_list > li .info_list > li .tit_wrap { display: inline-flex; align-items: center; position: relative; } 
.sonpyeong_pass_list > li .info_list > li .tit_wrap .tit { font-size: 14px; font-weight: 600; color: rgb(0, 0, 0); } 
.sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { position: relative; top:-1px; width: 16px; height: 16px; margin-left: 8px; background:url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_pass_tooltip.png') center/contain no-repeat; border-radius:50%; font-size: 0; } 
.sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2_icon:hover + .tooltip2 { display: block; } 
.sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2 { display: none; position: absolute; right: 25px; bottom: 19px; width: 191px; padding: 9px 10px; background-color: rgb(0, 0, 0); border-radius:4px; font-size: 12px; line-height: 1.5; color: rgb(255, 255, 255); z-index: 1; transform: translate(100%,-50%); word-break: keep-all; } 
.sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2::after { content:''; position: absolute; bottom: -8px; left:11px; width: 0; height: 0; border-top: 8px solid #000000; border-right: 6.5px solid transparent; border-left: 6.5px solid transparent; } 
.sonpyeong_pass_list > li .info_list > li .info_detail { width: 100%; margin-top: 3px; } 
.sonpyeong_pass_list > li .info_list > li .info_detail > li { display: flex; justify-content: space-between; align-items: center; } 
.sonpyeong_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 12px; font-size: 14px; line-height: 1.571; color: rgb(102, 102, 102); } 
.sonpyeong_pass_list > li .info_list > li .tag { display: inline-flex; align-items: center; height: 21px; padding: 0 12px; border-radius:21px; font-size: 14px; line-height: 1; color: rgb(0, 0, 0); } 
.sonpyeong_pass_list > li .info_list > li .tag_yellow { background: #fef6dc; } 
.sonpyeong_pass_list > li .info_list > li .tag_red { background: #fc6458; } 
.sonpyeong_pass_list > li .info_list > li .tag_blue { background: #d5d4ff; } 
.sonpyeong_pass_list > li .info_list > li .txt { padding: 0 12px 0 0; font-size: 14px; color: rgb(0, 0, 0); } 
.sonpyeong_faq { max-width: 1100px; margin:100px auto 0; padding: 34px 40px 38px; background-color: rgb(34, 34, 34); border-radius: 20px; } 
.sonpyeong_faq h2 { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; } 
.sonpyeong_faq h2 span { font-size: 24px; font-weight: 300; } 
.sonpyeong_faq_list { margin-top: -2px; } 
.sonpyeong_faq_list > li { display: flex; align-items: flex-start; gap:31px; padding: 40px 60px 35px; } 
.sonpyeong_faq_list > li + li { border-top: 1px solid #393939; } 
.sonpyeong_faq_list > li .con { overflow: hidden; width: calc(100% - 48px); } 
.sonpyeong_faq_list > li .num { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: #eda62b; border-radius: 50%; font-size: 24px; font-weight: 700; color: rgb(5, 5, 5); } 
.sonpyeong_faq_list > li .tit { display: block; margin-top: 11px; font-size: 24px; font-weight: 600; line-height: 1.25; color: #eda62b; word-break: keep-all; } 
.sonpyeong_faq_list > li .txt { margin-top: 17px; font-size: 16px; font-weight: 400; line-height: 1.5; color: rgb(255, 255, 255); word-break: keep-all; } 

.sonpyeong_start { padding: 92px 0 80px; background:url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_start_bg.png') center/cover no-repeat; text-align: center; } 
.sonpyeong_start .tit { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); } 
.sonpyeong_start .txt { margin-top: 13px; font-size: 24px; line-height: 1.25; color: #000; } 
.sonpyeong_start .link { display: inline-flex; justify-content: center; align-items: center; width: 400px; height: 80px; margin-top: 35px; background-color: rgb(0, 0, 0); border-radius:40px; font-size: 20px; font-weight: 700; color: rgb(255, 255, 255); } 

.sonpyeong_pass2 { padding: 20px 0; background: #222222; } 
.sonpyeong_pass2_list { display: grid; gap:25px; max-width: 1280px; margin: 0 auto; grid-template-columns: repeat(3, 1fr); } 
.sonpyeong_pass2_list > li { position: relative; padding: 19px 26px 33px; background-color: rgb(28, 28, 28); border-radius: 8px; } 
.sonpyeong_pass2_list > li::after { content:''; position: absolute; top: 24px; right: 24px; background-position: center center; background-size: contain; background-repeat: no-repeat; } 
.sonpyeong_pass2_list > li.basic::after { width: 84px; height: 40px; background-image: url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_pass2_basic.png'); } 
.sonpyeong_pass2_list > li.plus::after { width: 54px; height: 54px; background-image: url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_pass2_plus.png'); } 
.sonpyeong_pass2_list > li.max::after { width: 73px; height: 41px; background-image: url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_pass2_max.png'); } 
.sonpyeong_pass2_list > li .tit { font-size: 28px; font-weight: 700; color: rgb(255, 255, 255); } 
.sonpyeong_pass2_list > li .tit span { color: #f5b843; } 
.sonpyeong_pass2_list > li .txt { margin-top: 12px; } 
.sonpyeong_pass2_list > li .txt > li { position: relative; padding-left: 25px; font-size: 20px; line-height: 1.2; color: rgb(255, 255, 255); } 
.sonpyeong_pass2_list > li .txt > li::before { content:''; position: absolute; top: 4px; left: 0; width: 17px; height: 17px; background:url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_pass2_list.png') center/contain no-repeat; } 
.sonpyeong_pass2_list > li .txt > li + li { margin-top: 6px; } 

.free_cs { padding: 97px 0 100px; background: #b9d6b9; } 
.free_cs .mt0 {margin-top: 0 !important;}
.free_cs form { display: block; max-width: 1000px; margin: 0 auto; } 
.free_cs .cs_txt { font-size: 24px; font-weight: 400; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.free_cs .cs_tit { margin-top: 13px; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.free_cs .cs_tit span { color: #433eff; } 
.free_cs .cs_form { display: grid; gap:60px; margin-top: 49px; padding:40px; background: #fff; grid-template-columns: repeat(2, 1fr); } 
.free_cs .cs_form .list_tit { display: flex; align-items: center; gap:9px; font-size: 20px; font-weight: 700; line-height: 1; color: rgb(51, 51, 51); } 
.free_cs .cs_form .list_tit::before { content:''; width: 0; height: 0; border-top: 6px solid transparent; border-bottom: 6px solid transparent; border-left: 10px solid #e5ad4c; } 
.free_cs .cs_form .list { display: flex; gap:20px; flex-direction: column; } 
.free_cs .cs_form .list > li { display: flex; align-items: flex-start; } 
.free_cs .cs_form .list > li .list_tit { min-width: 101px; margin-top: 10px; white-space: nowrap; } 
.free_cs .cs_form .list > li .input_wrap { display: flex; flex-wrap:wrap; align-items: center; gap:10px 3px; font-size: 20px; color: #333333; flex-grow: 1; } 
.free_cs .cs_form .list > li input[type="text"] { width: 28%; height: 41px; padding: 0 10px; border: 1px solid #cdcdcd; border-radius:0; font-size: 16px; font-weight: 400; color: #666; flex-grow: 1; } 
.free_cs .cs_form .list > li input::placeholder { color: #a4a4a4; }
.free_cs .cs_form .list > li select { height: 41px; padding-left: 10px; background: #fff; border: 1px solid #cdcdcd; font-size: 16px; color: #666; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; } 
.free_cs .cs_form .list > li .email_select { width: 100%; } 
.free_cs .cs_form .list > li.phone select { width: 28%; flex-grow: 1; }
.free_cs .cs_form .right .noti { height: 146px; margin-top: 11px; padding: 20px; border: 1px solid #cdcdcd; font-size: 12px; line-height: 1.5; color: rgb(102, 102, 102); overflow-y: auto; } 
.free_cs .agree { display: flex; align-items: center; gap:10px; margin-top: 10px; } 
.free_cs .agree::before { content:''; width: 27px; height: 27px; background:url('/USER_SKIN/smartfriends/images/sonpyeong/cs_check.png') center/contain no-repeat; } 
.free_cs .agree:has(input[type="checkbox"]:checked)::before { background-image: url('/USER_SKIN/smartfriends/images/sonpyeong/cs_check_on.png'); } 
.free_cs .agree input[type="checkbox"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: initial; clip: rect(0 0 0 0); } 
.free_cs .agree .txt { font-size: 16px; font-weight: 700; color: rgb(102, 102, 102); } 
.free_cs .cstype { display: flex; align-items: center; gap:10px; margin-top: 10px; } 
.free_cs .cstype::before { content:''; width: 27px; height: 27px; background:url('/USER_SKIN/smartfriends/images/sonpyeong/cs_check.png') center/contain no-repeat; } 
.free_cs .cstype:has(input[type="radio"]:checked)::before { background-image: url('/USER_SKIN/smartfriends/images/sonpyeong/cs_check_on.png'); } 
.free_cs .cstype input[type="radio"] { overflow: hidden; position: absolute; width: 1px; height: 1px; margin: -1px; font-size: initial; clip: rect(0 0 0 0); } 
.free_cs .cstype .txt { font-size: 16px; font-weight: 700; color: rgb(102, 102, 102); } 
.free_cs .submit { display: block; margin-top: 40px; } 
.free_cs .submit img { display: block; width: 100%; } 
.free_cs .submit .mo { display: none; } 

@media(max-width: 1350px) {
    .sonpyeong_book .btn_arr.btn_prev { left: 15px; margin-left: 0; } 
    .sonpyeong_book .btn_arr.btn_next { right:15px; margin-right: 0; } 
}

/* 태블릿 */
@media(max-width: 1280px) {
    .sonpyeong_img .pc {width:146.564%;} 
    .sonpyeong_teacher .bg {width:146.564%;}
    .sonpyeong_teacher { padding: 6.9vw 0; }
    .sonpyeong_teacher .txt { font-size: 1.83vw; }
    .sonpyeong_teacher .tit { margin-top: 0.84vw; font-size: 3.66vw; }
    .sonpyeong_teacher .list { gap: 1.53vw; max-width: 90.188vw; margin-top: 7.17vw; }
    .sonpyeong_teacher .list > li .name { top: 2.37vw; left: 1.68vw; font-size: 2.14vw; }
    .sonpyeong_teacher .list > li .img_wrap { border-radius: 0.91vw; }

    .sonpyeong_need { padding: 6.794vw 0 7.634vw; } 
    .sonpyeong_need .tit { font-size: 3.664vw; } 
    .sonpyeong_need .txt { margin-top: 1.069vw; font-size: 1.832vw; } 
    .sonpyeong_need .img { width: 53.282vw; margin-top: 2.901vw; } 
    .sonpyeong_need .tip { max-width: 83.969vw; margin-top: 3.588vw; padding: 2.061vw 0 2.595vw; border-radius: 1.527vw; } 
    .sonpyeong_need .tip .tip_tit { font-size: 2.748vw; } 
    .sonpyeong_need .tip .tip_txt1 { margin-top: 0.687vw; font-size: 1.832vw; } 
    .sonpyeong_need .tip .tip_txt2 { margin-top: 0.153vw; font-size: 1.832vw; } 
    .sonpyeong_need .tip .tip_txt2 span { padding: 0.076vw 0.305vw; }

    .sonpyeong_roadmap { padding: 7.099vw 0 9.160vw 0; } 
    .sonpyeong_roadmap .tit { font-size: 3.664vw; } 
    .sonpyeong_roadmap .txt { margin-top: 0.992vw; font-size: 1.832vw; } 
    .roadmap_slide { margin-top: 3.817vw; } 
    .roadmap_list { gap: 3.053vw; max-width: 83.969vw; } 
    .roadmap_list > li { border-radius: 1.221vw; border-width: 0.305vw; box-shadow: 0px 0px 5.344vw 0px rgba(20, 79, 60, 0.24); } 

    .sonpyeong_teacher2 { padding-bottom: 7.252vw; } 
    .sonpyeong_teacher2 .tit { top: -0.611vw; font-size: 3.664vw; } 
    .sonpyeong_teacher2_tab { max-width: 83.969vw; margin-top: 2.824vw; } 
    .sonpyeong_teacher2_tab .tit_list { gap: 1.527vw; } 
    .sonpyeong_teacher2_tab .tit_list > li a { height: 4.275vw; border-radius: 0.611vw; font-size: 1.527vw; border-width: 0.153vw; } 
    .sonpyeong_teacher2_tab .tab_con { margin-top: 2.443vw; } 
    .sonpyeong_teacher2_tab .tab_list .img { border-radius: 1.221vw;border-width: 0.305vw; box-shadow: 0 0 5.344vw rgba(5, 112, 238, 0.24); }
    .sonpyeong_teacher2_tab .tab_list .view_free { right: 2.812vw; bottom: 2.812vw; width: 15.625vw; height: 4.063vw; border-radius: 0.625vw; font-size: 1.250vw; } 
    .sonpyeong_teacher2_tab .tab_list .view_free::after { width: 1.641vw; height: 1.641vw; margin-left: 1.094vw; }
    .sonpyeong_teacher2_tab .tab_list .free_video {  top: 2.656vw; left: 2.656vw; width: 53.125vw; height: 34.8vw; }

    .sonpyeong_book { padding: 7vw 0 7.705vw; } 
    .sonpyeong_book .tit { font-size: 3.662vw; } 
    .sonpyeong_book .txt { margin-top: 1.07vw; font-size: 1.831vw; } 
    .sonpyeong_book_slide { max-width: 131.94vw; margin-top: 3.58vw; } 
    .sonpyeong_book_slide .inner { max-width: 98vw; } 
    .sonpyeong_book_list > li { width: 19.58vw; padding: 0 2.67vw; } 
    .sonpyeong_book_list > li .book_tit { padding: 1.37vw 0 1.68vw; font-size: 1.53vw; } 
    .sonpyeong_book .btn_arr { width: 3.05vw; height: 3.05vw; }
    .sonpyeong_book .btn_arr img { width: 0.538vw; height: 0.839vw; }
    .sonpyeong_book .btn_arr.btn_prev { left: 1.14vw; } 
    .sonpyeong_book .btn_arr.btn_next { right: 1.14vw; }

    .sonpyeong_smart { padding: 7.1vw 0 7.64vw; } 
    .sonpyeong_smart .tit { font-size: 3.662vw; } 
    .sonpyeong_smart .txt { margin-top: 0.992vw; font-size: 1.831vw; } 
    .sonpyeong_smart_tab { max-width: 84.0vw; margin-top: 3.58vw; } 
    .sonpyeong_smart_tab .tit_list { gap: 1.528vw; } 
    .sonpyeong_smart_tab .tit_list > li a { height: 5.8vw; border-radius: 0.611vw; border-width: 0.152vw; } 
    .sonpyeong_smart_tab .tit_list > li .info { font-size: 1.22vw; } 
    .sonpyeong_smart_tab .tit_list > li .tit2 { margin-top: 0.533vw; font-size: 1.52vw; } 
    .sonpyeong_smart_tab .tab_con { margin-top: 2.44vw; border-radius: 1.22vw; border-width: 0.305vw; box-shadow: 0 0 5.34vw rgba(14, 119, 86, 0.24); }

    .sonpyeong_pass { padding: 5.878vw 0 7.634vw; }
    .sonpyeong_pass h2 .img_pc { width: 71.406vw; }
    .sonpyeong_pass_list { gap: 1.527vw; max-width: 83.969vw; margin-top: 3.283vw; }
    .sonpyeong_pass_list > li { padding: 2.344vw 1.832vw 1.832vw; border-radius: 0.916vw; }
    .sonpyeong_pass_list > li .rec_img_pc { margin-top: -0.703vw; } 
    .sonpyeong_pass_list > li .pass_tit { font-size: 2.443vw; }
    .sonpyeong_pass_list > li .pass_tit.plus::after { top: -0.229vw; right: -1.145vw; width: 2.138vw; height: 2.138vw; }
    .sonpyeong_pass_list > li .pass_tit.max::after { top: 0.458vw; right: -2.214vw; width: 2.443vw; height: 1.221vw; }
    .sonpyeong_pass_list > li .member_price_wrap { margin-top: 1.527vw; }
    .sonpyeong_pass_list > li .member_price_wrap .tit { font-size: 1.527vw; }
    .sonpyeong_pass_list > li .member_price_wrap .original_price { font-size: 1.221vw; }
    .sonpyeong_pass_list > li .member_price_wrap .member_price { margin-top: 0.305vw; font-size: 1.527vw; }
    .sonpyeong_pass_list > li .discount_list { margin-top: 0.84vw; }
    .sonpyeong_pass_list > li .discount_list > li .txt { font-size: 1.221vw; }
    .sonpyeong_pass_list > li .discount_price { margin-top: 1.527vw; padding-top: 0.534vw; border-width: 0.076vw; }
    .sonpyeong_pass_list > li .discount_price .tit { font-size: 1.374vw; }
    .sonpyeong_pass_list > li .discount_price .price { top: 0.229vw; font-size: 1.527vw; }
    .sonpyeong_pass_list > li .discount_price .price strong { margin-right: 0.305vw; font-size: 2.748vw; }
    .sonpyeong_pass_list > li .btn_consult { height: 3.969vw; margin-top: 1.527vw; border-radius: 0.611vw; font-size: 1.221vw; }
    .sonpyeong_pass_list > li .info_list { margin-top: 2.137vw; padding: 1.527vw 1.221vw 1.298vw; border-radius: 0.611vw; }
    .sonpyeong_pass_list > li .info_list > li { margin-top: 0.534vw; }
    .sonpyeong_pass_list > li .info_list > li:first-child { margin-top: 0 !important; }
    .sonpyeong_pass_list > li .info_list > li:has(.tag) + li { margin-top: 1.221vw; }
    .sonpyeong_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: 0.916vw; }
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tit { font-size: 1.069vw; }
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { top: -0.076vw; width: 1.221vw; height: 1.221vw; margin-left: 0.611vw; }
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2 { right: 1.908vw; bottom: 1.45vw; width: 14.58vw; padding: 0.687vw 0.763vw; border-radius: 0.305vw; font-size: 0.916vw; }
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2::after { bottom: -0.611vw; left: 0.84vw; border-top-width: 0.611vw; border-right-width: 0.504vw; border-left-width: 0.504vw; }
    .sonpyeong_pass_list > li .info_list > li .info_detail { margin-top: 0.229vw; }
    .sonpyeong_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 0.916vw; font-size: 1.069vw; }
    .sonpyeong_pass_list > li .info_list > li .tag { height: 1.603vw; padding: 0 0.916vw; border-radius: 1.603vw; font-size: 1.069vw; }
    .sonpyeong_pass_list > li .info_list > li .txt { padding: 0 0.916vw 0 0; font-size: 1.069vw; }
    .sonpyeong_faq { max-width: 83.969vw; margin-top: 7.634vw; padding: 2.595vw 3.054vw 2.901vw; border-radius: 1.527vw; }
    .sonpyeong_faq h2 { font-size: 3.664vw; }
    .sonpyeong_faq h2 span { font-size: 1.832vw; }
    .sonpyeong_faq_list { margin-top: -0.153vw; }
    .sonpyeong_faq_list > li { gap: 2.366vw; padding: 3.054vw 4.58vw 2.672vw; }
    .sonpyeong_faq_list > li + li { border-top-width: 0.076vw; }
    .sonpyeong_faq_list > li .num { width: 3.664vw; height: 3.664vw; font-size: 1.832vw; }
    .sonpyeong_faq_list > li .tit { margin-top: 0.84vw; font-size: 1.832vw; }
    .sonpyeong_faq_list > li .txt { margin-top: 1.298vw; font-size: 1.221vw; }
    .sonpyeong_faq_list > li .con { width: calc(100% - 3.664vw); }

    .sonpyeong_start { padding: 7.023vw 0 6.107vw; } 
    .sonpyeong_start .tit { font-size: 3.664vw; } 
    .sonpyeong_start .txt { margin-top: 0.992vw; font-size: 1.832vw; } 
    .sonpyeong_start .link { width: 30.534vw; height: 6.107vw; margin-top: 2.672vw; border-radius: 3.053vw; font-size: 1.527vw; }

    .sonpyeong_pass2 { padding: 1.527vw 0; } 
    .sonpyeong_pass2_list { gap: 1.908vw; max-width: 97.710vw; } 
    .sonpyeong_pass2_list > li { padding: 1.450vw 1.985vw 2.519vw; border-radius: 0.611vw; } 
    .sonpyeong_pass2_list > li::after { top: 1.832vw; right: 1.832vw; } 
    .sonpyeong_pass2_list > li.basic::after { width: 6.412vw; height: 3.054vw; } 
    .sonpyeong_pass2_list > li.plus::after { width: 4.122vw; height: 4.122vw; } 
    .sonpyeong_pass2_list > li.max::after { width: 5.573vw; height: 3.130vw; } 
    .sonpyeong_pass2_list > li .tit { font-size: 2.137vw; } 
    .sonpyeong_pass2_list > li .txt { margin-top: 0.916vw; } 
    .sonpyeong_pass2_list > li .txt > li { padding-left: 1.908vw; font-size: 1.527vw; } 
    .sonpyeong_pass2_list > li .txt > li::before { top: 0.305vw; width: 1.298vw; height: 1.298vw; } 
    .sonpyeong_pass2_list > li .txt > li + li { margin-top: 0.458vw; }

    .free_cs { padding: 7.578vw 0 7.812vw; } 
    .free_cs form { max-width: 78.125vw; } 
    .free_cs .cs_txt { font-size: 1.875vw; } 
    .free_cs .cs_tit { margin-top: 1.016vw; font-size: 3.750vw; } 
    .free_cs .cs_form { gap: 4.688vw; margin-top: 3.750vw; padding: 3.125vw; } 
    .free_cs .cs_form .list_tit { gap: 0.703vw; font-size: 1.562vw; } 
    .free_cs .cs_form .list_tit::before { border-top-width: 0.469vw; border-bottom-width: 0.469vw; border-left-width: 0.781vw; } 
    .free_cs .cs_form .list { gap: 1.562vw; } 
    .free_cs .cs_form .list > li .list_tit { min-width: 7.890vw; margin-top: 0.781vw; } 
    .free_cs .cs_form .list > li .input_wrap { gap: 0.781vw 0.234vw; font-size: 1.563vw; } 
    .free_cs .cs_form .list > li input[type="text"] { height: 3.203vw; padding: 0 0.781vw; font-size: 1.25vw; } 
    .free_cs .cs_form .list > li select { height: 3.203vw; padding-left: 0.781vw; font-size: 1.25vw; } 
    .free_cs .cs_form .right .noti { height: 11.406vw; margin-top: 0.859vw; padding: 1.562vw; } 
    .free_cs .agree { gap: 0.781vw; margin-top: 0.781vw; } 
    .free_cs .agree::before { width: 2.109vw; height: 2.109vw; }  
    .free_cs .agree .txt { font-size: 1.25vw; } 
    .free_cs .cstype { gap: 0.781vw; margin-top: 0.781vw; } 
    .free_cs .cstype::before { width: 2.109vw; height: 2.109vw; }  
    .free_cs .cstype .txt { font-size: 1.25vw; } 
    .free_cs .submit { margin-top: 3.125vw; }
}


@media(max-width: 1023px) {
    .sonpyeong_shop .mo_br { display: block; } 
    .sonpyeong_shop .pc_br { display: none; } 
    .sonpyeong_teacher .mo_br { display: none !important; }

    .sonpyeong_need { padding: 111px 0 120px; } 
    .sonpyeong_need .tit { font-size: 56px; } 
    .sonpyeong_need .txt { margin-top: 18px; font-size: 32px; } 
    .sonpyeong_need .img { display: none; } 
    .sonpyeong_need .img_mo { display: block; width: 628px; margin: 79px auto 0; } 
    .sonpyeong_need .tip { max-width: 656px; margin-top: 43px; padding: 32px 0 42px; border-radius: 20px; } 
    .sonpyeong_need .tip .tip_tit { font-size: 40px; } 
    .sonpyeong_need .tip .tip_txt1 { margin-top: 23px; font-size: 28px; } 
    .sonpyeong_need .tip .tip_txt2 { margin-top: 18px; font-size: 28px; } 
    .sonpyeong_need .tip .tip_txt2 span { padding: 4px 9px; }

    .sonpyeong_roadmap { padding: 111px 0 120px; } 
    .sonpyeong_roadmap .tit { font-size: 56px; } 
    .sonpyeong_roadmap .txt { margin-top: 18px; font-size: 32px; } 
    .roadmap_slide { position: relative; max-width: 656px; margin: 75px auto 0; } 
    .roadmap_slide .inner { overflow: hidden; max-width: 656px; margin: 0 auto; background-color: rgb(255, 255, 255); border: 4px solid #144f3c; border-radius: 16px; box-shadow: 0px 0px 70px 0px rgba(20, 79, 60, 0.24); } 
    .roadmap_list { gap: 0; max-width: 100%; flex-direction: row; } 
    .roadmap_list > li { width: 100%; border: none; border-radius: 0; box-shadow: none; } 
    .roadmap_list > li .img { padding-bottom: 128.5%; } 
    .roadmap_list > li .img_pc { display: none; } 
    .roadmap_list > li .img_mo { display: block; } 
    .roadmap_slide .btn_arr { display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 18px); width: 40px; height: 40px; background: rgba(101, 128, 136, 0.6); border-radius: 50%; z-index: 1; transform: translate(0, -50%); } 
    .roadmap_slide .btn_arr img { width: 7px; } 
    .roadmap_slide .btn_prev { left: 20px; } 
    .roadmap_slide .btn_next { right: 20px; } 
    .roadmap_slide .btn_next img { transform: scaleX(-1); } 
    .roadmap_slide .pagination { display: block; margin-top: 24px; font-size: 0; text-align: center; } 
    .roadmap_slide .pagination .swiper-pagination-bullet { width: 12px; height: 12px; margin: 0 4px; background-color: rgb(0, 0, 0); border-radius: 6px; opacity: 0.4; } 
    .roadmap_slide .pagination .swiper-pagination-bullet-active { width: 48px; background-color: rgb(80, 98, 239); opacity: 1; }

    .sonpyeong_teacher2 { padding-bottom: 120px; } 
    .sonpyeong_teacher2 .tit { top: -9px; font-size: 56px; } 
    .sonpyeong_teacher2_tab { max-width: 656px; margin-top: 65px; } 
    .sonpyeong_teacher2_tab .tit_list { gap: 8px; } 
    .sonpyeong_teacher2_tab .tit_list > li a { height: 64px; border-radius: 8px; font-size: 32px; border-width: 2px; } 
    .sonpyeong_teacher2_tab .tab_con { margin-top: 40px; } 
    .sonpyeong_teacher2_tab .tab_list .img { padding-bottom: 91.57%; border-radius: 16px; border-width: 4px; box-shadow: 0px 0px 70px 0px rgba(5, 112, 238, 0.24); } 
    .sonpyeong_teacher2_tab .tab_list .img .img_pc { display: none; } 
    .sonpyeong_teacher2_tab .tab_list .img .img_mo { display: block; }
    .sonpyeong_teacher2_tab .tab_list .view_free { display: flex; position: static; width: 270px; height: 56px; margin: 24px auto 0; border-radius: 8px; font-size: 20px; animation:none; } 
    .sonpyeong_teacher2_tab .tab_list .view_free::after { width: 33px; height: 33px; margin-left: 15px; } 
    .sonpyeong_teacher2_tab .tab_list .free_video { top: 19px;left: 19px;width: 619px;height: 571px; } 

    .sonpyeong_book { padding: 31px 0 113px; } 
    .sonpyeong_book .tit { font-size: 56px; } 
    .sonpyeong_book .txt { margin-top: 17px; font-size: 32px; } 
    .sonpyeong_book_slide { max-width: 100%; margin-top: 75px; } 
    .sonpyeong_book_slide .inner { max-width: 660px; } 
    .sonpyeong_book_list > li { width: 220px; padding: 0 17px; } 
    .sonpyeong_book_list > li .book_tit { padding: 14px 0 0; font-size: 24px; } 
    .sonpyeong_book .btn_arr { display: none; }

    .sonpyeong_smart { padding: 111px 0 120px; } 
    .sonpyeong_smart .tit { font-size: 56px; } 
    .sonpyeong_smart .txt { margin-top: 18px; font-size: 32px; }
    .sonpyeong_smart_tab { max-width: 656px; margin-top: 75px; } 
    .sonpyeong_smart_tab .tit_list { gap: 16px; } 
    .sonpyeong_smart_tab .tit_list > li a { height: 120px; border-radius: 8px; border-width: 2px; } 
    .sonpyeong_smart_tab .tit_list > li .info { font-size: 20px; } 
    .sonpyeong_smart_tab .tit_list > li .tit2 { margin-top: 10px; font-size: 26px; letter-spacing:-0.025em; } 
    .sonpyeong_smart_tab .tab_con { margin-top: 32px; border-radius: 16px; border-width: 4px; box-shadow: 0px 0px 58px 0px rgba(14, 119, 86, 0.24); } 
    .sonpyeong_smart_tab .tab_list .img { padding-bottom: 117.13%; } 
    .sonpyeong_smart_tab .tab_list .img .img_pc { display: none; } 
    .sonpyeong_smart_tab .tab_list .img .img_mo { display: block; } 

    .sonpyeong_pass { padding: 116px 0 120px; } 
    .sonpyeong_pass h2 .img_pc { display: none; } 
    .sonpyeong_pass h2 .img_mo { display: block; width: 720px; margin: 0 auto; } 
    .sonpyeong_pass_list { gap:40px; max-width: 656px; margin-top: 80px; grid-template-columns: repeat(1, 1fr); } 
    .sonpyeong_pass_list > li { padding:26px 32px 32px; border-radius: 12px; } 
    .sonpyeong_pass_list > li .pass_tit { font-size: 48px; } 
    .sonpyeong_pass_list > li .pass_tit.plus::after { top: 0; right: -16px; width: 34px; height: 34px; } 
    .sonpyeong_pass_list > li .pass_tit.max::after { top: 4px; right: -56px; width: 63px; height: 27px; } 
    .sonpyeong_pass_list > li .member_price_wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 13px; } 
    .sonpyeong_pass_list > li .member_price_wrap .con { align-items: center; gap:25px; } 
    .sonpyeong_pass_list > li .member_price_wrap .tit { font-size: 24px; } 
    .sonpyeong_pass_list > li .member_price_wrap .original_price { font-size: 24px; } 
    .sonpyeong_pass_list > li .member_price_wrap .member_price { margin-top: 0; font-size: 32px; } 
    .sonpyeong_pass_list > li .discount_list { margin-top:9px; } 
    .sonpyeong_pass_list > li .discount_list > li .txt { font-size: 24px; line-height: 1.333; } 
    .sonpyeong_pass_list > li .discount_price { margin-top:16px; padding-top:2px; border-width: 1px; } 
    .sonpyeong_pass_list > li .discount_price .tit { font-size: 28px; } 
    .sonpyeong_pass_list > li .discount_price .price { top:0; font-size: 24px; } 
    .sonpyeong_pass_list > li .discount_price .price strong { margin-right: 9px; font-size: 48px; } 
    .sonpyeong_pass_list > li .btn_consult { height: 80px; margin-top: 14px; border-radius: 8px; font-size: 32px; } 
    .sonpyeong_pass_list > li .info_list { display: flex; flex-wrap:wrap; gap:16px 0; margin-top: 24px; padding: 20px 0; border-radius: 8px; } 
    .sonpyeong_pass_list > li .info_list > li { margin-top: 0; padding: 0 20px; } 
    .sonpyeong_pass_list > li .info_list > li:first-child { margin-top: 0 !important; } 
    .sonpyeong_pass_list > li .info_list > li.w100 { width: 100%; } 
    .sonpyeong_pass_list > li .info_list > li.w50 { width: 50%; } 
    .sonpyeong_pass_list > li .info_list > li.order2 { order: 2; } 
    .sonpyeong_pass_list > li .info_list > li.order3 { order: 3; } 
    .sonpyeong_pass_list > li .info_list > li.order4 { order: 4; } 
    .sonpyeong_pass_list > li .info_list > li.order5 { order: 5; } 
    .sonpyeong_pass_list > li .info_list > li.order6 { order: 6; } 
    .sonpyeong_pass_list > li .info_list > li:has(.tag) + li { margin-top: 0; } 
    .sonpyeong_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: -6px; } 
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tit { font-size: 20px; } 
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { top:0; width: 32px; height: 32px; margin-left: 9px; } 
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2 { right: 34px; bottom: 5px; width: 303px; padding:13px 10px; border-radius:4px; font-size: 20px; line-height: 1.2; } 
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2::after { bottom: -8px; left:11px; border-top-width: 8px; border-right-width: 6.5px; border-left-width: 6.5px; } 
    .sonpyeong_pass_list > li .info_list > li .info_detail { margin-top: 4px; } 
    .sonpyeong_pass_list > li .info_list > li .info_detail > li { gap:4px; } 
    .sonpyeong_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 0; font-size: 20px; line-height: 1.6; } 
    .sonpyeong_pass_list > li .info_list > li .tag { height: 32px; padding: 0 16px; border-radius:16px; font-size: 20px; font-weight: 600; } 
    .sonpyeong_pass_list > li .info_list > li .txt { padding:0 16px 0 0; font-size: 20px; font-weight: 600; } 
    .sonpyeong_pass_list > li .rec_img_pc { display: none; }
    .sonpyeong_pass_list > li .rec_img_mo { display: block; width: calc(100% + 64px); margin: -98px -32px 0; }

    .sonpyeong_faq { max-width: 656px; margin-top: 120px; padding:38px 24px 41px; border-radius: 20px; } 
    .sonpyeong_faq h2 { font-size: 56px; } 
    .sonpyeong_faq h2 span { font-size: 32px; } 
    .sonpyeong_faq_list { margin-top: 3px; } 
    .sonpyeong_faq_list > li { gap:0; padding:40px 16px 33px; flex-direction: column; } 
    .sonpyeong_faq_list > li + li { border-top-width: 1px; } 
    .sonpyeong_faq_list > li .num { width: 48px; height: 48px; font-size: 24px; } 
    .sonpyeong_faq_list > li .tit { margin-top: 15px; font-size: 32px; } 
    .sonpyeong_faq_list > li .txt { margin-top: 25px; font-size: 24px; line-height: 1.333; } 
    .sonpyeong_faq_list > li .con { width: 100%; } 

    .sonpyeong_start { padding: 90px 0 109px; background-image: url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_start_bg_mo.png'); } 
    .sonpyeong_start .tit { font-size: 52px; } 
    .sonpyeong_start .txt { margin-top: 21px; font-size: 32px; color: #fff; } 
    .sonpyeong_start .link { width: 560px; height: 100px; margin-top: 43px; border-radius:50px; font-size: 32px; } 

    .sonpyeong_pass2 { padding: 40px 32px; } 
    .sonpyeong_pass2_list { gap:16px; max-width: 656px; grid-template-columns: repeat(1, 1fr); } 
    .sonpyeong_pass2_list > li { padding:29px 28px 38px; border-radius: 8px; } 
    .sonpyeong_pass2_list > li::after { top: 40px; right: 40px; } 
    .sonpyeong_pass2_list > li.basic::after { width: 132px; height: 63px; } 
    .sonpyeong_pass2_list > li.plus::after { width: 87px; height: 87px; } 
    .sonpyeong_pass2_list > li.max::after { width: 110px; height: 62px; } 
    .sonpyeong_pass2_list > li .tit { font-size: 36px; } 
    .sonpyeong_pass2_list > li .txt { margin-top: 21px; } 
    .sonpyeong_pass2_list > li .txt > li { padding-left: 38px; font-size: 28px; } 
    .sonpyeong_pass2_list > li .txt > li::before { top: 3px; width: 26px; height: 26px; } 
    .sonpyeong_pass2_list > li .txt > li + li { margin-top: 12px; } 

    .free_cs { padding: 114px 0 122px; } 
    .free_cs form { max-width: 656px; } 
    .free_cs .cs_txt { font-size: 32px; } 
    .free_cs .cs_tit { margin-top: 18px; font-size: 56px; } 
    .free_cs .cs_form { gap: 0; margin-top: 71px; padding: 32px; border-radius: 10px; grid-template-columns: repeat(1, 1fr); } 
    .free_cs .cs_form .list_tit { gap: 9px; font-size: 20px; } 
    .free_cs .cs_form .list_tit::before { border-top-width: 6px; border-bottom-width: 6px; border-left-width: 10px; } 
    .free_cs .cs_form .list { flex-wrap: wrap; gap: 20px; flex-direction: row; } 
    .free_cs .cs_form .list > li.name { width: 44%; } 
    .free_cs .cs_form .list > li.phone { width: 50%; flex-grow: 1; } 
    .free_cs .cs_form .list > li.email { grid-column: span 2; } 
    .free_cs .cs_form .list > li .list_tit { min-width: 91px; margin-top: 10px; } 
    .free_cs .cs_form .list > li .input_wrap { gap: 10px 3px; font-size: 20px; } 
    .free_cs .cs_form .list > li input[type="text"] { height: 41px; padding: 0 10px; font-size: 16px; } 
    .free_cs .cs_form .list > li.email input[type="text"] { width: 26%; flex-grow: 0; } 
    .free_cs .cs_form .list > li select { height: 41px; padding-left: 10px; font-size: 16px; } 
    .free_cs .cs_form .list > li .email_select { width: 30%; margin-left: 7px; flex-grow: 1; } 
    .free_cs .cs_form .right { margin-top: 28px; } 
    .free_cs .cs_form .right .noti { height: 146px; margin-top: 11px; padding: 20px; } 
    .free_cs .agree { gap: 9px; margin-top: 10px; } 
    .free_cs .agree::before { width: 27px; height: 27px; } 
    .free_cs .agree .txt { font-size: 16px; } 
    .free_cs .cstype { gap: 9px; margin-top: 10px; } 
    .free_cs .cstype::before { width: 27px; height: 27px; } 
    .free_cs .cstype .txt { font-size: 16px; } 
    .free_cs .submit { margin-top: 40px; } 
    .free_cs .submit .pc { display: none; } 
    .free_cs .submit .mo { display: block; } 
}



/* 모바일 */
@media(max-width: 720px) {
    .sonpyeong_img .pc { display: none; } 
    .sonpyeong_img .mo { display: block; width: 100%; } 
    
    .sonpyeong_teacher { padding: 15.75vw 0 16.667vw; background-image: url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_teacher_bg_mo.jpg'); } 
    .sonpyeong_teacher .mo_br { display: block !important; }
    .sonpyeong_teacher .txt { font-size: 4.444vw; } 
    .sonpyeong_teacher .tit { margin-top: 2.361vw; font-size: 7.778vw; } 
    .sonpyeong_teacher .list { gap: 3.333vw; max-width: 81.112vw; margin-top: 10vw; grid-template-columns: repeat(2, 1fr); } 
    .sonpyeong_teacher .list > li .name { top: 4.306vw; left: 3.056vw; font-size: 3.889vw; } 
    .sonpyeong_teacher .list > li .img_wrap { border-radius: 1.667vw; } 

    .sonpyeong_need { padding: 15.417vw 0 16.667vw; } 
    .sonpyeong_need .tit { font-size: 7.778vw; } 
    .sonpyeong_need .txt { margin-top: 2.5vw; font-size: 4.445vw; } 
    .sonpyeong_need .img {display: none;} 
    .sonpyeong_need .img_mo { display: block; width: 87.222vw; margin: 10.972vw auto 0; } 
    .sonpyeong_need .tip { max-width: 91.111vw; margin-top: 5.972vw; padding: 4.445vw 0 5.833vw; border-radius: 2.778vw; } 
    .sonpyeong_need .tip .tip_tit { font-size: 5.556vw; } 
    .sonpyeong_need .tip .tip_txt1 { margin-top: 3.194vw; font-size: 3.889vw; } 
    .sonpyeong_need .tip .tip_txt2 { margin-top: 2.5vw; font-size: 3.889vw; } 
    .sonpyeong_need .tip .tip_txt2 span { padding: 0.556vw 1.25vw; }

    .sonpyeong_roadmap { padding:15.417vw 0 16.667vw; } 
    .sonpyeong_roadmap .tit { font-size: 7.778vw; } 
    .sonpyeong_roadmap .txt { margin-top: 2.5vw; font-size:4.444vw; } 
    .roadmap_slide { position: relative; margin-top: 10.417vw; } 
    .roadmap_slide .inner { overflow: hidden; max-width: 91.111vw; margin: 0 auto; background-color: rgb(255, 255, 255); border: 0.556vw solid #144f3c; border-radius: 2.222vw; box-shadow: 0px 0px 9.722vw 0px rgba(20, 79, 60, 0.24); } 
    .roadmap_list { gap: 0; max-width: 100%; flex-direction: row; } 
    .roadmap_list > li { width: 100%; border: none; border-radius:0; box-shadow: none; } 
    .roadmap_list > li .img { padding-bottom: 128.5%; } 
    .roadmap_list > li .img_pc { display: none; } 
    .roadmap_list > li .img_mo { display: block; } 
    .roadmap_slide .btn_arr { display: flex; justify-content: center; align-items: center; position: absolute; top: calc(50% - 2.5vw); width: 5.556vw; height: 5.556vw; background: rgba(101, 128, 136,0.6); border-radius:50%; z-index: 1; transform: translate(0,-50%); } 
    .roadmap_slide .btn_arr img { width: 0.972vw; } 
    .roadmap_slide .btn_prev { left: 2.778vw; } 
    .roadmap_slide .btn_next { right: 2.778vw; } 
    .roadmap_slide .btn_next img { transform: scaleX(-1); } 
    .roadmap_slide .pagination { display: block; margin-top: 3.333vw; font-size: 0; text-align: center; } 
    .roadmap_slide .pagination .swiper-pagination-bullet { width: 1.667vw; height: 1.667vw; margin:0 0.556vw; background-color: rgb(0, 0, 0); border-radius: 0.833vw; opacity: 0.4; } 
    .roadmap_slide .pagination .swiper-pagination-bullet-active { width: 6.667vw; background-color: #144f3c; opacity: 1; } 

    .sonpyeong_teacher2 { padding-bottom: 16.667vw; } 
    .sonpyeong_teacher2 .tit { top: -1.250vw; font-size: 7.778vw; } 
    .sonpyeong_teacher2_tab { max-width: 91.111vw; margin-top: 9.028vw; } 
    .sonpyeong_teacher2_tab .tit_list { gap: 1.111vw; } 
    .sonpyeong_teacher2_tab .tit_list > li a { height: 8.889vw; border-radius: 1.111vw; font-size: 4.444vw; border-width: 0.278vw; } 
    .sonpyeong_teacher2_tab .tab_con { margin-top: 5.556vw; } 
    .sonpyeong_teacher2_tab .tab_list .img {padding-bottom: 91.57%; border-radius: 2.222vw; border-width: 0.556vw; box-shadow: 0px 0px 9.722vw 0px rgba(5, 112, 238, 0.24); }
    .sonpyeong_teacher2_tab .tab_list .view_free { width: 37.5vw; height: 7.778vw; margin-top: 3.333vw; border-radius: 8px; font-size: 2.778vw; } 
    .sonpyeong_teacher2_tab .tab_list .view_free::after { width: 4.583vw; height: 4.583vw; margin-left: 2.083vw; } 

    .sonpyeong_book { padding: 4.306vw 0 15.694vw; } 
    .sonpyeong_book .tit { font-size: 7.778vw; } 
    .sonpyeong_book .txt { margin-top: 2.361vw; font-size: 4.444vw; } 
    .sonpyeong_book_slide { max-width: 100%; margin-top: 10.417vw; } 
    .sonpyeong_book_slide .inner { max-width: 91.667vw; } 
    .sonpyeong_book_list > li { width: 30.556vw; padding: 0 2.361vw; } 
    .sonpyeong_book_list > li .book_tit { padding: 1.944vw 0 0; font-size: 3.333vw; }
    .sonpyeong_book .btn_arr { display: none; }

    .sonpyeong_smart { padding: 15.417vw 0 16.667vw; } 
    .sonpyeong_smart .tit { font-size: 7.778vw; } 
    .sonpyeong_smart .txt { margin-top: 2.5vw; font-size: 4.444vw; }
    .sonpyeong_smart_tab { max-width: 91.111vw; margin-top: 10.417vw; } 
    .sonpyeong_smart_tab .tit_list { gap: 2.222vw; } 
    .sonpyeong_smart_tab .tit_list > li a { height: 16.667vw; border-radius: 1.111vw; border-width: 0.278vw; } 
    .sonpyeong_smart_tab .tit_list > li .info { font-size: 2.778vw; } 
    .sonpyeong_smart_tab .tit_list > li .tit2 { margin-top: 1.389vw; font-size: 3.611vw; letter-spacing:-0.025em; } 
    .sonpyeong_smart_tab .tab_con { margin-top: 4.444vw; border-radius: 2.222vw; border-width: 0.556vw; box-shadow: 0px 0px 8.056vw 0px rgba(14, 119, 86, 0.24); } 
    .sonpyeong_smart_tab .tab_list .img { padding-bottom: 117.13%; } 
    .sonpyeong_smart_tab .tab_list .img .img_pc { display: none; } 
    .sonpyeong_smart_tab .tab_list .img .img_mo { display: block; }
    .sonpyeong_teacher2_tab .tab_list .free_video { top: 2.639vw; left: 2.639vw; width: 86.250vw; height: 79.861vw; } 

    .sonpyeong_pass { padding: 16.111vw 0 16.667vw; } 
    .sonpyeong_pass h2 .img_mo { width: 100vw; } 
    .sonpyeong_pass_list { gap:5.556vw; max-width: 91.111vw; margin-top: 11.111vw; } 
    .sonpyeong_pass_list > li { padding:3.611vw 4.444vw 4.444vw; border-radius: 1.667vw; } 
    .sonpyeong_pass_list > li .pass_tit { font-size: 6.667vw; } 
    .sonpyeong_pass_list > li .pass_tit.plus::after { right: -2.222vw; width: 4.722vw; height: 4.722vw; } 
    .sonpyeong_pass_list > li .pass_tit.max::after { top: 0.556vw; right: -7.778vw; width: 8.75vw; height: 3.75vw; } 
    .sonpyeong_pass_list > li .member_price_wrap { margin-top: 1.806vw; } 
    .sonpyeong_pass_list > li .member_price_wrap .con { gap:3.472vw; } 
    .sonpyeong_pass_list > li .member_price_wrap .tit { font-size: 3.333vw; } 
    .sonpyeong_pass_list > li .member_price_wrap .original_price { font-size: 3.333vw; } 
    .sonpyeong_pass_list > li .member_price_wrap .member_price { font-size: 4.444vw; } 
    .sonpyeong_pass_list > li .discount_list { margin-top:1.25vw; } 
    .sonpyeong_pass_list > li .discount_list > li .txt { font-size: 3.333vw; }
    .sonpyeong_pass_list > li .discount_price { margin-top:2.222vw; padding-top:0.278vw; border-width: 0.139vw; } 
    .sonpyeong_pass_list > li .discount_price .tit { font-size: 3.889vw; } 
    .sonpyeong_pass_list > li .discount_price .price { font-size: 3.333vw; } 
    .sonpyeong_pass_list > li .discount_price .price strong { margin-right: 1.25vw; font-size: 6.667vw; } 
    .sonpyeong_pass_list > li .btn_consult { height: 11.111vw; margin-top: 1.944vw; border-radius: 1.111vw; font-size: 4.444vw; } 
    .sonpyeong_pass_list > li .info_list { gap:2.222vw 0; margin-top: 3.333vw; padding: 2.778vw 0; border-radius: 1.111vw; } 
    .sonpyeong_pass_list > li .info_list > li { padding: 0 2.778vw; } 
    .sonpyeong_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: -0.833vw; } 
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tit { font-size: 2.778vw; } 
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { width: 4.444vw; height: 4.444vw; margin-left: 1.25vw; } 
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2 { right: 4.722vw; bottom: 0.694vw; width: 42.083vw; padding:1.806vw 1.389vw; border-radius:0.556vw; font-size: 2.778vw; } 
    .sonpyeong_pass_list > li .info_list > li .tit_wrap .tooltip2::after { bottom: -1.111vw; left:1.528vw; border-top-width: 1.2vw; border-right-width: 0.903vw; border-left-width: 0.903vw; } 
    .sonpyeong_pass_list > li .info_list > li .info_detail { margin-top: 0.556vw; } 
    .sonpyeong_pass_list > li .info_list > li .info_detail > li { gap:0.556vw; } 
    .sonpyeong_pass_list > li .info_list > li .info_detail > li .txt2 { font-size: 2.778vw; } 
    .sonpyeong_pass_list > li .info_list > li .tag { height: 4.444vw; padding: 0 2.222vw; border-radius:2.222vw; font-size: 2.778vw; } 
    .sonpyeong_pass_list > li .info_list > li .txt { padding:0 2.222vw 0 0; font-size: 2.778vw; } 
    .sonpyeong_pass_list > li .rec_img_mo { width: calc(100% + 64px); margin: -98px -32px 0; }
    .sonpyeong_pass_list > li .rec_img_mo { width: calc(100% + 8.889vw); margin: -13.6vw -4.444vw 0; } 

    .sonpyeong_faq { max-width: 91.111vw; margin-top: 16.667vw; padding:5.278vw 3.333vw 5.694vw; border-radius: 2.778vw; } 
    .sonpyeong_faq h2 { font-size: 7.778vw; } 
    .sonpyeong_faq h2 span { font-size: 4.444vw; } 
    .sonpyeong_faq_list { margin-top: 0.417vw; } 
    .sonpyeong_faq_list > li { padding:5.556vw 2.222vw 4.583vw; } 
    .sonpyeong_faq_list > li + li { border-top-width: 0.139vw; } 
    .sonpyeong_faq_list > li .num { width: 6.667vw; height: 6.667vw; font-size: 3.333vw; } 
    .sonpyeong_faq_list > li .tit { margin-top: 2.083vw; font-size: 4.444vw; } 
    .sonpyeong_faq_list > li .txt { margin-top: 3.472vw; font-size: 3.333vw; }

    .sonpyeong_start { padding: 12.5vw 0 15.139vw; background-image: url('/USER_SKIN/smartfriends/images/sonpyeong/sonpyeong_start_bg_mo.png'); } 
    .sonpyeong_start .tit { font-size: 7.222vw; } 
    .sonpyeong_start .txt { margin-top: 2.917vw; font-size: 4.444vw; } 
    .sonpyeong_start .link { width: 77.778vw; height: 13.889vw; margin-top: 5.972vw; border-radius: 6.944vw; font-size: 4.444vw; }

    .sonpyeong_pass2 { padding: 5.556vw 4.444vw; } 
    .sonpyeong_pass2_list { gap: 2.222vw; max-width: 91.111vw; grid-template-columns: repeat(1, 1fr); } 
    .sonpyeong_pass2_list > li { padding: 4.028vw 3.889vw 5.278vw; border-radius: 1.111vw; } 
    .sonpyeong_pass2_list > li::after { top: 5.556vw; right: 5.556vw; } 
    .sonpyeong_pass2_list > li.basic::after { width: 18.333vw; height: 8.750vw; } 
    .sonpyeong_pass2_list > li.plus::after { width: 12.083vw; height: 12.083vw; } 
    .sonpyeong_pass2_list > li.max::after { width: 15.278vw; height: 8.611vw; } 
    .sonpyeong_pass2_list > li .tit { font-size: 5.000vw; } 
    .sonpyeong_pass2_list > li .txt { margin-top: 2.917vw; } 
    .sonpyeong_pass2_list > li .txt > li { padding-left: 5.278vw; font-size: 3.889vw; } 
    .sonpyeong_pass2_list > li .txt > li::before { top: 0.417vw; width: 3.611vw; height: 3.611vw; } 
    .sonpyeong_pass2_list > li .txt > li + li { margin-top: 1.667vw; }

    .free_cs { padding: 15.833vw 0 16.944vw; } 
    .free_cs form { max-width: 91.667vw; } 
    .free_cs .cs_txt { font-size: 4.444vw; } 
    .free_cs .cs_tit { margin-top: 2.500vw; font-size: 7.778vw; } 
    .free_cs .cs_form { margin-top: 9.861vw; padding:clamp(26px, 4.444vw, 32px); border-radius: clamp(8px, 1.389vw, 10px); } 
    .free_cs .cs_form .list_tit { gap: clamp(7px, 2.778vw, 9px); font-size: clamp(15px, 2.778vw, 20px); } 
    .free_cs .cs_form .list_tit::before { border-top-width: clamp(5px, 0.833vw, 6px); border-bottom-width: clamp(5px, 0.833vw, 6px); border-left-width: clamp(8px, 1.389vw, 10px); } 
    .free_cs .cs_form .list { gap: clamp(16px, 2.778vw, 20px); } 
    .free_cs .cs_form .list > li.name { min-width: 195px; flex-grow: 1; } 
    .free_cs .cs_form .list > li.phone { min-width:320px; } 
    .free_cs .cs_form .list > li .list_tit { min-width: clamp(73px, 12.500vw, 91px); margin-top: clamp(8px, 1.389vw, 10px); } 
    .free_cs .cs_form .list > li .input_wrap { gap: clamp(8px, 1.389vw, 10px) clamp(2px, 0.417vw, 3px); font-size: clamp(16px, 2.778vw, 20px); } 
    .free_cs .cs_form .list > li input[type="text"] { height: clamp(33px, 5.694vw, 41px); padding: 0 clamp(8px, 1.389vw, 10px); font-size: clamp(13px, 2.222vw, 16px); } 
    .free_cs .cs_form .list > li select { height: clamp(33px, 5.694vw, 41px); padding-left: clamp(8px, 1.389vw, 10px); font-size: clamp(13px, 2.222vw, 16px); } 
    .free_cs .cs_form .list > li .email_select { margin-left: clamp(6px, 0.972vw, 7px); } 
    .free_cs .cs_form .right { margin-top: clamp(22px, 3.889vw, 28px); } 
    .free_cs .cs_form .right .noti { height: clamp(117px, 20.333vw, 146px); margin-top: clamp(9px, 1.528vw, 11px); padding: clamp(16px, 2.778vw, 20px); } 
    .free_cs .agree { gap: clamp(7px, 1.250vw, 9px); margin-top: clamp(8px, 1.389vw, 10px); } 
    .free_cs .agree::before { width: clamp(22px, 3.750vw, 27px); height: clamp(22px, 3.750vw, 27px); } 
    .free_cs .agree .txt { font-size: clamp(13px, 2.222vw, 16px); } 
    .free_cs .cstype { gap: clamp(7px, 1.250vw, 9px); margin-top: clamp(8px, 1.389vw, 10px); } 
    .free_cs .cstype::before { width: clamp(22px, 3.750vw, 27px); height: clamp(22px, 3.750vw, 27px); } 
    .free_cs .cstype .txt { font-size: clamp(13px, 2.222vw, 16px); } 
    .free_cs .submit { margin-top: 5.556vw; } 
}

@media(max-width: 540px) {
    .free_cs .cs_form .list > li.email input[type="text"] { flex-grow: 1; }
    .free_cs .cs_form .list > li .email_select { width: 100%; margin-left: 0; }
    .free_cs .cs_form .list > li.phone { min-width:100%; } 
}

/* 손해평가사 랜딩페이지 CSS 끝 */