@charset "utf-8";
/* 그룹 g3 (0301~0304 자연치아 살리기) 서브페이지 HTML 본문 - 2026-10-22
   크기는 calc(var(--u)*N) 로 적음. PC: 1u = 1px (1920 디자인), 모바일(<=768): 1u = 750 디자인의 1px (=0.13333vw) */

/* ---------- 공통 ---------- */
.js03{--u:1px;font-family:'Noto Sans KR',sans-serif;color:#000;letter-spacing:-0.04em;word-break:keep-all;overflow:hidden;line-height:1.5}
.js03 *{box-sizing:border-box;word-break:keep-all}
.js03 :where(h2,h3,h4,p,ul,ol,li,dl,dt,dd){margin:0;padding:0;list-style:none;font-family:'Noto Sans KR',sans-serif;letter-spacing:inherit}
.js03 :where(img){display:block;max-width:100%}
.js03 .js03_in{max-width:calc(var(--u)*1340);margin:0 auto;padding:0 calc(var(--u)*20);position:relative}
.js03 .mo,.js03 br.mo{display:none}
.js03 .js03_hl{background:linear-gradient(transparent 52%,#fff5b0 52%);-webkit-box-decoration-break:clone;box-decoration-break:clone}
.js03 .js03_hl2{background:linear-gradient(transparent 50%,#ffe2b3 50%);-webkit-box-decoration-break:clone;box-decoration-break:clone}

/* 상단 비주얼 (이미지 폭에 비례) */
.js03_top{position:relative;overflow:hidden}
.js03_top img{width:100%;height:auto;display:block}
.js03_top .js03_top_txt{position:absolute;left:16.15%;top:35.1%;color:#000;letter-spacing:-0.04em}
.js03_top .js03_top_lb{display:inline-block;font-size:1.14vw;font-weight:500;color:#f9a100;line-height:1.25;padding:0 .3vw .1vw 0;border-bottom:1px solid #ffa100}
.js03_top h2{font-size:4.1vw;font-weight:700;line-height:1.24;margin-top:1.45vw;letter-spacing:-0.05em}
.js03_top p{font-size:1.1vw;line-height:1.5;margin-top:3.25vw;font-weight:400}

/* 섹션 제목 (가는 글씨 + 굵은 글씨) */
.js03 .js03_tit{font-size:calc(var(--u)*50);line-height:1.3;font-weight:300;text-align:center;letter-spacing:-0.05em}
.js03 .js03_tit b{font-weight:700}

/* 오렌지 라벨 */
.js03 .js03_lb{display:inline-block;font-size:calc(var(--u)*21);font-weight:500;color:#ffa200;line-height:1.2;padding:0 calc(var(--u)*2) calc(var(--u)*3) 0;border-bottom:1px solid #ffa200;letter-spacing:-0.05em}

/* 재료형 블록 (글 + 사진 좌우) */
.js03 .js03_mt{position:relative;display:flex;align-items:center;justify-content:space-between;max-width:calc(var(--u)*1300);margin:0 auto}
.js03 .js03_mt .js03_mt_txt{width:50%;position:relative;z-index:1}
.js03 .js03_mt .js03_mt_img{width:calc(var(--u)*550);max-width:44%;position:relative;z-index:1}
.js03 .js03_mt .js03_mt_img img{width:100%}
.js03 .js03_mt h4{font-size:calc(var(--u)*50);font-weight:700;line-height:1.3;margin-top:calc(var(--u)*14);letter-spacing:-0.05em}
.js03 .js03_mt .js03_lead{font-size:calc(var(--u)*30);line-height:calc(var(--u)*40);margin-top:calc(var(--u)*40);letter-spacing:-0.05em}
.js03 .js03_mt .js03_lead b{font-weight:700}
.js03 .js03_mt .js03_sm{font-size:calc(var(--u)*21);line-height:calc(var(--u)*32);margin-top:calc(var(--u)*44);letter-spacing:-0.05em}
.js03 .js03_ol{position:absolute;font-family:'Montserrat',sans-serif;font-weight:500;font-size:calc(var(--u)*238);line-height:1;color:transparent;-webkit-text-stroke:2px #e9e9e9;letter-spacing:0;white-space:nowrap;pointer-events:none;user-select:none;z-index:0}

/* 번호 원 */
.js03 .js03_num{display:inline-flex;align-items:center;justify-content:center;width:calc(var(--u)*48);height:calc(var(--u)*48);border-radius:50%;background:#ffa200;color:#fff;font-family:'Montserrat',sans-serif;font-weight:700;font-size:calc(var(--u)*24);letter-spacing:-0.03em;flex-shrink:0}

/* 주의사항 (공통) */
.js03_caut{padding:calc(var(--u)*190) 0 calc(var(--u)*200)}
.js03_caut .js03_tit{font-size:calc(var(--u)*48);line-height:calc(var(--u)*60)}
.js03_caut ul{display:flex;flex-wrap:wrap;max-width:calc(var(--u)*1300);margin:calc(var(--u)*48) auto 0;background:#fff;box-shadow:0 0 14px rgba(0,0,0,.07);padding:calc(var(--u)*72) calc(var(--u)*40) calc(var(--u)*60) calc(var(--u)*59)}
.js03_caut li{width:50%;display:flex;align-items:center;min-height:calc(var(--u)*48);margin-bottom:calc(var(--u)*58);font-size:calc(var(--u)*18);line-height:calc(var(--u)*25);letter-spacing:-0.04em}
.js03_caut li:nth-last-child(-n+2){margin-bottom:0}
.js03_caut li:nth-child(odd){padding-right:calc(var(--u)*40)}
.js03_caut li .js03_num{margin-right:calc(var(--u)*32)}

/* =============== 0301 충치치료 =============== */
.js03_intro{padding:calc(var(--u)*188) 0 calc(var(--u)*196);text-align:center}
.js03_intro h3{font-size:calc(var(--u)*50);font-weight:700;line-height:calc(var(--u)*65);letter-spacing:-0.05em}
.js03_intro p{font-size:calc(var(--u)*23);line-height:calc(var(--u)*35);margin-top:calc(var(--u)*48);letter-spacing:-0.05em}
.js03_intro .js03_vl{width:1px;height:calc(var(--u)*180);background:#000;margin:calc(var(--u)*38) auto 0;position:relative;z-index:2}
.js03_ylw{background:#fee100;padding:1px 0 calc(var(--u)*96)}
.js03_ylw .js03_ph{margin:calc(var(--u)*-256) auto 0;max-width:calc(var(--u)*1300);position:relative;z-index:1}
.js03_ylw .js03_ph img{width:100%}
.js03_ylw .js03_ybox{display:flex;justify-content:space-between;margin:calc(var(--u)*92) auto 0;max-width:calc(var(--u)*1300)}
.js03_ylw h3{font-size:calc(var(--u)*37);line-height:calc(var(--u)*55);font-weight:700;letter-spacing:-0.05em;width:calc(var(--u)*520)}
.js03_ylw .js03_yr{width:calc(var(--u)*755);font-size:calc(var(--u)*21);line-height:calc(var(--u)*32);letter-spacing:-0.05em;padding-top:calc(var(--u)*4)}
.js03_ylw .js03_yr p+p{margin-top:calc(var(--u)*32)}
.js03_ylw .js03_yr p.js03_pb{margin-top:0}

.js0301_s3{padding:calc(var(--u)*196) 0 calc(var(--u)*200)}
.js0301_steps{display:flex;justify-content:space-between;max-width:calc(var(--u)*1300);margin:calc(var(--u)*86) auto 0}
.js0301_steps li{position:relative;width:calc(var(--u)*295);background:#fff;box-shadow:0 0 10px rgba(0,0,0,.07);padding:calc(var(--u)*55) calc(var(--u)*18) calc(var(--u)*44);text-align:center}
.js0301_steps li img{width:100%}
.js0301_steps h4{font-size:calc(var(--u)*30);font-weight:700;line-height:1.3;margin-top:calc(var(--u)*22);letter-spacing:-0.04em}
.js0301_steps p{font-size:calc(var(--u)*21);line-height:calc(var(--u)*32);margin-top:calc(var(--u)*16);letter-spacing:-0.06em;min-height:calc(var(--u)*96)}
.js0301_steps .js0301_sol{background:#fff6b1;font-size:calc(var(--u)*21);line-height:calc(var(--u)*32);padding:calc(var(--u)*21) calc(var(--u)*4);margin-top:calc(var(--u)*30);letter-spacing:-0.06em}
.js03 .js03_ar{position:absolute;left:100%;margin-left:calc(var(--u)*-10);top:calc(var(--u)*314);width:calc(var(--u)*59);height:calc(var(--u)*59);background:#515151;z-index:2}
.js03 .js03_ar:after{content:'';position:absolute;left:36%;top:39%;width:20%;height:20%;border-top:1px solid #fff;border-right:1px solid #fff;transform:rotate(45deg)}
.js03 .js03_arL{display:none}

.js0301_s4{background:#ececec;position:relative;padding:calc(var(--u)*200) 0 calc(var(--u)*196)}
.js0301_s4 .js0301_wm{position:absolute;left:calc(var(--u)*2);top:calc(var(--u)*-20);font-family:'Montserrat',sans-serif;font-weight:700;font-size:calc(var(--u)*236);line-height:calc(var(--u)*190);color:#e3e3e3;letter-spacing:-0.02em;pointer-events:none;user-select:none}
.js0301_kinds{display:flex;justify-content:space-between;align-items:flex-start;max-width:calc(var(--u)*1300);margin:calc(var(--u)*78) auto 0;position:relative}
.js0301_kinds .js0301_kimg{position:relative;width:calc(var(--u)*637)}
.js0301_kinds .js0301_kimg img{width:100%}
.js0301_kinds .js0301_pill{position:absolute;left:0;right:0;bottom:calc(var(--u)*-22);display:flex;justify-content:center;gap:calc(var(--u)*40);padding-right:calc(var(--u)*4)}
.js0301_kinds .js0301_pill span{width:calc(var(--u)*140);height:calc(var(--u)*40);line-height:calc(var(--u)*40);border-radius:calc(var(--u)*20);background:#515151;color:#fff;text-align:center;font-family:'Montserrat',sans-serif;font-size:calc(var(--u)*24);font-weight:400;letter-spacing:0}
.js0301_kinds dl{width:calc(var(--u)*550);margin-top:calc(var(--u)*-10)}
.js0301_kinds .js0301_kit{padding:0 0 calc(var(--u)*30);border-bottom:1px dashed #9e9e9e;margin-bottom:calc(var(--u)*26)}
.js0301_kinds .js0301_kit:last-child{border-bottom:0;margin-bottom:0;padding-bottom:0}
.js0301_kinds dt{font-size:calc(var(--u)*30);line-height:1.3;letter-spacing:-0.04em;display:flex;align-items:baseline}
.js0301_kinds dt span{font-family:'Montserrat',sans-serif;font-weight:700;font-size:calc(var(--u)*58);letter-spacing:0;margin-right:calc(var(--u)*22);line-height:1.15}
.js0301_kinds dd{font-size:calc(var(--u)*21);line-height:calc(var(--u)*40);margin-top:calc(var(--u)*6);letter-spacing:-0.05em}

.js0301_s5{padding:calc(var(--u)*196) 0 calc(var(--u)*195);position:relative}
.js0301_s5 .js03_mt+.js03_mt{margin-top:calc(var(--u)*250)}
.js0301_m1{margin-top:calc(var(--u)*162)!important}
.js0301_m1 .js03_ol{left:calc(var(--u)*940);top:calc(var(--u)*-153)}
.js0301_m2 .js03_ol{left:calc(var(--u)*-310);top:calc(var(--u)*-153)}
.js0301_m3 .js03_ol{left:calc(var(--u)*525);top:calc(var(--u)*-160)}
.js0301_m4 .js03_ol{left:calc(var(--u)*-310);top:calc(var(--u)*-160)}
.js0301_s5 .js03_mt{align-items:flex-start}
.js0301_m1 .js03_mt_txt{margin-top:calc(var(--u)*-4)}
.js0301_m3 .js03_mt_txt{margin-top:calc(var(--u)*4)}
.js0301_m2 .js03_mt_txt{width:calc(var(--u)*550);margin-top:calc(var(--u)*8)}
.js0301_m4 .js03_mt_txt{width:calc(var(--u)*550);margin-top:-2px}
.js0301_cer{width:calc(var(--u)*550);height:calc(var(--u)*400);position:relative;z-index:1}
.js0301_cer img{position:absolute;width:63.64%;height:62.5%;object-fit:cover}
.js0301_cer .c1{right:0;top:0;z-index:2}
.js0301_cer .c2{left:0;bottom:0;z-index:1}
.js0301_cer span{position:absolute;font-size:calc(var(--u)*18);font-weight:700;color:#ffa200;letter-spacing:-0.04em;z-index:3;line-height:1.2}
.js0301_cer span:before{content:'';position:absolute;width:1px;background:#ffa200}
.js0301_cer .t1{left:calc(var(--u)*58);top:calc(var(--u)*102)}
.js0301_cer .t1:before{left:calc(var(--u)*-10);top:calc(var(--u)*3);height:calc(var(--u)*88)}
.js0301_cer .t2{left:calc(var(--u)*454);top:calc(var(--u)*279)}
.js0301_cer .t2:before{left:calc(var(--u)*44);top:calc(var(--u)*-73);height:calc(var(--u)*88)}
.js0301_s6{background:url(/img/sub/html/0301_prevbg.jpg) center/cover no-repeat;padding:calc(var(--u)*190) 0 calc(var(--u)*200);color:#fff}
.js0301_s6 .js03_tit{color:#fff;line-height:calc(var(--u)*60);font-size:calc(var(--u)*48)}
.js0301_prev{display:flex;justify-content:space-between;max-width:calc(var(--u)*1300);margin:calc(var(--u)*88) auto 0}
.js0301_prev li{width:calc(var(--u)*417);background:#fff;color:#000;text-align:center}
.js0301_prev li img{width:100%}
.js0301_prev h4{font-size:calc(var(--u)*30);font-weight:700;line-height:1.3;padding-top:calc(var(--u)*33);letter-spacing:-0.04em}
.js0301_prev p{font-size:calc(var(--u)*21);line-height:calc(var(--u)*32);padding:calc(var(--u)*20) calc(var(--u)*10) calc(var(--u)*38);letter-spacing:-0.06em}

/* 공통: 체크 아이콘 / 회색 자가진단 / 3단 카드 */
.js03 .js03_chk{display:inline-block;position:relative;width:calc(var(--u)*26);height:calc(var(--u)*26);border:2px solid #ffa200;border-radius:50%;flex-shrink:0}
.js03 .js03_chk:after{content:'';position:absolute;left:30%;top:22%;width:28%;height:44%;border-right:2px solid #ffa200;border-bottom:2px solid #ffa200;transform:rotate(45deg)}
.js03_grey{background:#ececec;padding:calc(var(--u)*198) 0 calc(var(--u)*200)}
.js03_grey .js03_tit{color:#181818}
.js03_check{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--u)*1300);margin:calc(var(--u)*61) auto 0}
.js03_check li{width:calc(var(--u)*639);height:calc(var(--u)*80);background:#fff;display:flex;align-items:center;padding-left:calc(var(--u)*85);font-size:calc(var(--u)*23);letter-spacing:-0.05em;margin-top:calc(var(--u)*15)}
.js03_check li:nth-child(-n+2){margin-top:0}
.js03_check li .js03_chk{margin-right:calc(var(--u)*29)}

/* =============== 0302 잇몸치료 =============== */
.js0302 .js03_intro{padding-bottom:calc(var(--u)*198)}
.js0302 .js03_intro h3{line-height:calc(var(--u)*63)}
.js0302 .js03_intro p{margin-top:calc(var(--u)*50)}
.js0302 .js03_vl{margin-top:calc(var(--u)*42)}
.js0302 .js03_yr{padding-left:calc(var(--u)*5)}
.js0302_s3{padding:calc(var(--u)*189) 0 calc(var(--u)*200)}
.js0302_stages{display:flex;justify-content:space-between;max-width:calc(var(--u)*1300);margin:calc(var(--u)*88) auto 0}
.js0302_stages>li{position:relative;width:calc(var(--u)*414);background:#fff;box-shadow:0 0 10px rgba(0,0,0,.07);padding:calc(var(--u)*37) calc(var(--u)*23) calc(var(--u)*37);text-align:center;display:flex;flex-direction:column}
.js0302_stages>li>img{width:calc(var(--u)*219);margin:0 auto}
.js0302_stages h4{font-size:calc(var(--u)*30);font-weight:700;line-height:1.3;margin-top:calc(var(--u)*24);letter-spacing:-0.04em}
.js0302_stages>li>p{font-size:calc(var(--u)*22);line-height:calc(var(--u)*32);margin-top:calc(var(--u)*17);letter-spacing:-0.05em;min-height:calc(var(--u)*128)}
.js0302_stages ul{background:#fff6b3;text-align:left;margin-top:calc(var(--u)*40);min-height:calc(var(--u)*201);padding:calc(var(--u)*20) calc(var(--u)*10) calc(var(--u)*20) calc(var(--u)*26);flex-grow:1}
.js0302_stages ul li{font-size:calc(var(--u)*22);line-height:calc(var(--u)*32);letter-spacing:-0.05em;padding-left:calc(var(--u)*12);text-indent:calc(var(--u)*-12)}
.js0302_stages .js03_ar{top:calc(var(--u)*315);margin-left:calc(var(--u)*-11)}
.js03_mts{padding:0 0 calc(var(--u)*195);position:relative}
.js03_mts .js03_tit{font-size:calc(var(--u)*48);line-height:calc(var(--u)*60)}
.js03_mts .js03_mt{max-width:calc(var(--u)*1301);align-items:flex-start}
.js03_mts .js03_mt .js03_mt_txt{margin-top:calc(var(--u)*-4)}
.js03_mts .js03_mtR .js03_mt_txt{width:calc(var(--u)*550)}
.js03_m1{margin-top:calc(var(--u)*115)!important}
.js03_m2{margin-top:calc(var(--u)*221)!important}
.js03_m3{margin-top:calc(var(--u)*238)!important}
.js03_m1 .js03_ol{left:calc(var(--u)*760);top:calc(var(--u)*-150)}
.js03_m2 .js03_ol{left:calc(var(--u)*-295);top:calc(var(--u)*-170)}
.js03_m3 .js03_ol{left:calc(var(--u)*700);top:calc(var(--u)*-160)}
.js0302 .js03_caut{padding-top:calc(var(--u)*0)}
.js03_caut.js03_c1 ul{display:block;margin-top:calc(var(--u)*76);padding:calc(var(--u)*74) calc(var(--u)*40) calc(var(--u)*55) calc(var(--u)*59)}
.js03_caut.js03_c1 li{width:100%;padding:0;margin-bottom:calc(var(--u)*25)}
.js03_caut.js03_c1 li:last-child{margin-bottom:0}
.js03_caut.js03_c1 li .js03_num{margin-right:calc(var(--u)*32)}

/* =============== 0303 신경치료 =============== */
.js0303 .js03_ylw{padding-bottom:calc(var(--u)*153)}
.js0303 .js03_m1{margin-top:calc(var(--u)*129)!important}
.js0303 .js03_m2{margin-top:calc(var(--u)*250)!important}
.js0303 .js03_m3{margin-top:calc(var(--u)*214)!important}
.js0303_need{background:#ececec url(/img/sub/html/0303_needbg.jpg) center/cover no-repeat;padding:calc(var(--u)*194) 0 calc(var(--u)*174)}
.js0303_need .js03_tit{color:#181816}
.js0303_need .js03_check{margin-top:calc(var(--u)*72)}
.js0303_s3{padding:calc(var(--u)*196) 0 calc(var(--u)*196)}
.js0303_steps{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--u)*1269);margin:calc(var(--u)*85) 0 0 calc(var(--u)*1);padding:0}
.js0303_steps>li{position:relative;width:calc(var(--u)*619);background:#fff;box-shadow:0 0 10px rgba(0,0,0,.06);padding:calc(var(--u)*35) calc(var(--u)*23) calc(var(--u)*42) calc(var(--u)*31)}
.js0303_ill{position:relative;height:calc(var(--u)*426)}
.js0303_ill img{width:calc(var(--u)*280);height:calc(var(--u)*426)}
.js0303_ill span{position:absolute;left:calc(var(--u)*286);font-size:calc(var(--u)*21);line-height:calc(var(--u)*32);letter-spacing:-0.04em;white-space:nowrap}
.js0303_ill .l1{top:calc(var(--u)*82)}
.c1 .js0303_ill .l2{top:calc(var(--u)*133)}
.c1 .js0303_ill .l3{top:calc(var(--u)*263)}
.c2 .js0303_ill .l2{top:calc(var(--u)*248)}
.c3 .js0303_ill .l2{top:calc(var(--u)*244)}
.c4 .js0303_ill .l2{top:calc(var(--u)*305)}
.js0303_sb{background:#fff6b3;height:calc(var(--u)*138);margin-top:calc(var(--u)*24);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}
.js0303_sb h4{font-size:calc(var(--u)*25);font-weight:700;line-height:calc(var(--u)*32);letter-spacing:-0.04em}
.js0303_sb p{font-size:calc(var(--u)*22);line-height:calc(var(--u)*32);letter-spacing:-0.04em;margin-top:calc(var(--u)*1)}
.js0303_steps .js03_ar{margin-left:calc(var(--u)*-16);top:calc(var(--u)*305)}
.js0303_steps .c2 .js03_ar{margin-left:calc(var(--u)*-31)}
.js0303 .js03_m1 .js03_ol{left:calc(var(--u)*920);top:calc(var(--u)*-134)}
.js0303 .js03_m2 .js03_ol{left:calc(var(--u)*-310);top:calc(var(--u)*-152)}
.js0303 .js03_m3 .js03_ol{left:calc(var(--u)*1130);top:calc(var(--u)*-143)}
.js0303 .js03_m2 .js03_lead+.js03_lead{margin-top:calc(var(--u)*40)}
.js0303_caut{padding-top:0!important}
.js0303_caut ul{margin-top:calc(var(--u)*43);padding:calc(var(--u)*71) calc(var(--u)*30) calc(var(--u)*72) calc(var(--u)*74)}
.js0303_caut li{margin-bottom:calc(var(--u)*50)}
.js0303_caut li .js03_num{margin-right:calc(var(--u)*33)}

/* =============== 0304 구강검진 =============== */
.js0304 .js03_intro p{margin-top:calc(var(--u)*50)}
.js03_top h2 .js0304_dot{display:inline;margin:0 .12em}
.js0304_items{padding:calc(var(--u)*189) 0 calc(var(--u)*197)}
.js0304_items ul{display:flex;flex-wrap:wrap;justify-content:space-between;max-width:calc(var(--u)*1300);margin:calc(var(--u)*76) auto 0}
.js0304_items li{width:calc(var(--u)*414);height:calc(var(--u)*443);background:#fff;box-shadow:0 0 12px rgba(0,0,0,.07);padding:calc(var(--u)*26) calc(var(--u)*25) 0;text-align:center}
.js0304_items li:nth-child(n+4){margin-top:calc(var(--u)*62)}
.js0304_items li img{width:100%;height:calc(var(--u)*306);object-fit:cover}
.js0304_items h4{font-size:calc(var(--u)*30);font-weight:400;line-height:calc(var(--u)*40);margin-top:calc(var(--u)*30);letter-spacing:-0.04em}
.js0304_prog{background:#fff6b3 url(/img/sub/html/0304_prog.jpg) center/cover no-repeat;height:calc(var(--u)*639);padding-top:calc(var(--u)*186)}
.js0304_prog .js03_in{display:flex;align-items:flex-start}
.js0304_prog h3{font-size:calc(var(--u)*50);line-height:calc(var(--u)*60);font-weight:300;letter-spacing:-0.05em;width:calc(var(--u)*663);flex-shrink:0}
.js0304_prog h3 b{font-weight:700}
.js0304_prog ul{margin-top:calc(var(--u)*2)}
.js0304_prog li{font-size:calc(var(--u)*21);line-height:calc(var(--u)*32);letter-spacing:-0.05em;white-space:nowrap}
.js0304_prog li+li{margin-top:calc(var(--u)*43)}
.js0304 .js03_tit{line-height:calc(var(--u)*60)}
.js0304_care{padding:calc(var(--u)*191) 0 calc(var(--u)*180)}
.js0304_care ul{display:flex;justify-content:space-between;max-width:calc(var(--u)*1300);margin:calc(var(--u)*91) auto 0}
.js0304_care li{width:calc(var(--u)*638);text-align:center}
.js0304_care li img{width:100%;height:calc(var(--u)*350);object-fit:cover}
.js0304_care h4{font-size:calc(var(--u)*30);font-weight:700;line-height:calc(var(--u)*40);margin-top:calc(var(--u)*30);letter-spacing:-0.05em}
.js0304_care p{font-size:calc(var(--u)*22);line-height:calc(var(--u)*32);margin-top:calc(var(--u)*20);letter-spacing:-0.05em}
.js0304_life{padding:0 0 calc(var(--u)*200);position:relative}
.js0304_life .js03_ol{left:calc(var(--u)*670);top:calc(var(--u)*30)}
.js0304_life .js03_tit{position:relative;z-index:1}
.js0304_tl{position:relative;z-index:1;background:#f5f5f5;max-width:calc(var(--u)*1300);margin:calc(var(--u)*94) auto 0;height:calc(var(--u)*475);padding-top:calc(var(--u)*144)}
.js0304_tl:before{content:'';position:absolute;left:calc(var(--u)*235);right:calc(var(--u)*240);top:calc(var(--u)*155);height:1px;background:linear-gradient(90deg,rgba(0,0,0,0),#000 calc(var(--u)*110),#000 calc(100% - var(--u)*110),rgba(0,0,0,0))}
.js0304_tl ul{display:flex;justify-content:center}
.js0304_tl li{position:relative;width:calc(var(--u)*320);text-align:center;padding-top:calc(var(--u)*55)}
.js0304_tl li:before{content:'';position:absolute;left:50%;top:0;width:calc(var(--u)*14);height:calc(var(--u)*14);margin-left:calc(var(--u)*-7);border-radius:50%;background:#fcbf55;box-shadow:0 0 0 calc(var(--u)*4) #f8dcab}
.js0304_tl li:after{content:'';position:absolute;left:50%;top:calc(var(--u)*22);height:calc(var(--u)*54);border-left:1px dashed #000}
.js0304_tl h4{font-size:calc(var(--u)*22);font-weight:700;line-height:calc(var(--u)*32);letter-spacing:-0.04em;margin-top:calc(var(--u)*24)}
.js0304_tl p{font-size:calc(var(--u)*22);line-height:calc(var(--u)*32);margin-top:calc(var(--u)*6);letter-spacing:-0.04em}

/* ---------- 태블릿 (1340 이하): 전체를 화면폭에 비례 축소 ---------- */
@media (max-width:1340px){
	.js03{--u:calc(100vw/1360)}
}

/* ---------- 모바일 (750 디자인 기준) ---------- */
@media (max-width:768px){
	.js03{--u:0.13333vw}
	.js03 .pc,.js03 br.pc{display:none}
	.js03 .mo{display:block}
	.js03 br.mo{display:inline}
	.js03 .js03_in{padding:0 calc(var(--u)*50)}
	.js03_top .js03_top_txt{left:6.6%;top:49.5%}
	.js03_top .js03_top_lb{font-size:2.8vw;padding:0 .8vw .6vw 0}
	.js03_top h2{font-size:7.75vw;line-height:1.32;margin-top:3.4vw}
	.js03_top p{font-size:2.8vw;line-height:1.52;margin-top:8.6vw}

	.js03 .js03_mt{display:block}
	.js03 .js03_mt .js03_mt_txt,.js03 .js03_mt .js03_mt_img{width:100%!important;max-width:none;margin-top:0!important}
	.js03 .js03_mt .js03_mt_img{margin-bottom:calc(var(--u)*58)}
	.js03 .js03_mt.js03_mtR .js03_mt_txt{text-align:right}
	.js03 .js03_ol{display:block;font-size:calc(var(--u)*120);-webkit-text-stroke:1px #e9e9e9}

	.js03_caut ul{display:block;margin:calc(var(--u)*50) 0 0;padding:calc(var(--u)*70) calc(var(--u)*20) calc(var(--u)*50) calc(var(--u)*50);box-shadow:0 0 calc(var(--u)*14) rgba(0,0,0,.08)}
	.js03_caut li{width:100%;min-height:calc(var(--u)*48);margin-bottom:calc(var(--u)*40)!important;padding:0!important;letter-spacing:-0.06em}
	.js03_caut li:last-child{margin-bottom:0!important}
	.js03_caut li .js03_num{margin-right:calc(var(--u)*32)}

	.js03_intro{padding:calc(var(--u)*188) 0 calc(var(--u)*202)}
	.js03_intro p{margin-top:calc(var(--u)*78)}
	.js03_intro .js03_vl{height:calc(var(--u)*212);margin-top:calc(var(--u)*76)}
	.js03_ylw{padding-bottom:calc(var(--u)*117)}
	.js03_ylw .js03_ph{margin:calc(var(--u)*-256) calc(var(--u)*50) 0}
	.js03_ylw .js03_ybox{display:block;margin:calc(var(--u)*60) 0 0;padding:0 0 0 calc(var(--u)*50)}
	.js03_ylw h3{width:auto}
	.js03_ylw .js03_yr{width:auto;margin-top:calc(var(--u)*60);padding:0}
	.js03_ylw .js03_yr p.js03_pb{margin-top:calc(var(--u)*32)}
	.js0301_s3{padding:calc(var(--u)*196) 0 calc(var(--u)*195)}
	.js0301_steps{flex-wrap:wrap;margin:calc(var(--u)*80) calc(var(--u)*-20) 0 calc(var(--u)*20)}
	.js0301_steps li{width:calc(var(--u)*316);padding:calc(var(--u)*55) calc(var(--u)*28) calc(var(--u)*44);box-shadow:0 0 calc(var(--u)*10) rgba(0,0,0,.07)}
	.js0301_steps li:nth-child(n+3){margin-top:calc(var(--u)*34)}
	.js0301_steps .js03_ar{margin-left:calc(var(--u)*-17);top:calc(var(--u)*305)}
	.js0301_steps li:nth-child(2)>.js03_ar{display:none}
	.js0301_steps .js03_arL{display:block;left:auto;right:100%;margin-left:0;margin-right:calc(var(--u)*-14)}
	.js0301_s4{padding:calc(var(--u)*196) 0 calc(var(--u)*176)}
	.js0301_s4 .js0301_wm{font-size:calc(var(--u)*118);line-height:calc(var(--u)*90);top:calc(var(--u)*-6)}
	.js0301_kinds{display:block;margin-top:calc(var(--u)*64)}
	.js0301_kinds .js0301_kimg{width:100%}
	.js0301_kinds dl{width:100%;margin-top:calc(var(--u)*83)}
	.js0301_s5{padding:calc(var(--u)*238) calc(var(--u)*50) calc(var(--u)*162)}
	.js0301_s5 .js03_mt+.js03_mt{margin-top:calc(var(--u)*195)}
	.js0301_s5 .js0301_m2{margin-top:calc(var(--u)*172)}
	.js0301_s5 .js0301_m3{margin-top:calc(var(--u)*163)}
	.js0301_m1{margin-top:calc(var(--u)*159)!important}
	.js0301_m1 .js03_ol{left:auto;right:calc(var(--u)*-50);top:calc(var(--u)*-110)}
	.js0301_m2 .js03_ol{left:calc(var(--u)*-50);top:calc(var(--u)*-110)}
	.js0301_m3 .js03_ol{left:calc(var(--u)*150);top:calc(var(--u)*-80)}
	.js0301_m4 .js03_ol{left:calc(var(--u)*-50);top:calc(var(--u)*-110)}
	.js0301_cer{width:100%;height:calc(var(--u)*472);margin-bottom:calc(var(--u)*44)}
	.js0301_cer img{width:calc(var(--u)*412);height:calc(var(--u)*295)}
	.js0301_cer span{font-size:calc(var(--u)*20)}
	.js0301_cer .t1{left:calc(var(--u)*68);top:calc(var(--u)*120)}
	.js0301_cer .t1:before{left:calc(var(--u)*-11);top:calc(var(--u)*4);height:calc(var(--u)*104)}
	.js0301_cer .t2{left:calc(var(--u)*535);top:calc(var(--u)*329)}
	.js0301_cer .t2:before{left:calc(var(--u)*53);top:calc(var(--u)*-86);height:calc(var(--u)*104)}
	.js0301_s6{background-image:url(/img/sub/html/0301_prevbg_m.jpg);padding:calc(var(--u)*192) 0 calc(var(--u)*176)}
	.js0301_prev{display:block;margin-top:calc(var(--u)*92)}
	.js0301_prev li{width:100%;margin-bottom:calc(var(--u)*28)}
	.js0301_prev li:last-child{margin-bottom:0}
	.js0301_prev h4{padding-top:calc(var(--u)*34)}
	.js0301_prev p{padding:calc(var(--u)*22) calc(var(--u)*20) calc(var(--u)*50)}

	/* 0302 모바일 */
	.js03_grey{padding:calc(var(--u)*199) 0 calc(var(--u)*200)}
	.js03_check{display:block;margin-top:calc(var(--u)*76)}
	.js03_check li{width:100%;margin-top:calc(var(--u)*16)!important;padding-left:calc(var(--u)*55);font-size:calc(var(--u)*21)}
	.js03_check li:first-child{margin-top:0!important}
	.js0302 .js03_intro{padding-bottom:calc(var(--u)*194)}
	.js0302 .js03_intro p{margin-top:calc(var(--u)*107)}
	.js0302 .js03_vl{margin-top:calc(var(--u)*78);height:calc(var(--u)*212)}
	.js0302_s3{padding:calc(var(--u)*196) 0 calc(var(--u)*200)}
	.js0302_stages{flex-wrap:wrap;margin:calc(var(--u)*91) calc(var(--u)*-2) 0 0}
	.js0302_stages>li{width:calc(var(--u)*316);padding:calc(var(--u)*33) calc(var(--u)*28) calc(var(--u)*45)}
	.js0302_stages>li:nth-child(3){margin-top:calc(var(--u)*32)}
	.js0302_stages>li>p{min-height:calc(var(--u)*190)}
	.js0302_stages ul{padding:calc(var(--u)*18) 0 calc(var(--u)*18) calc(var(--u)*20);min-height:calc(var(--u)*228)}
	.js0302_stages ul li{letter-spacing:-0.06em;font-size:calc(var(--u)*21)}
	.js0302_stages>li>p{font-size:calc(var(--u)*21);letter-spacing:-0.06em}
	.js0302_stages .js03_ar{margin-left:calc(var(--u)*-11);top:calc(var(--u)*305)}
	.js0302_stages .js03_arL{display:block;left:auto;right:100%;margin-left:0;margin-right:calc(var(--u)*-16)}
	.js03_mts{padding:0 calc(var(--u)*50) calc(var(--u)*200)}
	.js03_mts .js03_mt .js03_mt_txt{margin-top:0}
	.js03_m1{margin-top:calc(var(--u)*106)!important}
	.js03_m2{margin-top:calc(var(--u)*176)!important}
	.js03_m3{margin-top:calc(var(--u)*173)!important}
	.js03_m3 .js03_mt_img{margin-bottom:calc(var(--u)*111)}
	.js03_m1 .js03_ol{left:calc(var(--u)*80);top:calc(var(--u)*-110)}
	.js03_m2 .js03_ol{left:calc(var(--u)*-50);top:calc(var(--u)*-110)}
	.js03_m3 .js03_ol{left:calc(var(--u)*80);top:calc(var(--u)*-110)}
	.js03_caut.js03_c1 ul{margin-top:calc(var(--u)*50);padding:calc(var(--u)*70) calc(var(--u)*20) calc(var(--u)*50) calc(var(--u)*50)}
	.js03_caut.js03_c1 li{margin-bottom:calc(var(--u)*40)!important}

	/* 0303 모바일 */
	.js0303 .js03_ylw{padding-bottom:calc(var(--u)*62)}
	.js0303 .js03_intro p{margin-top:calc(var(--u)*70)}
	.js0303 .js03_m1{margin-top:calc(var(--u)*192)!important}
	.js0303 .js03_m2{margin-top:calc(var(--u)*188)!important}
	.js0303 .js03_m3{margin-top:calc(var(--u)*192)!important}
	.js0303_need{background-image:url(/img/sub/html/0303_needbg_m.jpg);padding:calc(var(--u)*190) 0 calc(var(--u)*200)}
	.js0303_need .js03_check{margin-top:calc(var(--u)*85)}
	.js0303_steps{display:block;max-width:none;margin:calc(var(--u)*90) 0 0}
	.js0303_steps>li{width:100%;padding:calc(var(--u)*22) calc(var(--u)*28) calc(var(--u)*24) calc(var(--u)*26)}
	.js0303_steps>li+li{margin-top:calc(var(--u)*65)}
	.js0303_ill{height:calc(var(--u)*338)}
	.js0303_ill img{width:calc(var(--u)*292);height:calc(var(--u)*338)}
	.js0303_ill span{left:calc(var(--u)*301);font-size:calc(var(--u)*20)}
	.js0303_ill .l1{top:calc(var(--u)*72)}
	.c1 .js0303_ill .l1{top:calc(var(--u)*35)}
	.c1 .js0303_ill .l2{top:calc(var(--u)*73)}
	.js0303_steps .js0303_ill .l3,.c2 .js0303_ill .l2,.c3 .js0303_ill .l2,.c4 .js0303_ill .l2{top:calc(var(--u)*253)}
	.js0303_sb{height:calc(var(--u)*125);margin-top:calc(var(--u)*22)}
	.js0303_steps .js03_ar,.js0303_steps .c2 .js03_ar{left:auto;right:calc(var(--u)*-23);margin-left:0;top:calc(var(--u)*207)}
	.js0303 .js03_m1 .js03_ol{left:calc(var(--u)*250);top:calc(var(--u)*-80)}
	.js0303 .js03_m2 .js03_ol{left:calc(var(--u)*-30);top:calc(var(--u)*-80)}
	.js0303 .js03_m3 .js03_ol{left:calc(var(--u)*490);top:calc(var(--u)*-80)}
	.js0303 .js03_m2 .js03_lead+.js03_lead{margin-top:calc(var(--u)*30)}
	.js0303_caut ul{padding:calc(var(--u)*70) calc(var(--u)*20) calc(var(--u)*50) calc(var(--u)*50)}

	/* 0304 모바일 */
	.js0304 .js03_intro p{margin-top:calc(var(--u)*85)}
	.js0304_items{padding:calc(var(--u)*189) 0 calc(var(--u)*199)}
	.js0304_items ul{margin-top:calc(var(--u)*93)}
	.js0304_items li{width:calc(var(--u)*315);height:calc(var(--u)*385);padding:calc(var(--u)*26) calc(var(--u)*28) 0}
	.js0304_items li:nth-child(n+3){margin-top:calc(var(--u)*30)}
	.js0304_items li img{height:calc(var(--u)*257)}
	.js0304_items h4{font-size:calc(var(--u)*28);margin-top:calc(var(--u)*30)}
	.js0304_prog{background-image:url(/img/sub/html/0304_prog_m.jpg);height:calc(var(--u)*852);padding-top:calc(var(--u)*192)}
	.js0304_prog .js03_in{display:block;text-align:center;padding:0 calc(var(--u)*20)}
	.js0304_prog h3{width:auto}
	.js0304_prog ul{margin-top:calc(var(--u)*94)}
	.js0304_prog li{letter-spacing:-0.07em;white-space:normal}
	.js0304_care{padding:calc(var(--u)*196) 0 calc(var(--u)*188)}
	.js0304_care ul{display:block;margin-top:calc(var(--u)*90)}
	.js0304_care li{width:100%}
	.js0304_care li+li{margin-top:calc(var(--u)*69)}
	.js0304_care li img{height:calc(var(--u)*406)}
	.js0304_care h4{margin-top:calc(var(--u)*24)}
	.js0304_care p{font-size:calc(var(--u)*21);margin-top:calc(var(--u)*16)}
	.js0304_life .js03_ol{left:calc(var(--u)*240);top:calc(var(--u)*110);font-size:calc(var(--u)*100)}
	.js03_top h2 .js0304_dot{display:none}
	.js0304_tl{margin:calc(var(--u)*101) calc(var(--u)*-50) 0;height:calc(var(--u)*410);padding-top:calc(var(--u)*89)}
	.js0304_tl:before{left:calc(var(--u)*20);right:calc(var(--u)*20);top:calc(var(--u)*104)}
	.js0304_tl ul{transform:translateX(calc(var(--u)*-16))}
	.js0304_tl li{width:calc(var(--u)*210);padding-top:calc(var(--u)*55)}
	.js0304_tl li:after{height:calc(var(--u)*40)}
	.js0304_tl h4{font-size:calc(var(--u)*21);margin-top:calc(var(--u)*16)}
	.js0304_tl p{font-size:calc(var(--u)*21);margin-top:calc(var(--u)*2)}
}

/* ---------- 모바일 글자 크기 보정 (2026-10-22): 본문 14px·카드제목 16px·섹션제목 20px·라벨 12px 이상 ---------- */
@media (max-width:768px){
	.js03_top .js03_top_lb{font-size:max(12px,2.8vw)}
	.js03_top p{font-size:max(14px,2.8vw);line-height:1.5}
	.js03 .js03_lb{font-size:max(12px,calc(var(--u)*21))}
	.js03 .js03_mt .js03_sm{font-size:max(14px,calc(var(--u)*21));line-height:1.6}
	.js03 .js03_mt .js03_lead{font-size:max(15px,calc(var(--u)*30));line-height:1.55}
	.js03_caut li,.js03_caut li p{font-size:max(14px,calc(var(--u)*18));line-height:1.55}
	.js03_intro p{font-size:max(14px,calc(var(--u)*23));line-height:1.6}
	.js03_ylw h3{font-size:max(20px,calc(var(--u)*37));line-height:1.45}
	.js03_ylw .js03_yr{font-size:max(14px,calc(var(--u)*21));line-height:1.6}
	.js0301_steps h4,.js0302_stages h4,.js0301_prev h4,.js0304_care h4{font-size:max(16px,calc(var(--u)*30))}
	.js0301_steps p,.js0301_steps .js0301_sol{font-size:max(14px,calc(var(--u)*21));line-height:1.55;min-height:0}
	.js0301_steps li{padding-left:calc(var(--u)*18);padding-right:calc(var(--u)*18)}
	.js0301_kinds dt{font-size:max(16px,calc(var(--u)*30))}
	.js0301_kinds dd{font-size:max(14px,calc(var(--u)*21));line-height:1.6}
	.js0301_cer span{font-size:max(12px,calc(var(--u)*20))}
	.js0301_prev p{font-size:max(14px,calc(var(--u)*21));line-height:1.6}
	.js03_check li{font-size:max(14px,calc(var(--u)*21));height:auto;min-height:calc(var(--u)*80);padding-top:8px;padding-bottom:8px;line-height:1.45}
	.js0302_stages{margin-right:0}
	.js0302_stages>li{padding-left:calc(var(--u)*18);padding-right:calc(var(--u)*18)}
	.js0302_stages>li>p,.js0302_stages ul li{font-size:max(14px,calc(var(--u)*21));line-height:1.55}
	.js0302_stages>li>p{min-height:0}
	.js0302_stages ul{min-height:0;padding-right:calc(var(--u)*10)}
	.js0303_ill{height:auto;min-height:calc(var(--u)*338)}
	.js0303_ill span{font-size:max(13px,calc(var(--u)*20));line-height:1.4;white-space:normal;right:0}
	.c1 .js0303_ill .l1{top:calc(var(--u)*10)}
	.c1 .js0303_ill .l2{top:calc(var(--u)*86)}
	.js0303_sb{height:auto;min-height:calc(var(--u)*125);padding:10px 8px}
	.js0303_sb h4{font-size:max(16px,calc(var(--u)*25));line-height:1.4}
	.js0303_sb p{font-size:max(14px,calc(var(--u)*22));line-height:1.5}
	.js0304_items h4{font-size:max(16px,calc(var(--u)*28));line-height:1.4}
	.js0304_items li{height:auto;padding-bottom:calc(var(--u)*30)}
	.js0304_prog{height:auto;min-height:calc(var(--u)*852);padding-bottom:calc(var(--u)*120)}
	.js0304_prog li{font-size:max(14px,calc(var(--u)*21));line-height:1.6}
	.js0304_care p{font-size:max(14px,calc(var(--u)*21));line-height:1.6}
	.js0304_tl{height:auto;padding-bottom:calc(var(--u)*60)}
	.js0304_tl h4{font-size:max(16px,calc(var(--u)*21));line-height:1.4;letter-spacing:-0.06em}
	.js0304_tl p{font-size:max(14px,calc(var(--u)*21));line-height:1.5}
}