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

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

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

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

/* 대상자 소개 */
.office_audience { overflow: hidden; position: relative; padding: 120px 0 143px; background-color: rgb(59, 196, 214); } 
.office_audience .audience_tit { position: relative; margin-bottom: 40px; font-family: "Pretendard", sans-serif !important; font-size: 40px; font-weight: 400; color: rgb(255, 255, 255); text-align: center; } 
.office_audience .audience_txt { display: block; position: relative; width: 587px; margin: 0 auto 86px; } 
.office_audience .audience_list { display: flex; justify-content: center; gap: 24px; position: relative; max-width: 1000px; margin: 0 auto; padding: 0; z-index: 2; list-style: none; } 
.office_audience .audience_list li { display: flex; flex:1; align-items: center; padding: 57px 0 53px; background-color: rgb(255, 255, 255); border-radius: 24px; z-index: -1; flex-direction: column; } 
.office_audience .audience_num { display: inline-flex; justify-content: center; align-items: center; position: relative; width: 48px; height: 44px; margin-bottom: 44px; padding-top: 2px; background-color: rgb(96, 20, 214); border-radius: 10px; font-family: "Pretendard", sans-serif; font-size: 24px; font-weight: bold; line-height: 1.667; color: rgb(255, 255, 255); } 
.office_audience .audience_num::after { content: ''; position: absolute; top: 4px; left: 0; width: 48px; height: 44px; background-color: rgb(237, 206, 55); border-radius: 10px; z-index: -1; } 
.office_audience .audience_list .icon { width: 168px; margin-bottom: 49px; } 
.office_audience .audience_desc { font-family: "Pretendard", sans-serif; font-size: 28px; line-height: 1.214; color: rgb(15, 15, 15); text-align: center; } 

@media(max-width: 1280px){
    .office_audience { padding: 9.375vw 0 11.172vw; } 
    .office_audience .audience_tit { margin-bottom: 3.125vw; font-size: 3.125vw; } 
    .office_audience .audience_txt { width: 45.859vw; margin: 0 auto 6.719vw; } 
    .office_audience .audience_list { gap: 1.875vw; max-width: 78.125vw; } 
    .office_audience .audience_list li { padding: 4.453vw 0 4.141vw; border-radius: 1.875vw; } 
    .office_audience .audience_num { width: 3.75vw; height: 3.438vw; margin-bottom: 3.438vw; padding-top: 0.156vw; border-radius: 0.781vw; font-size: 1.875vw; } 
    .office_audience .audience_num::after { top: 0.313vw; width: 3.75vw; height: 3.438vw; border-radius: 0.781vw; } 
    .office_audience .audience_list .icon { width: 13.125vw; margin-bottom: 3.828vw; } 
    .office_audience .audience_desc { font-size: 2.188vw; } 
}

@media(max-width: 716px){
    .office_audience { padding: 13.27vw 0 12.99vw; } 
    .office_audience .audience_tit { margin-bottom: 2.37vw; font-size: 4.89vw; letter-spacing: -0.015em; } 
    .office_audience .audience_txt { width: 100%; max-width: 67.04vw; margin: 0 auto 9.5vw; } 
    .office_audience .audience_list { gap: 1.26vw; max-width: 91.62vw; } 
    .office_audience .audience_list li { padding: 5.17vw 0 4.89vw; border-radius: 3.35vw; } 
    .office_audience .audience_num { width: 5.17vw; height: 4.75vw; margin-bottom: 4.47vw; border-radius: 1.4vw; font-size: 2.51vw; } 
    .office_audience .audience_num::after { top: 0.42vw; width: 5.17vw; height: 4.75vw; border-radius: 1.4vw; } 
    .office_audience .audience_list .icon { width: 15.92vw; margin-bottom: 4.33vw; } 
    .office_audience .audience_desc { font-size: 2.79vw; line-height: 1.149; } 
}

