/*==================================================
 사회복지사 1급 랜딩페이지 시작
==================================================*/


#wrap .sabok_shop * { font-family: "Pretendard"; letter-spacing: normal; } 
br.pc_none { display: none; } 

.sabok_img .pc { display: block; position: relative; left: 50%; width: 1920px; transform: translate(-50%,0); } 
.sabok_img .mo { display: none; } 

.sabok_pass2 { padding: 24px 0 14px; background-color: rgb(34, 34, 34); } 
.sabok_pass2_inner { position: relative; max-width: 1252px; margin: 0 auto; } 
.sabok_pass2_list { display: flex; justify-content: space-between; gap: 16px; margin: 0; padding: 0; list-style: none; } 
.sabok_pass2_list li { flex:1; position: relative; padding: 30px; background-color: rgb(28, 28, 28); border-radius: 10px; } 
.sabok_pass2_list .tit { display: block; margin-bottom: 28px; font-size: 28px; font-weight: bold; line-height: 1.2; color: rgb(240, 240, 240); } 
.sabok_pass2_list .tit span { color: #854cff; } 
.sabok_pass2_list .txt { margin: 0; font-size: 21px; line-height: 31px; color: rgb(255, 255, 255); } 
.sabok_pass2 .partnership_notice { margin-top: 11px; margin-bottom: 0; font-size: 15px; line-height: 1.8; color: rgb(147, 147, 147); } 

.sabok_teacher { position: relative; } 
.sabok_teacher .view_free { position: absolute; bottom:165px; left: 50%; width: 217px; height: 57px; margin-left: -10px; z-index: 1; } 
.sabok_teacher .view_free img { width: 100%; } 
.sabok_teacher .free_video { display: none; position: absolute; top: 344px; left: 50%; width: 709px; height: 499px; margin-left: -69px; z-index: 1; } 
.sabok_teacher .free_video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } 

