/* 폰트 설정 */
@font-face {
    font-family: 'Hakgyoansim Allimjang';
    font-weight: 700;
    src: url('/USER_SKIN/smartfriends/font/Hakgyoansim Allimjang WOFF B.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'Hakgyoansim Allimjang';
    font-weight: 400;
    src: url('/USER_SKIN/smartfriends/font/Hakgyoansim Allimjang R.woff') format('woff');
    font-style: normal;
}

@font-face {
    font-family: 'VITRO CORE';
    font-weight: normal;
    src: url('/USER_SKIN/smartfriends/font/Vitro-Head.woff2') format('woff2');
    font-style: normal;
}

@font-face {
    font-family: 'S-CoreDream';
    font-weight: 400;
    src: url('/USER_SKIN/smartfriends/font/S-CoreDream-4Regular.woff') format('woff');
    font-style: normal;
    font-display: swap;
}

/* br */
.pc_none { display: none; }

@media(max-width: 1280px) {
    .pc_none { display: block; }
    .ta_none { display: none; }
}

@media(max-width: 716px) {
    .pc_none { display: block; }
    .ta_none { display: block; }
    .mo_none { display: none;}
}

/* 통 이미지 영역 */
.forest_img { overflow: hidden; width: 100%; }
.forest_img .img_pc { position: relative; left: 50%; width: 1920px; transform: translate(-50%,0); }
.forest_img .img_mo { display: none; }

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

@media(max-width: 716px) {
    .forest_img .img_pc { display: none; }
    .forest_img .img_mo { display: block; width: 100%; }
}

/* 대상자 소개 */
.forest_audience { overflow: hidden; position: relative; padding: 120px 0 143px; background-color: #fafafc; } 
.forest_audience .audience_tit { margin-bottom: 40px; font-family: "Pretendard", sans-serif; font-size: 40px; font-weight: 500; letter-spacing: -0.015em; color: #000; text-align: center; } 
.forest_audience .audience_tit strong { font-weight: 700; } 
.forest_audience .audience_txt { display: block; width: 587px; margin: 0 auto 86px; } 
.forest_audience .audience_list { display: flex; justify-content: center; gap: 20px; max-width: 1000px; margin: 0 auto; padding: 0; list-style: none; } 
.forest_audience .audience_list li { flex: 1; padding: 2px; background: linear-gradient(90deg, #5de9bc, #6ed6f1); border-radius: 24px; } 
.forest_audience .audience_inner { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 57px 0 76px; background-color: #fff; border-radius: 22px; } 
.forest_audience .audience_num { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; margin-bottom: 54px; background-color: #f3fd3a; border-radius: 10px; font-family: "Pretendard", sans-serif; font-size: 24px; font-weight: 700; color: #fff; z-index: 1; } 
.forest_audience .audience_num::after { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 44px; background-color: #1ccf71; border-radius: 10px; z-index: -1; } 
.forest_audience .audience_list .icon { width: 168px; margin-bottom: 56px; } 
.forest_audience .audience_desc { font-family: "Pretendard", sans-serif; font-size: 28px; font-weight: 500; line-height: 1.143; color: #0f0f0f; text-align: center; } 

@media (max-width: 1280px){
    .forest_audience { padding: 9.375vw 0 11.172vw; } 
    .forest_audience .audience_tit { margin-bottom: 3.125vw; font-size: 3.125vw; } 
    .forest_audience .audience_txt { width: 45.859vw; margin-bottom: 6.719vw; } 
    .forest_audience .audience_list { gap: 1.5625vw; max-width: 78.125vw; } 
    .forest_audience .audience_list li { padding: round(0.15625vw, 1px); border-radius: round(1.875vw, 1px); } 
    .forest_audience .audience_inner { padding: 4.453vw 0 5.9375vw; border-radius: round(1.719vw, 1px); } 
    .forest_audience .audience_num { width: 3.75vw; height: 3.75vw; margin-bottom: 4.21875vw; border-radius: round(0.781vw, 1px); font-size: 1.875vw; } 
    .forest_audience .audience_num::after { width: 3.75vw; height: 3.438vw; border-radius: round(0.781vw, 1px); } 
    .forest_audience .audience_list .icon { width: 13.125vw; margin-bottom: 4.375vw; } 
    .forest_audience .audience_desc { font-size: 2.188vw; } 
}

@media (max-width: 716px){
    .forest_audience { padding: 13.27vw 0 12.99vw; } 
    .forest_audience .audience_tit { margin-bottom: 2.37vw; font-size: 4.89vw; } 
    .forest_audience .audience_txt { width: 100%; max-width: 67.04vw; margin-bottom: 9.5vw; } 
    .forest_audience .audience_list { gap: 0.9777vw; max-width: 91.8994vw; } 
    .forest_audience .audience_list li { padding: round(0.279vw, 1px); border-radius: round(3.35vw, 1px); } 
    .forest_audience .audience_inner { padding: 5.17vw 0 6.565vw; border-radius: round(3.07vw, 1px); } 
    .forest_audience .audience_num { width: 5.17vw; height: 5.17vw; margin-bottom: 4.329vw; border-radius: round(1.4vw, 1px); font-size: 2.51vw; } 
    .forest_audience .audience_num::after { width: 5.17vw; height: 4.75vw; border-radius: round(1.4vw, 1px); } 
    .forest_audience .audience_list .icon { width: 15.92vw; margin-bottom: 5.447vw; } 
    .forest_audience .audience_desc { font-size: 2.79vw; line-height: 1.149; } 
}

/* 강사 소개 */
.forest_instructor { font-family: "Pretendard", sans-serif; color: rgb(21, 7, 52); } 
.forest_instructor .instructor_visual { overflow: hidden; position: relative; width: 100%; } 
.forest_instructor .img_pc { display: block; position: relative; left: 50%; width:1920px; transform: translate(-50%,0); } 
.forest_instructor .img_mo { display: none; } 
.forest_instructor .gif { overflow: hidden; position: absolute; top: 296px; left: 50%; width: 351px; height: 216px; margin-left: -1px; padding: 5px; background: linear-gradient(90deg, #5febae, #6ed7ec); border-radius: 10px; z-index: 1; } 
.forest_instructor .gif img { display: block; width: 100%; height: 100%; border-radius: 6px; object-fit: cover; } 
.forest_instructor .instructor_details { padding: 39px 0 44px; background-color: #1ccf71; }
.forest_instructor .instructor_details .in_Layer { display: flex; justify-content: space-between; max-width: 1000px; padding: 0; } 
.forest_instructor .instructor_tit { display: block; margin-bottom: 7px; font-size: 20px; font-weight: 700; color:#fff; } 
.forest_instructor .instructor_list { font-size: 18px; line-height: 1.39; color: rgb(255, 255, 255); } 
.forest_instructor .instructor_list li { position: relative; padding-left: 9px; word-break: keep-all; } 
.forest_instructor .instructor_list li::before { content: ""; position: absolute; top: 13px; left: 0; width: 4px; height: 4px; background-color: rgb(255, 255, 255); border-radius: 50%; } 

@media(max-width: 1280px){
    .forest_instructor .img_pc { width: 150vw; } 
    .forest_instructor .gif { top: 23.125vw; width: 27.422vw; height: 16.875vw; margin-left: -0.078vw; padding: 0.391vw; border-radius: 0.781vw; } 
    .forest_instructor .gif img { border-radius: 0.469vw; } 
    .forest_instructor .instructor_details { padding: max(26px, 3.047vw) 0 max(29px, 3.438vw); } 
    .forest_instructor .instructor_details .in_Layer { max-width: max(667px, 78.125vw); } 
    .forest_instructor .instructor_tit { margin-bottom: max(4.7px, 0.547vw); font-size: max(13.3px, 1.563vw); } 
    .forest_instructor .instructor_list { font-size: max(12px, 1.406vw); } 
    .forest_instructor .instructor_list li { padding-left: max(6px, 0.703vw); } 
    .forest_instructor .instructor_list li::before { top: max(8.7px, 1.016vw); width: max(2.7px, 0.313vw); height: max(2.7px, 0.313vw); }     
}

@media(max-width: 716px){
    .forest_instructor .img_pc { display: none; } 
    .forest_instructor .img_mo { display: block; width: 100%; } 
    .forest_instructor .gif { position: absolute; top: 51.54vw; left: 6.15vw; width: 47.49vw; height: 29.05vw; margin-left: 0; padding: 0.7vw; background: linear-gradient(90deg, #5febae, #6ed7ec); border-radius: 1.4vw; } 
    .forest_instructor .gif img { border-radius: 0.84vw; } 
    .forest_instructor .instructor_details { padding: 5.03vw 4.19vw 5.73vw; } 
    .forest_instructor .instructor_details .in_Layer { display: grid; max-width: 100%; grid-template-columns: 1fr 1fr; column-gap: 8.38vw; } 
    .forest_instructor .instructor_tit { margin-bottom: 1.4vw; font-size: 3.49vw; } 
    .forest_instructor .instructor_list li { padding-left: 1.4vw; font-size: 2.37vw; line-height: 1.416; } 
    .forest_instructor .instructor_list li::before { top: 1.4vw; width: 0.56vw; height: 0.56vw; } 
    .forest_instructor .instructor_list li+li { margin-top: 0.84vw; } 
    .forest_instructor .instructor_career { margin-bottom: 4.05vw; grid-column: 1; grid-row: 1; } 
    .forest_instructor .instructor_certifications { grid-column: 1; grid-row: 2; } 
    .forest_instructor .instructor_publications { grid-column: 2; grid-row: 1 / span 2; } 
    .forest_instructor .instructor_details .in_Layer>div { width: auto; } 
}

/* 가격 및 후기 */
.forest_pricing { padding: 117px 0 144px; background-color: #f4f4f4; font-family: "Pretendard", sans-serif; } 
.forest_pricing .pricing_slogan { margin-bottom: 45px; font-family: 'Hakgyoansim Allimjang', serif !important; font-size: 60px; font-weight: 700; line-height: 1.2; color: #0d0d0d; text-align: center; } 
.forest_pricing .pricing_slogan.mo { display: none; }
.forest_pricing .pricing_slogan span { color: #009272; } 
.forest_pricing .pricing_list { max-width: 924px; margin: 0 auto; } 
.forest_pricing .pricing_list > li { display: flex; justify-content: flex-start; align-items: center; position: relative; padding: 34px 0; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; } 
.forest_pricing .pricing_list > li + li { margin-top: 38px; }
.forest_pricing .pricing_list > li.best::after { content:''; position: absolute; top: -43px; left: -73px; width: 121px; height: 97px; background:url('/USER_SKIN/forest/images/forest_pricing_best.png') center/contain no-repeat; z-index: 1; }
.forest_pricing .pricing_details { text-align: center; } 
.forest_pricing .pricing_name { display: block; width: 360px; font-size: 30px; font-weight: 700; line-height: 1.125; color: #0d0d0d; } 
.forest_pricing .pricing_original { display: block; position: relative; margin-bottom: 3px; font-family: 'S-CoreDream', sans-serif; font-size: 18px; letter-spacing:-0.04em; color: rgb(191, 191, 191);  } 
.forest_pricing .pricing_original::after { content:''; position: absolute; bottom: -3px; left: 50%; width: 117px; height: 19px; background:url('/USER_SKIN/forest/images/forest_pricing_original.png') center/contain no-repeat; transform: translate(-50%,0); } 
.forest_pricing .pricing_discount { display: block; font-family: 'VITRO CORE', sans-serif; font-size: 32px; line-height: 1.2; letter-spacing:-0.02em; color: rgb(210, 19, 34);  } 
.forest_pricing .pricing_link { position: relative; top: 13px; width: 252px; margin-left: auto; } 
.forest_pricing .pricing_link img { display: block; width: 100%; } 

@media(max-width: 1280px){
    .forest_pricing { padding: 9.140625vw 0 11.25vw; } 
    .forest_pricing .pricing_slogan { margin-bottom: 3.515625vw; font-size: 4.6875vw; } 
    .forest_pricing .pricing_list { max-width: 72.1875vw; } 
    .forest_pricing .pricing_list > li { padding: 2.65625vw 0; } 
    .forest_pricing .pricing_list > li + li { margin-top: 2.96875vw; } 
    .forest_pricing .pricing_list > li.best::after { top: -3.359375vw; left: -5.703125vw; width: 9.453125vw; height: 7.578125vw; } 
    .forest_pricing .pricing_name { width: 28.125vw; font-size: 2.34375vw; } 
    .forest_pricing .pricing_original { margin-bottom: 0.234375vw; font-size: 1.40625vw; } 
    .forest_pricing .pricing_original::after { bottom: -0.234375vw; width: 9.140625vw; height: 1.484375vw; } 
    .forest_pricing .pricing_discount { font-size: 2.5vw; } 
    .forest_pricing .pricing_link { top: 1.015625vw; width: 19.6875vw; } 
}

@media (max-width: 716px){
    .forest_pricing { padding: 8.94vw 0 17.32vw; } 
    .forest_pricing .pricing_slogan { margin-bottom: 7.26vw; font-size: 6.98vw; line-height: 1.2; text-align: center; } 
    .forest_pricing .pricing_slogan.mo { display: block; } 
    .forest_pricing .pricing_slogan.pc { display: none; } 
    .forest_pricing .pricing_list { max-width: 87.99vw; padding: 0; } 
    .forest_pricing .pricing_list > li { display: grid; align-items: center; padding: 6.15vw 0; border-top: 0.14vw solid #b1b1b1; border-bottom: 0.14vw solid #b1b1b1; grid-template-columns: 1fr 40.78vw; grid-template-rows: auto auto; } 
    .forest_pricing .pricing_list > li + li { margin-top: 9.64vw; } 
    .forest_pricing .pricing_list > li.best::after { top: -5.59vw; left: -1.82vw; width: 12.57vw; height: 10.06vw; } 
    .forest_pricing .pricing_name { width: auto; margin-bottom: 3.77vw; font-size: 5.03vw; font-weight: 700; text-align: center; grid-column: 1; grid-row: 1; } 
    .forest_pricing .pricing_details { text-align: center; grid-column: 1; grid-row: 2; } 
    .forest_pricing .pricing_original { margin-bottom: 0.56vw; font-size: 3.63vw; } 
    .forest_pricing .pricing_original::after { bottom: -0.42vw; width: 22.63vw; height: 3.63vw; } 
    .forest_pricing .pricing_discount { font-size: 6.42vw; line-height: 1.1; } 
    .forest_pricing .pricing_link { top: 2.37vw; width: 40.78vw; grid-column: 2; grid-row: 1 / 3; justify-self: end; } 
}

/* 무료 상담 신청 */
.free_cs { padding: 79px 0 100px; background: #002a25; } 
.free_cs .mt0 {margin-top: 0 !important;}
.free_cs form { display: block; max-width: 1000px; margin: 0 auto; } 
.free_cs .cs_txt { font-size: 40px; font-weight: 400; line-height: 1.2; color: #ffffff; text-align: center; } 
.free_cs .cs_txt br { display: none; }
.free_cs .cs_tit { margin-top: 5px; font-family: 'Hakgyoansim Allimjang',sans-serif !important; font-size: 60px; font-weight: 700; line-height: 1.2; color: #fff; text-align: center; } 
.free_cs .cs_tit span { color: #71f8e4; } 
.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; 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; } 

/* 무료 상담 신청 ~1280px */
@media(max-width: 1280px){
    .free_cs { padding: 6.172vw 0 7.813vw; } 
    .free_cs form { max-width: 78.125vw; } 
    .free_cs .cs_txt { font-size: 3.125vw; } 
    .free_cs .cs_tit { margin-top: 0.391vw; font-size: 4.688vw; } 
    .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; } 
}

/* 무료 상담 신청 ~1023px */
@media(max-width: 1023px) {
    .free_cs { padding: 79px 0 81px; } 
    .free_cs form { max-width: 656px; } 
    .free_cs .cs_txt { font-size: 35px; line-height: 1.143; } 
    .free_cs .cs_txt br { display: block; }
    .free_cs .cs_tit { margin-top: 18px; font-size: 50px; } 
    .free_cs .cs_form { gap: 0; margin-top: 74px; 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; } 
}

/* 무료 상담 신청 ~716px */
@media(max-width: 716px){
    .free_cs { padding: 11.034vw 0 11.313vw; } 
    .free_cs form { max-width: 91.667vw; } 
    .free_cs .cs_txt { font-size: 4.888vw; } 
    .free_cs .cs_tit { margin-top: 2.514vw; font-size: 6.983vw; } 
    .free_cs .cs_form { margin-top: 10.335vw; 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; } 
}

/* 무료 상담 신청 ~540px */
@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%; }
}

/* 시작하기 CTA */
.forest_start { padding: 85px 0 80px; background:url('/USER_SKIN/forest/images/forest_start_bg.png') center bottom/cover no-repeat; } 
.forest_start .tit { position: relative; margin-bottom: 4px; font-family: "Hakgyoansim Allimjang", sans-serif !important; font-size: 60px; font-weight: 700; line-height: 1.2; color: rgb(255, 255, 255); text-align: center; } 
.forest_start .txt { position: relative; margin-bottom: 33px; font-family: "Pretendard", sans-serif; font-size: 28px; line-height: 1.2; color: rgb(255, 255, 255); text-align: center; } 
.forest_start .link { display: flex; justify-content: center; align-items: center; width: 400px; height: 80px; margin: 0 auto; background-color: #f3fd3a; border-radius:40px; font-size: 20px; font-weight: 700; line-height: 1.2; color: #121111; } 

@media(max-width: 1280px){
    .forest_start { padding: 6.64vw 0 6.25vw; } 
    .forest_start .tit { margin-bottom: 0.31vw; font-size: 4.69vw; } 
    .forest_start .txt { margin-bottom: 2.58vw; font-size: 2.19vw; } 
    .forest_start .link { width: 31.25vw; height: 6.25vw; border-radius: 3.13vw; font-size: 1.56vw; } 
}

@media(max-width: 716px){
    .forest_start { padding: 13.13vw 0 25vw; background: url('/USER_SKIN/forest/images/forest_start_mo_bg.png') center bottom/cover no-repeat; } 
    .forest_start .tit { margin-bottom: 2.51vw; font-size: 6.56vw; } 
    .forest_start .txt { margin-bottom: 7.68vw; font-size: 4.89vw; } 
    .forest_start .link { width: 55.87vw; height: 11.17vw; border-radius: 5.59vw; font-size: 2.65vw; } 
}

/* 산림기사 역할 소개 */
.forest_roles { padding: 142px 0 144px; background:url('/USER_SKIN/forest/images/forest_roles_bg.jpg') center top/cover no-repeat; } 
.forest_roles .roles_tit { margin-bottom: 74px; font-family: "Pretendard", sans-serif !important; font-size: 40px; line-height: 1.2; color: rgb(255, 255, 255); text-align: center; } 
.forest_roles .roles_tit strong { display: inline-block; margin-top: 17px; font-family: "Hakgyoansim Allimjang", sans-serif !important; font-size: 60px; font-weight: 700; }
.forest_roles .roles_list { display: grid; justify-content: center; gap: 22px 20px; max-width: 1000px; margin: 0 auto; grid-template-columns: repeat(2, 1fr); } 
.forest_roles .roles_list li { display: flex; align-items: center; min-height: 321px; padding: 18px 0; background-color: rgb(255, 255, 255); border: 1px solid rgb(68, 142, 241); border-radius: 28px; flex-direction: column; } 
.forest_roles .icon { display: block; height: 197px; margin-bottom: 7px; } 
.forest_roles .roles_desc { font-family: "Pretendard", sans-serif; font-size: 32px; font-weight: 600; line-height: 1.063; color: rgb(37, 37, 37); text-align: center; } 

@media(max-width: 1280px){
    .forest_roles { padding: 11.09375vw 0 11.25vw; } 
    .forest_roles .roles_tit { margin-bottom: 5.78125vw; font-size: 3.125vw; } 
    .forest_roles .roles_tit strong { margin-top: 1.328125vw; font-size: 4.6875vw; } 
    .forest_roles .roles_list { gap: 1.71875vw 1.5625vw; max-width: 78.125vw; } 
    .forest_roles .roles_list li { min-height: 25.078125vw; padding: 1.40625vw 0; border-radius: 2.1875vw; } 
    .forest_roles .icon { height: 15.390625vw; margin-bottom: 0.546875vw; } 
    .forest_roles .roles_desc { font-size: 2.5vw; } 
}

@media(max-width: 716px){
    .forest_roles { padding: 12.01vw 0 14.66vw 0; background: #066451; } 
    .forest_roles .roles_tit { margin-bottom: 7.12vw; font-size: 4.19vw; } 
    .forest_roles .roles_tit strong { margin-top: 0.42vw; font-size: 6.28vw; } 
    .forest_roles .roles_list { gap: 2.65vw 2.51vw; max-width: 91.9vw; } 
    .forest_roles .roles_list li { height: 40.78vw; padding: 2.79vw 0 0; border-radius: 3.91vw; } 
    .forest_roles .icon { height: 25.14vw; margin-bottom: 1.26vw; } 
    .forest_roles .roles_desc { font-size: 3.35vw; line-height: 1.25; } 
}