/* 자격증 정보 */
.office_certificate { padding: 121px 0 94px; background:url('/USER_SKIN/office/images/office_certificate_bg.jpg') top center/cover no-repeat; } 
.office_certificate .in_Layer { max-width: 1000px; margin: 0 auto; padding: 0 43px 0 49px; }
.office_certificate .certificate_access { margin-bottom: 1px; font-family: "Pretendard", sans-serif; font-size: 40px; line-height: 1.4; color: rgb(21, 7, 52); text-align: center; } 
.office_certificate .certificate_tit { margin-bottom: 70px; font-family: "Hakgyoansim Allimjang", serif !important; font-size: 60px; font-weight: 700; line-height: 1.3; color: rgb(59, 196, 214); text-align: center; } 
.office_certificate .certificate_tit span { color: #00a3b8; } 
.office_certificate .certificate_tit2 { position: relative; margin-bottom: 7px; font-family: "Pretendard", sans-serif !important; font-size: 28px; font-weight: 700; color: rgb(21, 7, 52); } 
.office_certificate .certificate_tit2::before { content:''; position: absolute; top: 7px; left: -40px; width: 29px; height: 28px; background:url('/USER_SKIN/office/images/office_certificate_tit2.png') center/contain no-repeat; }
.office_certificate .certificate_text { margin-bottom: 30px; font-family: "Pretendard", sans-serif; font-size: 23px; line-height: 1.2; letter-spacing:-0.02em; color: rgb(0, 0, 0); word-break: keep-all; }
.office_certificate .exam_list { margin-bottom: 35px; }
.office_certificate .exam_list li { position: relative; padding-left: 13px; font-family: "Pretendard", sans-serif; font-size: 23px; line-height: 1.2; color: rgb(0, 0, 0); } 
.office_certificate .exam_list li::before { content: ''; position: absolute; top: 12px; left: 0; width: 5px; height: 5px; background-color: rgb(0, 0, 0); border-radius: 50%; } 
.office_certificate .exam_table { position: relative; width: 100%; margin-top: 14px; border: 2px solid rgb(0, 163, 184); border-collapse: collapse; } 
.office_certificate .exam_table::before { content:''; position: absolute; top: 0; right:-1px; width:240px; height: 223px; background:url('/USER_SKIN/office/images/office_certificate_car.png') center/contain no-repeat; z-index: 0; transform: translate(0,-100%); }
.office_certificate .exam_table thead { position: relative; background-color: rgb(234, 253, 255); z-index: 1; } 
.office_certificate .exam_table th,
.office_certificate .exam_table td { padding: 12px 20px; border: 1px solid rgb(0, 163, 184); text-align: center; vertical-align: middle; } 
.office_certificate .exam_table th { background-color: rgb(234, 253, 255); border-bottom: none; font-family: "Pretendard", sans-serif; font-size: 26px; font-weight: 700; color: rgb(0, 163, 184); } 
.office_certificate .exam_table td { padding: 37px 20px; font-family: "Pretendard", sans-serif; font-size: 24px; line-height: 1.2; color: rgb(0, 0, 0); } 
.office_certificate .exam_table .left { padding: 37px 30px; text-align: left;} 

@media(max-width: 1280px){
    .office_certificate { padding: 9.453vw 0 7.344vw; } 
    .office_certificate .in_Layer { max-width: 78.125vw; padding: 0 3.359vw 0 3.828vw; } 
    .office_certificate .certificate_access { margin-bottom: 0.078vw; font-size: 3.125vw; } 
    .office_certificate .certificate_tit { margin-bottom: 5.469vw; font-size: 4.688vw; } 
    .office_certificate .certificate_tit2 { margin-bottom: 0.547vw; font-size: 2.188vw; } 
    .office_certificate .certificate_tit2::before { top: 0.547vw; left: -3.125vw; width: 2.266vw; height: 2.188vw; } 
    .office_certificate .certificate_text { margin-bottom: 2.344vw; font-size: 1.797vw; } 
    .office_certificate .exam_list { margin-bottom: 2.734vw; } 
    .office_certificate .exam_list li { padding-left: 1.016vw; font-size: 1.797vw; } 
    .office_certificate .exam_list li::before { top: 0.938vw; width: 0.391vw; height: 0.391vw; } 
    .office_certificate .exam_table { margin-top: 1.094vw; border: 0.078vw solid rgb(0, 163, 184); border-collapse: separate; } 
    .office_certificate .exam_table::before { right: -0.078vw; width: 18.75vw; height: 17.422vw; }  
    .office_certificate .exam_table th,
    .office_certificate .exam_table td { padding: 0.938vw 1.563vw; border: 0.078vw solid rgb(0, 163, 184); border-right: none; border-bottom: none; } 
    .office_certificate .exam_table th { font-size: 2.031vw; } 
    .office_certificate .exam_table td { padding: 2.891vw 1.563vw; font-size: 1.875vw; } 
    .office_certificate .exam_table td:last-child,
    .office_certificate .exam_table th:last-child { border-right: 0.078vw solid rgb(0, 163, 184); }
    .office_certificate .exam_table tr:last-child td { border-bottom: 0.078vw solid rgb(0, 163, 184); }
    .office_certificate .exam_table tbody tr:last-child th { border-bottom: 0.078vw solid rgb(0, 163, 184); }
    .office_certificate .exam_table .left { padding: 2.891vw 2.344vw; } 
}

@media(max-width: 716px){
    .office_certificate { padding: 13.13vw 0 14.11vw 0; } 
    .office_certificate .in_Layer { max-width: 100%; padding: 0 3.91vw; } 
    .office_certificate .certificate_access { margin-bottom: 0.14vw; font-size: 4.89vw; } 
    .office_certificate .certificate_tit { margin-bottom: 11.31vw; font-size: 6.28vw; } 
    .office_certificate .certificate_tit2 { margin-bottom: 0.98vw; padding-left: 5.45vw; font-size: 3.91vw; } 
    .office_certificate .certificate_tit2::before { top: 1.117vw; left: 0; width: 3.771vw; height: 3.771vw; } 
    .office_certificate .certificate_text { margin-bottom: 4.75vw; padding-left: 5.45vw; font-size: 3.35vw; } 
    .office_certificate .exam_list { margin-bottom: 6.15vw; padding-left: 5.45vw; } 
    .office_certificate .exam_list li { padding-left: 1.82vw; font-size: 3.35vw; } 
    .office_certificate .exam_list li::before { top: 1.6vw; width: 0.7vw; height: 0.7vw; } 
    .office_certificate .exam_table { margin-top: 2.51vw; border: 0.14vw solid rgb(0, 163, 184); } 
    .office_certificate .exam_table::before { top: 0; right: -0.14vw; width: 33.52vw; height: 31.15vw; } 
    .office_certificate .exam_table th,
    .office_certificate .exam_table td { padding: 0; border: 0.14vw solid rgb(0, 163, 184); border-right: none; border-bottom: none; } 
    .office_certificate .exam_table th { padding: 1.96vw 0; border-bottom: none; font-size: 3.35vw; } 
    .office_certificate .exam_table td { padding: 4.19vw 0; font-size: 3.35vw; } 
    .office_certificate .exam_table td:last-child,
    .office_certificate .exam_table th:last-child { border-right: 0.14vw solid rgb(0, 163, 184); }
    .office_certificate .exam_table tr:last-child td { border-bottom: 0.14vw solid rgb(0, 163, 184); }
    .office_certificate .exam_table tbody tr:last-child th { border-bottom: 0.14vw solid rgb(0, 163, 184); }
    .office_certificate .exam_table .left { padding: 5.03vw 3.49vw; } 
}

/* 강사 소개 */
.office_instructor { font-family: "Pretendard", sans-serif; color: rgb(21, 7, 52); } 
.office_instructor .instructor_visual { overflow: hidden; position: relative; width: 100%; } 
.office_instructor .img_pc { display: block; position: relative; left: 50%; width:1920px; transform: translate(-50%,0); } 
.office_instructor .img_mo { display: none; } 
.office_instructor .gif { position: absolute; top: 296px; left: 50%; width: 351px; height: 216px; margin-left: -33px; border: 5px solid #2e9bb8; border-radius:10px; z-index: 1; object-fit: cover; }
.office_instructor .instructor_details { display: flex; justify-content: center; gap: 110px; padding: 38px 0 34px; background-color: rgb(45, 154, 185); } 
.office_instructor .instructor_title { display: block; margin-bottom: 4px; font-size: 23px; font-weight: 700; color: rgb(255, 247, 154); } 
.office_instructor .instructor_list { font-size: 18px; line-height: 1.39; color: rgb(255, 255, 255); } 
.office_instructor .instructor_list li { position: relative; padding-left: 9px; word-break: keep-all; } 
.office_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){
    .office_instructor .img_pc { width: 150vw; } 
    .office_instructor .gif { top: 23.125vw; width: 27.422vw; height: 16.875vw; margin-left: -2.578vw; border: 0.391vw solid #2e9bb8; border-radius: 0.781vw; } 
    .office_instructor .instructor_details { gap: max(110px, 8.594vw); padding: max(38px, 2.969vw) 0 max(34px, 2.656vw); } 
    .office_instructor .instructor_title { margin-bottom: max(4px, 0.313vw); font-size: max(15px, 1.797vw); } 
    .office_instructor .instructor_list { font-size: max(12px, 1.406vw); } 
    .office_instructor .instructor_list li { padding-left: max(8px, 0.703vw); } 
    .office_instructor .instructor_list li::before { top: min(12px, 1.016vw); width: min(4px, 0.313vw); height: min(4px, 0.313vw); } 
}

@media(max-width: 716px){
    .office_instructor .img_pc { display: none; } 
    .office_instructor .img_mo { display: block; width: 100%; }
    .office_instructor .gif { top: 45.67vw; left: 6.15vw; width: 42.6vw; height: 26.26vw; margin-left: 0; border: 0.56vw solid #2e9bb8; border-radius: 1.4vw; } 
    .office_instructor .instructor_details { gap: 3.91vw; padding: 6.56vw 6.29vw 6.98vw; } 
    .office_instructor .instructor_career { width: 53%; }
    .office_instructor .instructor_publications { width: 47%;}
    .office_instructor .instructor_title { margin-bottom: 1.4vw; font-size: 3.35vw; } 
    .office_instructor .instructor_list { font-size: 2.65vw; line-height: 1.585; } 
    .office_instructor .instructor_list li { padding-left: 1.54vw; } 
    .office_instructor .instructor_list li::before { top: 1.96vw; width: 0.56vw; height: 0.56vw; } 
}

/* 가격 및 후기 */
.office_pricing { padding: 118px 0 128px; background-color: rgb(230, 241, 245); font-family: "Pretendard", sans-serif; } 
.office_pricing .pricing_slogan { margin-bottom: 43px; font-family: 'Hakgyoansim Allimjang', serif !important; font-size: 60px; font-weight: 700; line-height: 1.2; color: #130934; text-align: center; } 
.office_pricing .pricing_slogan.mo { display: none; }
.office_pricing .pricing_slogan span { color: #3bc4d6; } 
.office_pricing .pricing_list { max-width: 924px; margin: 0 auto 95px; } 
.office_pricing .pricing_list > li { display: flex; align-items: center; position: relative; padding: 64px 0 66px; border-top: 1px solid #b1b1b1; border-bottom: 1px solid #b1b1b1; } 
.office_pricing .pricing_list > li + li { margin-top: 69px; }
.office_pricing .pricing_list > li.best::after { content:''; position: absolute; top: -46px; left: -46px; width: 121px; height: 97px; background:url('/USER_SKIN/office/images/office_pricing_best.png') center/contain no-repeat; z-index: 1; }
.office_pricing .pricing_details { width: 427px; text-align: center; } 
.office_pricing .pricing_name { display: block; margin-bottom: 25px; font-size: 40px; font-weight: 700; line-height: 1.125; color: rgb(19, 9, 52); } 
.office_pricing .pricing_list > li:nth-child(3) .pricing_name { color: #000; }
.office_pricing .pricing_original { display: block; position: relative; margin-bottom: 5px; font-family: 'S-CoreDream', sans-serif; font-size: 25px; letter-spacing:-0.04em; color: rgb(191, 191, 191);  } 
.office_pricing .pricing_original::after { content:''; position: absolute; bottom: -5px; left: 50%; width: 162px; height: 26px; background:url('/USER_SKIN/office/images/office_pricing_original.png') center/contain no-repeat; transform: translate(-50%,0); } 
.office_pricing .pricing_discount { display: block; font-family: 'VITRO CORE', sans-serif; font-size: 44px; line-height: 1.2; letter-spacing:-0.02em; color: rgb(210, 19, 34);  } 
.office_pricing .pricing_link { width: 335px; margin-left: auto; } 
.office_pricing .pricing_link img { display: block; width: 100%; } 
.office_pricing .testimonials_list { display: flex; justify-content: space-between; max-width: 924px; margin: 0 auto; } 
.office_pricing .testimonials_list > li { width: 283px; padding: 42px 31px 33px; background-color: rgb(255, 255, 255); border-radius: 32px; text-align: center; box-shadow: 0px 0px 35px 0px rgba(0, 0, 0, 0.03); } 
.office_pricing .testimonial_quote { display: block; margin-bottom: 23px; font-size: 28px; font-weight: 700; line-height: 1.2; color: rgb(22, 7, 54); } 
.office_pricing .testimonial_explain { margin-bottom: 24px; padding: 24px 0; border-top: 1px solid #d4d4d4; border-bottom: 1px solid #d4d4d4; font-size: 24px; line-height: 1.2; color: rgb(0, 0, 0); } 
.office_pricing .testimonial_author { font-size: 21px; line-height: 1.483; color: rgb(0, 0, 0); } 

@media(max-width: 1280px){
    .office_pricing { padding: 9.219vw 0 10vw; } 
    .office_pricing .pricing_slogan { margin-bottom: 3.359vw; font-size: 4.688vw; } 
    .office_pricing .pricing_list { max-width: 72.188vw; margin: 0 auto 7.422vw; } 
    .office_pricing .pricing_list > li { padding: 5vw 0 5.156vw; } 
    .office_pricing .pricing_list > li + li { margin-top: 5.391vw; } 
    .office_pricing .pricing_list > li.best::after { top: -3.594vw; left: -3.594vw; width: 9.453vw; height: 7.578vw; } 
    .office_pricing .pricing_details { width: 33.359vw; } 
    .office_pricing .pricing_name { margin-bottom: 1.953vw; font-size: 3.125vw; } 
    .office_pricing .pricing_original { margin-bottom: 0.391vw; font-size: 1.953vw; } 
    .office_pricing .pricing_original::after { bottom: -0.391vw; width: 12.656vw; height: 2.031vw; } 
    .office_pricing .pricing_discount { font-size: 3.438vw; } 
    .office_pricing .pricing_link { width: 26.172vw; } 
    .office_pricing .testimonials_list { max-width: 72.188vw; } 
    .office_pricing .testimonials_list > li { width: 22.109vw; padding: 3.281vw 2.422vw 2.578vw; border-radius: 2.5vw; } 
    .office_pricing .testimonial_quote { margin-bottom: 1.797vw; font-size: 2.188vw; } 
    .office_pricing .testimonial_explain { margin-bottom: 1.875vw; padding: 1.875vw 0; font-size: 1.875vw; } 
    .office_pricing .testimonial_author { font-size: 1.641vw; } 
}

@media(max-width: 716px){
    .office_pricing { padding: 10.615vw 0 12.849vw; } 
    .office_pricing .pricing_slogan { margin-bottom: 6.983vw; font-size: 6.983vw; } 
    .office_pricing .pricing_slogan.mo { display: block; } 
    .office_pricing .pricing_slogan.pc { display: none; } 
    .office_pricing .pricing_list { max-width: 88.128vw; margin: 0 auto 11.034vw; } 
    .office_pricing .pricing_list > li { padding: 9.358vw 0 9.777vw; border-top: 0.14vw solid #b1b1b1; border-bottom: 0.14vw solid #b1b1b1; } 
    .office_pricing .pricing_list > li + li { margin-top: 9.777vw; } 
    .office_pricing .pricing_list > li.best::after { top: -7.402vw; left: -0.838vw; width: 16.899vw; height: 13.547vw; } 
    .office_pricing .pricing_details { width: 42.737vw; } 
    .office_pricing .pricing_name { margin-bottom: 3.352vw; font-size: 4.888vw; } 
    .office_pricing .pricing_original { margin-bottom: 0.559vw; font-size: 3.492vw; } 
    .office_pricing .pricing_original::after { bottom: -0.559vw; width: 22.346vw; height: 3.492vw; } 
    .office_pricing .pricing_discount { font-size: 6.145vw; } 
    .office_pricing .pricing_link { width: 37.430vw; } 
    .office_pricing .testimonials_list { flex-wrap: wrap; justify-content: center; gap: 5.168vw; max-width: 88.128vw; } 
    .office_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); } 
    .office_pricing .testimonial_quote { margin-bottom: 3.492vw; font-size: 4.050vw; } 
    .office_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; } 
    .office_pricing .testimonial_author { font-size: 3.073vw; } 
}

/* 무료 상담 신청 */
.free_cs { padding: 79px 0 100px; background: #1f93b4; } 
.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: #65ffff; } 
.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 */
.office_start { padding: 85px 0 80px; background:url('/USER_SKIN/office/images/office_start_bg.png') center bottom/cover no-repeat; } 
.office_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; } 
.office_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; } 
.office_start .link { display: flex; justify-content: center; align-items: center; width: 400px; height: 80px; margin: 0 auto; background-color: rgb(255, 247, 154); border-radius:40px; font-size: 20px; font-weight: 700; line-height: 1.2; color: rgb(18, 17, 17); } 

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

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