.sabok_smart { padding: 93px 0 100px; background-color: #f2f2f2; } 
.sabok_smart .tit { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; line-height: 1.2; color: rgb(28, 28, 28); text-align: center; } 
.sabok_smart .txt { margin-top: 13px; font-size: 24px; font-weight: 400; line-height: 1.25; color: rgb(28, 28, 28); text-align: center; } 
.sabok_smart_tab { max-width: 1100px; margin: 47px auto 0; } 
.sabok_smart_tab .tit_list { display: flex; justify-content: center; gap:20px; } 
.sabok_smart_tab .tit_list > li { flex: 1; } 
.sabok_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; } 
.sabok_smart_tab .tit_list > li .info { font-size: 16px; line-height: 1.25; color: rgb(116, 88, 231, 0.4); } 
.sabok_smart_tab .tit_list > li .tit2 { margin-top: 7px; font-size: 20px; font-weight: 700; line-height: 1; color: rgb(116, 88, 231, 0.4); } 
.sabok_smart_tab .tit_list > li.active a { background: #f6f4ff; border-color: #5f3ee3; } 
.sabok_smart_tab .tit_list > li.active .info { color: #000000; } 
.sabok_smart_tab .tit_list > li.active .tit2 { color: #5f3ee3; } 
.sabok_smart_tab .tab_con { overflow: hidden; margin-top: 32px; background-color: #fff; border: 4px solid #5f3ee3; border-radius: 16px; } 
.sabok_smart_tab .tab_list .img { position: relative; padding-bottom: 50.55%; } 
.sabok_smart_tab .tab_list .img img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; } 
.sabok_smart_tab .tab_list .img .img_mo { display: none; } 

.sabok_pass { padding: 48px 0 100px; background: #232424; } 
.sabok_pass h2 .img_pc { display: block; margin: 0 auto; } 
.sabok_pass h2 .img_mo { display: none; } 
.sabok_pass_list { display: grid; gap:20px; max-width: 1100px; margin: 43px auto 0; grid-template-columns: repeat(3, 1fr); } 
.sabok_pass_list > li { overflow: hidden; display: flex; padding: 30px 24px 24px; background-color: rgb(255, 255, 255); border-radius: 12px; flex-direction: column; } 
.sabok_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; } 
.sabok_pass_list > li .rec_img_mo { display: none; image-rendering: -webkit-optimize-contrast; transform: translateZ(0); backface-visibility: hidden; } 
.sabok_pass_list > li .pass_tit { position: relative; margin-bottom: 60px; font-size: 32px; font-weight: 700; color: rgb(5, 5, 5); z-index: 2; align-self: baseline; } 
.sabok_pass_list > li.plus .pass_tit span { color: #6a46ff; } 
.sabok_pass_list > li.plus .pass_tit::after { content:''; position: absolute; top: -3px; right: -15px; width: 28px; height: 28px; background:url('/USER_SKIN/sabok/images/sabok_pass_plus.png') center/contain no-repeat; } 
.sabok_pass_list > li .member_price_wrap { margin-top: 20px; } 
.sabok_pass_list > li .member_price_wrap .tit { font-size: 20px; font-weight: 700; line-height: 1.2; color: rgb(0, 0, 0); } 
.sabok_pass_list > li .member_price_wrap .con { display: flex; justify-content: space-between; align-items: flex-end; } 
.sabok_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; } 
.sabok_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); } 
.sabok_pass_list > li .discount_list { margin-top: 11px; } 
.sabok_pass_list > li .discount_list > li { display: flex; justify-content: space-between; align-items: center; } 
.sabok_pass_list > li .discount_list > li .txt { font-size: 16px; line-height: 1.5; color: rgb(68, 68, 68); } 
.sabok_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; } 
.sabok_pass_list > li .discount_price .tit { font-size: 18px; font-weight: 700; letter-spacing:-0.025em; color: rgb(0, 0, 0); } 
.sabok_pass_list > li .discount_price .price { position: relative; top:3px; font-size: 20px; font-weight: 700; color: rgb(0, 0, 0); } 
.sabok_pass_list > li .discount_price .price strong { margin-right: 4px; font-size: 36px; font-weight: 700; color: rgb(18, 222, 90); } 
.sabok_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); } 
.sabok_pass_list > li .info_list { margin-top: 28px; padding: 20px 16px 17px; background-color: rgb(238, 238, 238); border-radius: 8px; flex-grow:1; } 
.sabok_pass_list > li .info_list > li { display: flex; flex-wrap:wrap; justify-content: space-between; align-items: center; margin-top: 7px; } 
.sabok_pass_list > li .info_list > li:first-child { margin-top: 0 !important; } 
.sabok_pass_list > li .info_list > li:has(.tag) + li { margin-top: 16px; } 
.sabok_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: 12px; } 
.sabok_pass_list > li .info_list > li .tit_wrap { display: inline-flex; align-items: center; position: relative; } 
.sabok_pass_list > li .info_list > li .tit_wrap .tit { font-size: 14px; font-weight: 600; color: rgb(0, 0, 0); } 
.sabok_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/sabok/images/sabok_pass_tooltip.png') center/contain no-repeat; border-radius:50%; font-size: 0; } 
.sabok_pass_list > li .info_list > li .tit_wrap .tooltip2_icon:hover + .tooltip2 { display: block; } 
.sabok_pass_list > li .info_list > li .tit_wrap .tooltip2 { display: none; position: absolute; top: -8px; right: 25px; 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%, -100%); word-break: keep-all; } 
.sabok_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; } 
.sabok_pass_list > li .info_list > li .info_detail { width: 100%; margin-top: 3px; } 
.sabok_pass_list > li .info_list > li .info_detail > li { display: flex; justify-content: space-between; align-items: center; } 
.sabok_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); } 
.sabok_pass_list > li .info_list > li .tag { display: inline-flex; align-items: center; height: 21px; padding: 0 12px; border-radius:21px; font-size: 14px; color: rgb(0, 0, 0); } 
.sabok_pass_list > li .info_list > li .tag_yellow { background: #fef6dc; } 
.sabok_pass_list > li .info_list > li .tag_red { background: #fc6458; color: #fff; } 
.sabok_pass_list > li .info_list > li .tag_blue { background: #d5d4ff; } 
.sabok_pass_list > li .info_list > li .txt { padding: 0 12px 0 0; font-size: 14px; color: rgb(0, 0, 0); } 
.sabok_pass_list > li.benefit_summary { padding: 0; background: none; border-radius:0;  }
.sabok_pass_list .benefit_list { display: flex; justify-content: space-between; gap:24px; height: 100%; flex-direction: column; } 
.sabok_pass_list .benefit_list img { max-width: 100%; } 
.sabok_pass_list .benefit_list .mo { display: none; } 
.sabok_pass_list .recommend_target .title { display: block; margin-bottom: 6px; font-size: 16px; font-weight: bold; line-height: 1.5; color: rgb(0, 0, 0); } 
.sabok_pass_list .recommend_target .target_list { position: relative; height: 159px; margin: 0; padding: 15px; border: 1px solid rgb(229, 229, 229); border-radius: 8px; list-style: none; } 
.sabok_pass_list .recommend_target .target_list::before { content:''; position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; transform: translate(0,-100%); }
.sabok_pass_list > li.common .recommend_target .target_list::before { top: 10px; right: 11px; width: 147px; height: 131px; background-image: url('/USER_SKIN/sabok/images/recommend_target_1.png'); }
.sabok_pass_list > li.plus .recommend_target .target_list::before { top: 10px; right:1px; width: 153px; height: 96px; background-image: url('/USER_SKIN/sabok/images/recommend_target_2.png'); }
.sabok_pass_list .recommend_target .target_list li { display: flex; align-items: flex-start; margin-bottom: 5px; } 
.sabok_pass_list .recommend_target .target_list .num { display: flex; justify-content: center; align-items: center; width: 20px; height: 20px; margin-right: 7px; background-color: rgb(106, 70, 255); border-radius: 50%; font-size: 12px; font-weight: 700; color: rgb(255, 255, 255); flex-shrink: 0; } 
.sabok_pass_list .recommend_target .target_list .desc { flex: 1; font-size: 14px; line-height: 1.429; color: rgb(68, 68, 68); } 

.sabok_faq { max-width: 1100px; margin:188px auto 0; padding: 34px 40px 38px; background-color: #1e1e1e; border-radius: 20px; } 
.sabok_faq h2 { font-family: "Pretendard" !important; font-size: 48px; font-weight: 700; color: rgb(255, 255, 255); text-align: center; } 
.sabok_faq h2 span { font-size: 24px; font-weight: 300; } 
.sabok_faq_list { margin-top: -2px; } 
.sabok_faq_list > li { display: flex; align-items: flex-start; gap:31px; padding: 40px 60px 35px; } 
.sabok_faq_list > li + li { border-top: 1px solid #393939; } 
.sabok_faq_list > li .con { overflow: hidden; width: calc(100% - 48px); } 
.sabok_faq_list > li .num { display: flex; justify-content: center; align-items: center; width: 48px; height: 48px; background-color: #6a46ff; border-radius: 50%; font-size: 24px; font-weight: 700; color: rgb(5, 5, 5); } 
.sabok_faq_list > li .tit { display: block; margin-top: 11px; font-size: 24px; font-weight: 600; line-height: 1.25; color: #6a46ff; word-break: keep-all; } 
.sabok_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; } 

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

.free_cs { padding: 97px 0 100px; background: #e2dff2; } 
.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: #6a46fe; } 
.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 #fe01aa; } 
.free_cs .cs_form .list { display: flex; flex-direction: column; gap:20px; } 
.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; flex-grow: 1; font-size: 20px; color: #333333; } 
.free_cs .cs_form .list > li input[type="text"] { border-radius:0; width: 28%; height: 41px; padding: 0 10px; border: 1px solid #cdcdcd; flex-grow: 1; font-size: 16px; font-weight: 400; color: #666; } 
.free_cs .cs_form .list > li input::placeholder { color: #a4a4a4; }
.free_cs .cs_form .list > li select { height: 41px; padding-left: 10px; border: 1px solid #cdcdcd; -webkit-appearance: auto; -moz-appearance: auto; appearance: auto; font-size: 16px; color: #666; background: #fff; } 
.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: 1280px){
    .sabok_img .pc { width:146.564%; } 

    .sabok_pass2 { padding: 1.875vw 0 1.09375vw; } 
    .sabok_pass2_inner { max-width: 97.8125vw; } 
    .sabok_pass2_list { gap: 1.25vw; } 
    .sabok_pass2_list li { padding: 2.34375vw; border-radius: 0.78125vw; } 
    .sabok_pass2_list .tit { margin-bottom: 2.1875vw; font-size: 2.1875vw; } 
    .sabok_pass2_list .txt { font-size: 1.640625vw; line-height: 2.421875vw; } 
    .sabok_pass2 .partnership_notice { margin-top: 0.859375vw; font-size: 1.171875vw; } 

    .sabok_teacher .view_free { bottom: 12.578125vw; width: 16.5625vw; height: 4.375vw; margin-left: -0.78125vw; } 
    .sabok_teacher .free_video { top: 26.328125vw; width: 54.21875vw; height: 38.125vw; margin-left: -5.3125vw; } 

    .sabok_smart { padding: 7.1vw 0 7.64vw; } 
    .sabok_smart .tit { font-size: 3.662vw; } 
    .sabok_smart .txt { margin-top: 0.992vw; font-size: 1.831vw; } 
    .sabok_smart_tab { max-width: 84.0vw; margin-top: 3.58vw; } 
    .sabok_smart_tab .tit_list { gap: 1.528vw; } 
    .sabok_smart_tab .tit_list > li a { height: 5.8vw; border-radius: 0.611vw; border-width: 0.152vw; } 
    .sabok_smart_tab .tit_list > li .info { font-size: 1.22vw; } 
    .sabok_smart_tab .tit_list > li .tit2 { margin-top: 0.533vw; font-size: 1.52vw; } 
    .sabok_smart_tab .tab_con { margin-top: 2.44vw; border-radius: 1.22vw; border-width: 0.305vw; } 

    .sabok_pass { padding: 3.75vw 0 7.634vw; } 
    .sabok_pass h2 .img_pc { width: 84.219vw; } 
    .sabok_pass_list { gap: 1.527vw; max-width: 83.969vw; margin-top: 3.283vw; } 
    .sabok_pass_list > li { padding: 2.344vw 1.832vw 1.832vw; border-radius: 0.916vw; } 
    .sabok_pass_list > li .rec_img_pc { margin-top: -0.703vw; } 
    .sabok_pass_list > li .pass_tit { margin-bottom: 4.688vw; font-size: 2.443vw; } 
    .sabok_pass_list > li.plus .pass_tit::after { top: -0.229vw; right: -1.145vw; width: 2.138vw; height: 2.138vw; } 
    .sabok_pass_list > li .member_price_wrap { margin-top: 1.527vw; } 
    .sabok_pass_list > li .member_price_wrap .tit { font-size: 1.527vw; } 
    .sabok_pass_list > li .member_price_wrap .original_price { font-size: 1.221vw; } 
    .sabok_pass_list > li .member_price_wrap .member_price { margin-top: 0.305vw; font-size: 1.527vw; } 
    .sabok_pass_list > li .discount_list { margin-top: 0.84vw; } 
    .sabok_pass_list > li .discount_list > li .txt { font-size: 1.221vw; } 
    .sabok_pass_list > li .discount_price { margin-top: 1.527vw; padding-top: 0.534vw; border-width: 0.076vw; } 
    .sabok_pass_list > li .discount_price .tit { font-size: 1.374vw; } 
    .sabok_pass_list > li .discount_price .price { top: 0.229vw; font-size: 1.527vw; } 
    .sabok_pass_list > li .discount_price .price strong { margin-right: 0.305vw; font-size: 2.748vw; } 
    .sabok_pass_list > li .btn_consult { height: 3.969vw; margin-top: 1.527vw; border-radius: 0.611vw; font-size: 1.221vw; } 
    .sabok_pass_list > li .info_list { margin-top: 2.137vw; padding: 1.527vw 1.221vw 1.298vw; border-radius: 0.611vw; } 
    .sabok_pass_list > li .info_list > li { margin-top: 0.534vw; } 
    .sabok_pass_list > li .info_list > li:first-child { margin-top: 0 !important; } 
    .sabok_pass_list > li .info_list > li:has(.tag) + li { margin-top: 1.221vw; } 
    .sabok_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: 0.916vw; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tit { font-size: 1.069vw; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { top: -0.076vw; width: 1.221vw; height: 1.221vw; margin-left: 0.611vw; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tooltip2 { top:-0.611vw; right: 1.908vw; width: 14.58vw; padding: 0.687vw 0.763vw; border-radius: 0.305vw; font-size: 0.916vw; } 
    .sabok_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; } 
    .sabok_pass_list > li .info_list > li .info_detail { margin-top: 0.229vw; } 
    .sabok_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 0.916vw; font-size: 1.069vw; } 
    .sabok_pass_list > li .info_list > li .tag { height: 1.603vw; padding: 0 0.916vw; border-radius: 1.603vw; font-size: 1.069vw; } 
    .sabok_pass_list > li .info_list > li .txt { padding: 0 0.916vw 0 0; font-size: 1.069vw; } 
    .sabok_pass_list .benefit_list { gap: 1.875vw; } 
    .sabok_pass_list .recommend_target .title { margin-bottom: 0.47vw; font-size: 1.25vw; } 
    .sabok_pass_list .recommend_target .target_list { height: 12.42vw; padding: 1.17vw; } 
    .sabok_pass_list > li.common .recommend_target .target_list::before { top: 0.78vw; right: 0.86vw; width: 11.48vw; height: 10.23vw; } 
    .sabok_pass_list > li.plus .recommend_target .target_list::before { top: 0.78vw; right: 0.08vw; width: 11.95vw; height: 7.5vw; } 
    .sabok_pass_list .recommend_target .target_list li { margin-bottom: 0.39vw; } 
    .sabok_pass_list .recommend_target .target_list .num { width: 1.56vw; height: 1.56vw; margin-right: 0.55vw; font-size: 0.94vw; } 
    .sabok_pass_list .recommend_target .target_list .desc { font-size: 1.09vw; } 

    .sabok_faq { max-width: 83.969vw; margin-top: 14.6875vw; padding: 2.595vw 3.054vw 2.901vw; border-radius: 1.527vw; } 
    .sabok_faq h2 { font-size: 3.664vw; } 
    .sabok_faq h2 span { font-size: 1.832vw; } 
    .sabok_faq_list { margin-top: -0.153vw; } 
    .sabok_faq_list > li { gap: 2.366vw; padding: 3.054vw 4.58vw 2.672vw; } 
    .sabok_faq_list > li + li { border-top-width: 0.076vw; } 
    .sabok_faq_list > li .num { width: 3.664vw; height: 3.664vw; font-size: 1.832vw; } 
    .sabok_faq_list > li .tit { margin-top: 0.84vw; font-size: 1.832vw; } 
    .sabok_faq_list > li .txt { margin-top: 1.298vw; font-size: 1.221vw; } 
    .sabok_faq_list > li .con { width: calc(100% - 3.664vw); } 

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

    .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){
    br.pc_none { display: block; } 
    br.mo_none { display: none; } 

    .sabok_pass2 { padding: 46px 0 94px; } 
    .sabok_pass2_inner { max-width: 655px; } 
    .sabok_pass2_list { display: flex; flex-wrap: wrap; gap: 12px; } 
    .sabok_pass2_list li { flex: 0 0 calc(50% - 6px); padding: 30px; border-radius:10px; } 
    .sabok_pass2_list .tit { margin-bottom: 25px; font-size: 29px; } 
    .sabok_pass2_list .txt { font-size: 22px; line-height: 41px; } 
    .sabok_pass2 .partnership_notice { margin-top: 13px; padding-left: 20px; font-size: 22px; } 

    .sabok_img .pc { width:146.564%; } 

    .sabok_smart { padding: 111px 0 120px; } 
    .sabok_smart .tit { font-size: 56px; } 
    .sabok_smart .txt { margin-top: 18px; font-size: 32px; } 
    .sabok_smart_tab { max-width: 656px; margin-top: 75px; } 
    .sabok_smart_tab .tit_list { gap: 16px; } 
    .sabok_smart_tab .tit_list > li a { height: 120px; border-radius: 8px; border-width: 2px; } 
    .sabok_smart_tab .tit_list > li .info { font-size: 20px; } 
    .sabok_smart_tab .tit_list > li .tit2 { margin-top: 10px; font-size: 26px; letter-spacing:-0.025em; } 
    .sabok_smart_tab .tab_con { margin-top: 32px; border-radius: 16px; border-width: 4px; } 
    .sabok_smart_tab .tab_list .img { padding-bottom: 117.13%; } 
    .sabok_smart_tab .tab_list .img .img_pc { display: none; } 
    .sabok_smart_tab .tab_list .img .img_mo { display: block; } 

    .sabok_pass { padding: 85px 0 120px; } 
    .sabok_pass h2 .img_pc { display: none; } 
    .sabok_pass h2 .img_mo { display: block; width: 651px; margin: 0 auto; } 
    .sabok_pass_list { gap:20px; max-width: 656px; margin-top: 50px; grid-template-columns: repeat(1, 1fr); } 
    .sabok_pass_list > li { padding:30px 28px 34px; border-radius: 12px; } 
    .sabok_pass_list > li .pass_tit { margin-bottom: 11px; font-size: 32px; } 
    .sabok_pass_list > li.plus .pass_tit::after { top: -5px; right: -14px; width: 28px; height: 28px; } 
    .sabok_pass_list > li .member_price_wrap { display: flex; justify-content: space-between; align-items: center; margin-top: 13px; } 
    .sabok_pass_list > li .member_price_wrap .con { align-items: center; gap:25px; } 
    .sabok_pass_list > li .member_price_wrap .tit { font-size: 24px; } 
    .sabok_pass_list > li .member_price_wrap .original_price { font-size: 24px; } 
    .sabok_pass_list > li .member_price_wrap .member_price { margin-top: 0; font-size: 32px; } 
    .sabok_pass_list > li .discount_list { margin-top:9px; } 
    .sabok_pass_list > li .discount_list > li .txt { font-size: 24px; line-height: 1.333; } 
    .sabok_pass_list > li .discount_price { margin-top:16px; padding-top:2px; border-width: 1px; } 
    .sabok_pass_list > li .discount_price .tit { font-size: 28px; } 
    .sabok_pass_list > li .discount_price .price { top:0; font-size: 24px; } 
    .sabok_pass_list > li .discount_price .price strong { margin-right: 9px; font-size: 48px; } 
    .sabok_pass_list > li .btn_consult { height: 70px; margin-top: 12px; border-radius: 8px; font-size: 24px; } 
    .sabok_pass_list > li .info_list { display: flex; flex-wrap:wrap; gap:16px 0; margin-top: 44px; padding: 20px 0; border-radius: 8px; } 
    .sabok_pass_list > li .info_list > li { margin-top: 0; padding: 0 20px; } 
    .sabok_pass_list > li .info_list > li:first-child { margin-top: 0 !important; } 
    .sabok_pass_list > li .info_list > li.w100 { width: 100%; } 
    .sabok_pass_list > li .info_list > li.w50 { width: 50%; } 
    .sabok_pass_list > li .info_list > li:has(.tag) + li { margin-top: 0; } 
    .sabok_pass_list > li .info_list > li:has(.info_detail) + li { margin-top: -6px; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tit { font-size: 20px; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { top:0; width: 25px; height: 25px; margin-left: 9px; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tooltip2 { top:-8px; right: 28px; width: 303px; padding:13px 10px; border-radius:4px; font-size: 20px; line-height: 1.2; } 
    .sabok_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; } 
    .sabok_pass_list > li .info_list > li.right .tit_wrap .tooltip2 { right: -6px; transform: translate(0,-100%); }
    .sabok_pass_list > li .info_list > li.right .tit_wrap .tooltip2::after { left: auto; right:11px; }
    .sabok_pass_list > li .info_list > li .info_detail { margin-top: 4px; } 
    .sabok_pass_list > li .info_list > li .info_detail > li { gap:4px; } 
    .sabok_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 16px; font-size: 20px; line-height: 1.6; } 
    .sabok_pass_list > li .info_list > li .tag { height: 32px; padding: 0 16px; border-radius:16px; font-size: 20px; font-weight: 600; } 
    .sabok_pass_list > li .info_list > li .txt { padding:0 16px 0 0; font-size: 20px; font-weight: 600; } 
    .sabok_pass_list > li .rec_img_pc { display: none; } 
    .sabok_pass_list > li .rec_img_mo { display: block; width: calc(100% + 64px); margin: -98px -32px 0; } 
    .sabok_pass_list > li.benefit_summary { margin-bottom: 8px; }
    .sabok_pass_list .benefit_list { flex-wrap: wrap; justify-content: space-between; gap: 16px 10px; flex-direction: row; }
    .sabok_pass_list .benefit_list > li { width: 323px; }
    .sabok_pass_list .recommend_target .title { margin-bottom: 6px; font-size: 16px; }
    .sabok_pass_list .recommend_target .target_list { height: 142px; padding: 26px 25px; }
    .sabok_pass_list > li.common .recommend_target .target_list::before { top: 18px; right: -4px; width: 147px; height: 131px; }
    .sabok_pass_list > li.plus .recommend_target .target_list::before { top: 28px; right: 0; width: 202px; height: 126px; }
    .sabok_pass_list .recommend_target .target_list li { margin-bottom: 8px; }
    .sabok_pass_list .recommend_target .target_list .num { width: 20px; height: 20px; margin-top: 2px; margin-right: 7px; font-size: 12px; }
    .sabok_pass_list .recommend_target .target_list .desc { font-size: 19px; }

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

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

    .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) { 
    .sabok_img .pc { display: none; } 
    .sabok_img .mo { display: block; width: 100%; } 

    .sabok_pass2 { padding: 6.38889vw 0 13.05556vw; } 
    .sabok_pass2_inner { max-width: 90.97222vw; } 
    .sabok_pass2_list { gap: 1.66667vw; } 
    .sabok_pass2_list li { flex: 0 0 calc(50% - 0.83333vw); padding: 4.16667vw; border-radius: 1.38889vw; } 
    .sabok_pass2_list .tit { margin-bottom: 3.47222vw; font-size: 4.02778vw; } 
    .sabok_pass2_list .txt { font-size: 3.05556vw; line-height: 5.69444vw; } 
    .sabok_pass2 .partnership_notice { margin-top: 1.80556vw; padding-left: 2.77778vw; font-size: 3.05556vw; } 

    .sabok_teacher .view_free { bottom: 17.36111vw; left: 10.97222vw; width: 28.75vw; height: 7.5vw; margin-left: 0; } 
    .sabok_teacher .free_video { top: auto; bottom: 9.44444vw; left: 4.58333vw; width: 90.97222vw; height: 62.77778vw; margin-left: 0; } 

    .sabok_smart { padding: 15.417vw 0 16.667vw; } 
    .sabok_smart .tit { font-size: 7.778vw; } 
    .sabok_smart .txt { margin-top: 2.5vw; font-size: 4.444vw; } 
    .sabok_smart_tab { max-width: 91.111vw; margin-top: 10.417vw; } 
    .sabok_smart_tab .tit_list { gap: 2.222vw; } 
    .sabok_smart_tab .tit_list > li a { height: 16.667vw; border-radius: 1.111vw; border-width: 0.278vw; } 
    .sabok_smart_tab .tit_list > li .info { font-size: 2.778vw; } 
    .sabok_smart_tab .tit_list > li .tit2 { margin-top: 1.389vw; font-size: 3.611vw; letter-spacing:-0.025em; } 
    .sabok_smart_tab .tab_con { margin-top: 4.444vw; border-radius: 2.222vw; border-width: 0.556vw; } 
    .sabok_smart_tab .tab_list .img { padding-bottom: 117.13%; } 
    .sabok_smart_tab .tab_list .img .img_pc { display: none; } 
    .sabok_smart_tab .tab_list .img .img_mo { display: block; } 
    .sabok_teacher2_tab .tab_list .free_video { top: 2.639vw; left: 2.639vw; width: 86.250vw; height: 79.861vw; } 

    .sabok_pass { padding: 11.8056vw 0 16.6667vw; } 
    .sabok_pass h2 .img_mo { width: 90.4167vw; } 
    .sabok_pass_list { gap:2.7778vw; max-width: 91.1111vw; margin-top: 6.9444vw; } 
    .sabok_pass_list > li { padding:4.1667vw 3.8889vw 4.7222vw; border-radius: 1.6667vw; } 
    .sabok_pass_list > li .pass_tit { margin-bottom: 1.5278vw; font-size: 4.4444vw; } 
    .sabok_pass_list > li.plus .pass_tit::after { top: -0.6944vw; right: -1.9444vw; width: 3.8889vw; height: 3.8889vw; } 
    .sabok_pass_list > li .member_price_wrap { margin-top: 1.8056vw; } 
    .sabok_pass_list > li .member_price_wrap .con { gap:3.4722vw; } 
    .sabok_pass_list > li .member_price_wrap .tit { font-size: 3.3333vw; } 
    .sabok_pass_list > li .member_price_wrap .original_price { font-size: 3.3333vw; } 
    .sabok_pass_list > li .member_price_wrap .member_price { font-size: 4.4444vw; } 
    .sabok_pass_list > li .discount_list { margin-top:1.25vw; } 
    .sabok_pass_list > li .discount_list > li .txt { font-size: 3.3333vw; } 
    .sabok_pass_list > li .discount_price { margin-top:2.2222vw; padding-top:0.2778vw; border-width: 0.1389vw; } 
    .sabok_pass_list > li .discount_price .tit { font-size: 3.8889vw; } 
    .sabok_pass_list > li .discount_price .price { font-size: 3.3333vw; } 
    .sabok_pass_list > li .discount_price .price strong { margin-right: 1.25vw; font-size: 6.6667vw; } 
    .sabok_pass_list > li .btn_consult { height: 9.7222vw; margin-top: 1.6667vw; border-radius: 1.1111vw; font-size: 3.3333vw; } 
    .sabok_pass_list > li .info_list { gap:2.2222vw 0; margin-top: 6.1111vw; padding: 2.7778vw 0; border-radius: 1.1111vw; } 
    .sabok_pass_list > li .info_list > li { padding: 0 2.7778vw; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tit { font-size: 2.7778vw; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tooltip2_icon { width: 3.4722vw; height: 3.4722vw; margin-left: 1.25vw; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tooltip2 { top:-1.1111vw; right: 3.8889vw; width: 42.0833vw; padding:1.8056vw 1.3889vw; border-radius:0.5556vw; font-size: 2.7778vw; } 
    .sabok_pass_list > li .info_list > li .tit_wrap .tooltip2::after { bottom: -1.1111vw; left:1.5278vw; border-top-width: 1.2111vw; border-right-width: 0.9028vw; border-left-width: 0.9028vw; } 
    .sabok_pass_list > li .info_list > li.right .tit_wrap .tooltip2 { right: -0.8333vw; } 
    .sabok_pass_list > li .info_list > li.right .tit_wrap .tooltip2::after { right: 1.5278vw; }
    .sabok_pass_list > li .info_list > li .info_detail { margin-top: 0.5556vw; } 
    .sabok_pass_list > li .info_list > li .info_detail > li { gap:0.5556vw; } 
    .sabok_pass_list > li .info_list > li .info_detail > li .txt2 { padding-right: 2.2222vw; font-size: 2.7778vw; } 
    .sabok_pass_list > li .info_list > li .tag { height: 4.4444vw; padding: 0 2.2222vw; border-radius:2.2222vw; font-size: 2.7778vw; } 
    .sabok_pass_list > li .info_list > li .txt { padding:0 2.2222vw 0 0; font-size: 2.7778vw; } 
    .sabok_pass_list > li .rec_img_mo { width: calc(100% + 8.8889vw); margin: -13.6111vw -4.4444vw 0; } 
    .sabok_pass_list > li.benefit_summary { margin-bottom: 1.1111vw; }
    .sabok_pass_list .benefit_list { gap: 2.2222vw 1.3889vw; }
    .sabok_pass_list .benefit_list > li { width: 44.8611vw; }
    .sabok_pass_list .recommend_target .title { margin-bottom: 0.8333vw; font-size: 2.2222vw; }
    .sabok_pass_list .recommend_target .target_list { height: 19.7222vw; padding: 3.6111vw 3.4722vw; }
    .sabok_pass_list > li.common .recommend_target .target_list::before { top: 2.5vw; right: -0.5556vw; width: 20.4167vw; height: 18.1944vw; }
    .sabok_pass_list > li.plus .recommend_target .target_list::before { top: 3.8889vw; right: 0; width: 28.0556vw; height: 17.5vw; }
    .sabok_pass_list .recommend_target .target_list li { margin-bottom: 1.1111vw; }
    .sabok_pass_list .recommend_target .target_list .num { width: 2.7778vw; height: 2.7778vw; margin-top: 0.2778vw; margin-right: 0.9722vw; font-size: 1.6667vw; }
    .sabok_pass_list .recommend_target .target_list .desc { font-size: 2.6389vw; }

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

    .sabok_start { padding: 12.5vw 0 15.139vw; } 
    .sabok_start .tit { font-size: 7.222vw; } 
    .sabok_start .txt { margin-top: 2.917vw; font-size: 4.444vw; } 
    .sabok_start .link { width: 77.778vw; height: 13.889vw; margin-top: 5.972vw; border-radius: 6.944vw; font-size: 4.444vw; }

    .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%; }
}

/*==================================================
 사회복지사 1급 랜딩페이지 끝
==================================================*/