/* 폰트 설정 */
@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;}
}

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

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

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

/* 대상자 소개 */
.arch_audience { overflow: hidden; position: relative; padding: 120px 0 143px; background:url('/USER_SKIN/arch/images/arch_audience_bg.jpg') center top/cover no-repeat; } 
.arch_audience .audience_tit { margin-bottom: 32px; font-family: "Pretendard", sans-serif !important; font-size: 40px; font-weight: 400; letter-spacing: -0.015em; color: #ffffff; text-align: center; } 
.arch_audience .audience_tit strong { font-weight: 700; } 
.arch_audience .audience_txt { display: block; width: 639px; margin: 0 auto 84px; } 
.arch_audience .audience_list { display: flex; justify-content: center; gap: 20px; max-width: 1000px; margin: 0 auto; padding: 0; list-style: none; } 
.arch_audience .audience_list li { flex: 1; padding: 2px; background: linear-gradient(90deg, #5de9bc, #6ed6f1); border-radius: 24px; } 
.arch_audience .audience_inner { display: flex; flex-direction: column; align-items: center; width: 100%; padding: 57px 0 76px; background-color: #fff; border-radius: 22px; } 
.arch_audience .audience_num { position: relative; display: inline-flex; justify-content: center; align-items: center; width: 48px; height: 48px; margin-bottom: 40px; background-color: #77ffbb; border-radius: 10px; font-family: "Pretendard", sans-serif; font-size: 24px; font-weight: 700; color: #fff; z-index: 1; } 
.arch_audience .audience_num::after { content: ""; position: absolute; top: 0; left: 0; width: 48px; height: 44px; background-color: #1b222c; border-radius: 10px; z-index: -1; } 
.arch_audience .audience_list .icon { width: 168px; margin-bottom: 60px; } 
.arch_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){
    .arch_audience { padding: 9.375vw 0 11.172vw; } 
    .arch_audience .audience_tit { margin-bottom: 2.5vw; font-size: 3.125vw; } 
    .arch_audience .audience_txt { width: 49.922vw; margin-bottom: 6.563vw; } 
    .arch_audience .audience_list { gap: 1.5625vw; max-width: 78.125vw; } 
    .arch_audience .audience_list li { padding: round(0.15625vw, 1px); border-radius: round(1.875vw, 1px); } 
    .arch_audience .audience_inner { padding: 4.453vw 0 5.9375vw; border-radius: round(1.719vw, 1px); } 
    .arch_audience .audience_num { width: 3.75vw; height: 3.75vw; margin-bottom: 3.125vw; border-radius: round(0.781vw, 1px); font-size: 1.875vw; } 
    .arch_audience .audience_num::after { width: 3.75vw; height: 3.438vw; border-radius: round(0.781vw, 1px); } 
    .arch_audience .audience_list .icon { width: 13.125vw; margin-bottom: 4.688vw; } 
    .arch_audience .audience_desc { font-size: 2.188vw; } 
}

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


/* 강사 소개 */
.arch_instructor { font-family: "Pretendard", sans-serif; color: rgb(21, 7, 52); } 
.arch_instructor .instructor_visual { overflow: hidden; position: relative; width: 100%; } 
.arch_instructor .img_pc { display: block; position: relative; left: 50%; width:1920px; transform: translate(-50%,0); } 
.arch_instructor .img_mo { display: none; } 
.arch_instructor .gif { overflow: hidden; position: absolute; top: 296px; left: 50%; width: 351px; height: 216px; margin-left: 17px; padding: 5px; background: #3f71ba; border-radius: 10px; z-index: 1; } 
.arch_instructor.type2 .gif { background: #0db696; }
.arch_instructor .gif img { display: block; width: 100%; height: 100%; border-radius: 6px; object-fit: cover; } 
.arch_instructor .instructor_details { padding: 39px 0 44px; background-color: #1ccf71; }
.arch_instructor .instructor_details .in_Layer { display: flex; justify-content: space-between; max-width: 1000px; padding: 0; } 
.arch_instructor .instructor_tit { display: block; margin-bottom: 7px; font-size: 20px; font-weight: 700; color:#fff; } 
.arch_instructor .instructor_list { font-size: 18px; line-height: 1.39; color: rgb(255, 255, 255); } 
.arch_instructor .instructor_list li { position: relative; padding-left: 9px; word-break: keep-all; } 
.arch_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){
    .arch_instructor .img_pc { width: 150vw; } 
    .arch_instructor .gif { top: 23.125vw; width: 27.422vw; height: 16.875vw; margin-left: 1.328vw; padding: 0.391vw; border-radius: 0.781vw; } 
    .arch_instructor .gif img { border-radius: 0.469vw; } 
    .arch_instructor .instructor_details { padding: max(26px, 3.047vw) 0 max(29px, 3.438vw); } 
    .arch_instructor .instructor_details .in_Layer { max-width: max(667px, 78.125vw); } 
    .arch_instructor .instructor_tit { margin-bottom: max(4.7px, 0.547vw); font-size: max(13.3px, 1.563vw); } 
    .arch_instructor .instructor_list { font-size: max(12px, 1.406vw); } 
    .arch_instructor .instructor_list li { padding-left: max(6px, 0.703vw); } 
    .arch_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){
    .arch_instructor .img_pc { display: none; } 
    .arch_instructor .img_mo { display: block; width: 100%; } 
    .arch_instructor .gif { position: absolute; top: 43.02vw; transform: translate(-50%, 0); width: 67.88vw; height: 41.76vw; margin-left: 0; padding: 0.7vw; border-radius: 1.4vw; } 
    .arch_instructor .gif img { border-radius: 0.84vw; } 
    .arch_instructor .instructor_details { padding: 5.03vw 4.19vw 5.73vw; } 
    .arch_instructor .instructor_details .in_Layer { display: grid; max-width: 100%; grid-template-columns: 1fr 1fr; column-gap: 8.38vw; } 
    .arch_instructor .instructor_tit { margin-bottom: 1.4vw; font-size: 3.49vw; } 
    .arch_instructor .instructor_list li { padding-left: 1.4vw; font-size: 2.37vw; line-height: 1.416; } 
    .arch_instructor .instructor_list li::before { top: 1.4vw; width: 0.56vw; height: 0.56vw; } 
    .arch_instructor .instructor_list li+li { margin-top: 0.84vw; } 
    .arch_instructor .instructor_career { margin-bottom: 4.05vw; grid-column: 1; grid-row: 1; } 
    .arch_instructor .instructor_certifications { grid-column: 1; grid-row: 2; } 
    .arch_instructor .instructor_publications { grid-column: 2; grid-row: 1 / span 2; } 
    .arch_instructor .instructor_details .in_Layer>div { width: auto; } 
}

/* 가격 및 후기 */
.arch_pricing { padding: 100px 0 111px; background-color: #ecedff; font-family: "Pretendard", sans-serif; } 
.arch_pricing .pricing_slogan { margin-bottom: 85px; font-family: 'Hakgyoansim Allimjang', serif !important; font-size: 50px; font-weight: 700; line-height: 1.2; color: #282a2c; text-align: center; } 
.arch_pricing .pricing_slogan.mo { display: none; }
.arch_pricing .pricing_slogan span { color: #528ade; } 
.arch_pricing .pricing_list { max-width: 924px; margin: 0 auto 96px; } 
.arch_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; } 
.arch_pricing .pricing_list > li + li { margin-top: 38px; }
.arch_pricing .pricing_list > li.best::after { content:''; position: absolute; top: -48px; left: -67px; width: 121px; height: 97px; background:url('/USER_SKIN/arch/images/arch_pricing_best.png') center/contain no-repeat; z-index: 1; }
.arch_pricing .pricing_details { text-align: center; } 
.arch_pricing .pricing_name { display: block; width: 360px; font-size: 30px; font-weight: 700; line-height: 1.125; color: #000000; letter-spacing:-0.01em; } 
.arch_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);  } 
.arch_pricing .pricing_original::after { content:''; position: absolute; bottom: -3px; left: 50%; width: 117px; height: 19px; background:url('/USER_SKIN/arch/images/arch_pricing_original.png') center/contain no-repeat; transform: translate(-50%,0); } 
.arch_pricing .pricing_discount { display: block; font-family: 'VITRO CORE', sans-serif; font-size: 32px; line-height: 1.2; letter-spacing:-0.02em; color: #f41843;  } 
.arch_pricing .pricing_link { position: relative; top: 13px; width: 252px; margin-left: auto; } 
.arch_pricing .pricing_link img { display: block; width: 100%; } 
.arch_pricing .testimonials_list { display: flex; justify-content: space-between; max-width: 924px; margin: 0 auto; } 
.arch_pricing .testimonials_list > li { width: 283px; padding: 42px 31px 35px; background-color: rgb(255, 255, 255); border-radius: 32px; text-align: center; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.03); } 
.arch_pricing .testimonial_quote { display: block; margin-bottom: 26px; font-size: 28px; font-weight: 700; line-height: 1.175; color:#000000; } 
.arch_pricing .testimonial_explain { margin-bottom: 24px; padding: 21px 0; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; font-size: 23px; line-height: 1.354; color: rgb(0, 0, 0); } 
.arch_pricing .testimonial_author { font-size: 22px; line-height: 1.483; color: rgb(0, 0, 0); } 

@media(max-width: 1280px){
    .arch_pricing { padding: 7.8125vw 0 8.671875vw; } 
    .arch_pricing .pricing_slogan { margin-bottom: 6.640625vw; font-size: 4.6875vw; } 
    .arch_pricing .pricing_list { max-width: 72.1875vw; margin-bottom: 7.5vw; } 
    .arch_pricing .pricing_list>li { padding: 2.65625vw 0; } 
    .arch_pricing .pricing_list>li+li { margin-top: 2.96875vw; } 
    .arch_pricing .pricing_list>li.best::after { top: -3.75vw; left: -5.234375vw; width: 9.453125vw; height: 7.578125vw; } 
    .arch_pricing .pricing_name { width: 28.125vw; font-size: 2.34375vw; } 
    .arch_pricing .pricing_original { margin-bottom: 0.234375vw; font-size: 1.40625vw; } 
    .arch_pricing .pricing_original::after { bottom: -0.234375vw; width: 9.140625vw; height: 1.484375vw; } 
    .arch_pricing .pricing_discount { font-size: 2.5vw; } 
    .arch_pricing .pricing_link { top: 0.079336914vw; width: 19.6875vw; } 
    .arch_pricing .testimonials_list { max-width: 72.188vw; } 
    .arch_pricing .testimonials_list>li { width: 22.109vw; padding: 3.28125vw 2.421875vw 2.734375vw; border-radius: 2.5vw; } 
    .arch_pricing .testimonial_quote { margin-bottom: 2.03125vw; font-size: 2.188vw; } 
    .arch_pricing .testimonial_explain { margin-bottom: 1.875vw; padding: 1.640625vw 0; font-size: 1.796875vw; } 
    .arch_pricing .testimonial_author { font-size: 1.71875vw; } 
}

@media (max-width: 716px){
    .arch_pricing { padding: 13.83vw 0 9.36vw; background: #f2f3fe; } 
    .arch_pricing .pricing_slogan { margin-bottom: 10.75vw; font-size: 6.98vw; line-height: 1.2; text-align: center; } 
    .arch_pricing .pricing_slogan.mo { display: block; } 
    .arch_pricing .pricing_slogan.pc { display: none; } 
    .arch_pricing .pricing_list { max-width: 87.99vw; padding: 0; margin-bottom: 9.50vw; } 
    .arch_pricing .pricing_list > li { display: grid; align-items: center; padding: 7.96vw 0; border-top: 0.14vw solid #b1b1b1; border-bottom: 0.14vw solid #b1b1b1; grid-template-columns: 1fr 40.78vw; grid-template-rows: auto auto; } 
    .arch_pricing .pricing_list > li + li { margin-top: 4.33vw; } 
    .arch_pricing .pricing_list > li.best::after { top: -6.15vw; left: -2.09vw; width: 15.50vw; height: 12.29vw; } 
    .arch_pricing .pricing_name { width: auto; margin-bottom: 1.96vw; font-size: 4.33vw; font-weight: 700; text-align: center; grid-column: 1; grid-row: 1; letter-spacing: -0.01em; } 
    .arch_pricing .pricing_details { text-align: center; grid-column: 1; grid-row: 2; } 
    .arch_pricing .pricing_original { margin-bottom: 0.56vw; font-size: 3.63vw; } 
    .arch_pricing .pricing_original::after { bottom: -0.42vw; width: 22.63vw; height: 3.63vw; } 
    .arch_pricing .pricing_discount { font-size: 6.42vw; line-height: 1.1; } 
    .arch_pricing .pricing_link { top: 1.68vw; width: 40.78vw; grid-column: 2; grid-row: 1 / 3; justify-self: end; } 
    .arch_pricing .testimonials_list { flex-wrap: wrap; justify-content: center; gap: 5.168vw; max-width: 88.128vw; } 
    .arch_pricing .testimonials_list > li { width: 41.480vw; padding: 6.285vw 4.469vw 4.888vw; border-radius: 4.469vw; box-shadow: 0px 0px 4.888vw 0px rgba(0, 0, 0, 0.03); } 
    .arch_pricing .testimonial_quote { margin-bottom: 3.492vw; font-size: 4.050vw; } 
    .arch_pricing .testimonial_explain { margin-bottom: 3.492vw; padding: 3.492vw 0; font-size: 3.492vw; border-top: 0.14vw solid #d4d4d4; border-bottom: 0.14vw solid #d4d4d4; } 
    .arch_pricing .testimonial_author { font-size: 3.073vw; } 
}

/* 무료 상담 신청 */
.free_cs { padding: 79px 0 100px; background: #222834; } 
.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: #9ce67f; } 
.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 */
.arch_start { padding: 85px 0 80px; background:url('/USER_SKIN/arch/images/arch_start_bg.png') center bottom/cover no-repeat; } 
.arch_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; } 
.arch_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; } 
.arch_start .link { display: flex; justify-content: center; align-items: center; width: 400px; height: 80px; margin: 0 auto; background-color: #4cfeda; border-radius:40px; font-size: 20px; font-weight: 700; line-height: 1.2; color: #121111; } 

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

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

/* 산림기사 역할 소개 */
.arch_roles { padding: 142px 0 144px; background:url('/USER_SKIN/arch/images/arch_roles_bg.jpg') center top/cover no-repeat; } 
.arch_roles .roles_tit { margin-bottom: 86px; font-family: "Pretendard", sans-serif !important; font-size: 40px; line-height: 1.2; color: rgb(255, 255, 255); text-align: center; } 
.arch_roles .roles_tit strong { display: inline-block; margin-top: 5px; font-family: "Hakgyoansim Allimjang", sans-serif !important; font-size: 60px; font-weight: 700; }
.arch_roles .roles_list { display: grid; justify-content: center; gap: 22px 20px; max-width: 1000px; margin: 0 auto; grid-template-columns: repeat(2, 1fr); } 
.arch_roles .roles_list li { display: flex; align-items: center; min-height: 321px; padding-top: 30px; background-color: rgb(235, 243, 255); border-radius: 28px; flex-direction: column; } 
.arch_roles .icon { display: block; height: 190px; margin-bottom: 11px; } 
.arch_roles .roles_desc { font-family: "Pretendard", sans-serif; font-size: 30px; font-weight: 600; line-height: 1.167; color: #252525; text-align: center; } 

@media(max-width: 1280px){
    .arch_roles { padding: 11.09375vw 0 11.25vw; }
    .arch_roles .roles_tit { margin-bottom: 6.71875vw; font-size: 3.125vw; } 
    .arch_roles .roles_tit strong { margin-top: 0.390625vw; font-size: 4.6875vw; } 
    .arch_roles .roles_list { gap: 1.71875vw 1.5625vw; max-width: 78.125vw; } 
    .arch_roles .roles_list li { min-height: 25.078125vw; padding-top: 2.34375vw; border-radius: 2.1875vw; } 
    .arch_roles .icon { height: 14.84375vw; margin-bottom: 0.859375vw; } 
    .arch_roles .roles_desc { font-size: 2.34375vw; } 
}

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