@charset "utf-8";
/* g7 : 0503 잇몸성형 / 0504 치아미백 (2026-10-22 통이미지 → HTML) */
/* --u : 본문 디자인 1px (PC=1px, 모바일=750 시안 기준 화면폭 비례) / --t : 상단 비주얼 1px (PC=1920 기준) */
.jsg7{--u:1px;--t:calc(100cqw / 1920);--org:#ffa200;--yel:#fee100;container-type:inline-size;position:relative;overflow:hidden;background:#fff;color:#000;font-family:'Noto Sans KR',sans-serif;letter-spacing:-0.04em;word-break:keep-all;text-align:left}
.jsg7 *{box-sizing:border-box;word-break:keep-all}
:where(.jsg7) :where(h2,h3,h4,p,ul,ol,li){margin:0;padding:0;list-style:none;font-family:inherit;letter-spacing:inherit}
:where(.jsg7) img{display:block;max-width:100%;height:auto;border:0}
.jsg7 picture{display:block}
.jsg7 strong{font-weight:700}
.jsg7_mo{display:none}
.jsg7_wrap{width:100%;max-width:calc(1300 * var(--u));margin-left:auto;margin-right:auto}
/* 769~1400px : PC 시안을 화면폭에 맞춰 비례 축소 */
@media (max-width:1400px) and (min-width:769px){.jsg7{--u:calc(100cqw / 1400)}}

/* 형광펜 */
.jsg7_hl{background:linear-gradient(#ffe3b3,#ffe3b3) no-repeat 0 82%/100% 0.47em}
.jsg7_hl2{background:linear-gradient(#fff6b3,#fff6b3) no-repeat 0 88%/100% 0.5em}

/* 상단 비주얼 */
.jsg7_top{position:relative}
.jsg7_top picture,.jsg7_top img{display:block;width:100%}
.jsg7_top_txt{position:absolute;left:16.15%;top:0;right:0;bottom:0}
.jsg7_top_cate{position:absolute;top:35.1%;left:0;display:inline-block;padding-bottom:calc(4 * var(--t));border-bottom:1px solid var(--org);color:var(--org);font-size:calc(20 * var(--t));line-height:1.2;font-weight:500;white-space:nowrap}
.jsg7 .jsg7_top_tit{position:absolute;top:42.1%;left:-0.06em;font-size:calc(78 * var(--t));line-height:1;font-weight:700;color:#000;letter-spacing:-0.04em;white-space:nowrap}
.jsg7_top_desc{position:absolute;top:57.6%;left:0;font-size:calc(20 * var(--t));line-height:1.6;font-weight:400;color:#111;white-space:nowrap}

/* 인트로 */
.jsg7_intro{padding:calc(193 * var(--u)) calc(20 * var(--u)) 0;text-align:center}
.jsg7_lead{font-size:calc(50 * var(--u));line-height:1.3;font-weight:700;letter-spacing:-0.05em}
.jsg7_intro_desc{margin-top:calc(39 * var(--u));font-size:calc(22 * var(--u));line-height:calc(35 * var(--u));font-weight:400}
.js0504 .jsg7_intro_desc{margin-top:calc(47 * var(--u))}

/* 노란 띠 + 사진 */
.jsg7_band{position:relative;z-index:0;margin-top:calc(173 * var(--u));background:var(--yel)}
.js0504 .jsg7_band{margin-top:calc(177 * var(--u))}
.jsg7_band_photo{position:relative;width:100%;max-width:calc(1300 * var(--u));margin:0 auto}
.jsg7_band_photo:before{content:"";position:absolute;z-index:-1;left:-100vw;right:-100vw;top:0;height:51%;background:#fff}
.jsg7_band_photo img{width:100%}
.jsg7_vline{position:absolute;z-index:2;left:50%;top:calc(-122 * var(--u));width:1px;height:calc(182 * var(--u));background:#000}
.jsg7_band_txt{display:flex;align-items:flex-start;padding-top:calc(91 * var(--u));padding-bottom:calc(148 * var(--u))}
.jsg7 .jsg7_band_tit{flex:0 0 calc(548 * var(--u));font-size:calc(40 * var(--u));line-height:calc(55 * var(--u));font-weight:700;letter-spacing:-0.05em}
.jsg7_band_desc{flex:1;padding-top:calc(2 * var(--u));font-size:calc(20 * var(--u));line-height:calc(32 * var(--u));font-weight:400}

/* ~이란? */
.jsg7_what{display:flex;align-items:flex-start;margin-top:calc(200 * var(--u))}
.js0504 .jsg7_what{margin-top:calc(205 * var(--u))}
.jsg7_what_img{flex:0 0 calc(639 * var(--u));margin-left:calc(-1 * var(--u))}
.jsg7_what_img img{width:100%}
.jsg7_what_txt{flex:1;margin-left:calc(109 * var(--u));margin-top:calc(-16 * var(--u))}
.js0504 .jsg7_what_txt{margin-top:calc(17 * var(--u))}
.jsg7 .jsg7_what_tit{font-size:calc(50 * var(--u));line-height:1.3;font-weight:300;letter-spacing:-0.05em}
.jsg7_what_sub{margin-top:calc(39 * var(--u));color:var(--org);font-size:calc(30 * var(--u));line-height:calc(41 * var(--u));font-weight:700;letter-spacing:-0.05em}
.jsg7_what_desc{margin-top:calc(38 * var(--u));font-size:calc(20 * var(--u));line-height:calc(32 * var(--u));font-weight:400}

/* 섹션 제목 */
.jsg7_sec{margin-top:calc(170 * var(--u))}
.jsg7 .jsg7_stit{font-size:calc(47 * var(--u));line-height:1.3;font-weight:300;text-align:center;letter-spacing:-0.05em}

/* 0503 장점 카드 */
.js0503_cards{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(14 * var(--u));margin-top:calc(91 * var(--u));padding:0 calc(9 * var(--u)) calc(10 * var(--u))}
.jsg7 .js0503_cards{padding-left:calc(9 * var(--u));padding-right:calc(9 * var(--u))}
.js0503_cards li{min-height:calc(465 * var(--u));padding:calc(67 * var(--u)) calc(10 * var(--u)) calc(40 * var(--u));background:#fff;box-shadow:0 0 calc(12 * var(--u)) rgba(0,0,0,.07);text-align:center}
.js0503_cards img{margin:0 auto;height:calc(92 * var(--u));width:auto;object-fit:contain}
.jsg7 .js0503_cards h4{margin-top:calc(50 * var(--u));font-size:calc(26 * var(--u));line-height:1.2;font-weight:700;letter-spacing:-0.03em}
.jsg7_dash{display:block;width:calc(11 * var(--u));height:2px;margin:calc(18 * var(--u)) auto calc(12 * var(--u));background:#000}
.js0503_cards p{font-size:calc(21 * var(--u));line-height:calc(32 * var(--u));font-weight:400}

/* 좌우 교차(사진+글) */
.js0503_type .jsg7_stit{margin-bottom:calc(190 * var(--u))}
.jsg7_feat{position:relative;display:flex;align-items:flex-start;width:100%;max-width:calc(1300 * var(--u));margin:0 auto calc(250 * var(--u))}
.jsg7_feat:last-child{margin-bottom:0}
.jsg7_feat_r{flex-direction:row-reverse;justify-content:space-between}
.jsg7_feat_img{position:relative;z-index:1;flex:0 0 calc(550 * var(--u))}
.jsg7_feat_img img{width:100%}
.jsg7_feat_txt{position:relative;z-index:1;flex:1}
.jsg7_feat_l .jsg7_feat_txt{margin-left:calc(200 * var(--u))}
.jsg7_out{position:absolute;z-index:0;top:calc(-160 * var(--u));font-family:'Montserrat',sans-serif;font-size:calc(240 * var(--u));line-height:1;font-weight:700;letter-spacing:0;color:transparent;-webkit-text-stroke:2px #ebebeb;white-space:nowrap;pointer-events:none;user-select:none}
.jsg7_feat_r .jsg7_out{left:calc(50% + 279 * var(--u))}
.jsg7_feat_l .jsg7_out{right:calc(50% + 239 * var(--u))}
.jsg7_label{display:inline-block;padding-bottom:calc(3 * var(--u));border-bottom:1px solid var(--org);color:var(--org);font-size:calc(22 * var(--u));line-height:calc(25 * var(--u));font-weight:500;letter-spacing:-0.04em;margin-top:calc(-6 * var(--u))}
.jsg7 .jsg7_feat_tit{margin-top:calc(15 * var(--u));font-size:calc(50 * var(--u));line-height:1.3;font-weight:700;letter-spacing:-0.05em}
.jsg7_feat_sub{margin-top:calc(33 * var(--u));font-size:calc(30 * var(--u));line-height:calc(40 * var(--u));font-weight:400;letter-spacing:-0.05em}
.jsg7_feat_desc{margin-top:calc(37 * var(--u));font-size:calc(20 * var(--u));line-height:calc(32 * var(--u));font-weight:400}
.js0503_t3 .jsg7_feat_img{flex-basis:calc(555 * var(--u));margin-right:calc(-1 * var(--u))}
.js0503_t3 .jsg7_out{left:calc(50% + 236 * var(--u))}
.js0503_t2 .jsg7_out{right:calc(50% + 239 * var(--u))}

/* 시술과정 화살표 */
.jsg7_arr{position:absolute;z-index:3;width:calc(59 * var(--u));height:calc(59 * var(--u));background:#515151}
.jsg7_arr:after{content:"";position:absolute;left:50%;top:50%;width:calc(12 * var(--u));height:calc(12 * var(--u));border-top:2px solid #fff;border-right:2px solid #fff;transform:translate(-70%,-50%) rotate(45deg)}

/* 0503 시술과정 */
.js0503_step{margin-top:calc(190 * var(--u))}
.js0503_step .jsg7_stit{margin-bottom:calc(105 * var(--u))}
.js0503_steps{display:grid;grid-template-columns:repeat(4,1fr);gap:calc(39 * var(--u))}
.js0503_steps li{position:relative;min-height:calc(510 * var(--u));padding:calc(18 * var(--u)) calc(19 * var(--u)) calc(43 * var(--u));background:#fff;box-shadow:0 0 calc(10 * var(--u)) rgba(0,0,0,.07);text-align:center}
.js0503_steps img{width:100%}
.jsg7 .js0503_steps h4{margin-top:calc(35 * var(--u));font-size:calc(30 * var(--u));line-height:1.3;font-weight:700;letter-spacing:-0.05em}
.js0503_steps p{margin-top:calc(15 * var(--u));font-size:calc(21 * var(--u));line-height:calc(32 * var(--u));font-weight:400}
.js0503_steps .jsg7_arr{right:calc(-49 * var(--u));top:calc(313 * var(--u))}

/* 필요한 경우 */
.jsg7_need{margin-top:calc(200 * var(--u));padding:calc(195 * var(--u)) 0 calc(199 * var(--u));background-position:center top;background-size:cover;background-repeat:no-repeat}
.jsg7 .jsg7_need_tit{font-size:calc(50 * var(--u));line-height:calc(60 * var(--u));font-weight:400;text-align:center;letter-spacing:-0.05em;color:#111}
.jsg7_need_list{display:grid;grid-template-columns:1fr 1fr;column-gap:calc(25 * var(--u));row-gap:calc(15 * var(--u));margin-top:calc(80 * var(--u))}
.jsg7_need_list li{display:flex;align-items:center;height:calc(80 * var(--u));padding-left:calc(136 * var(--u));background:#fff url('/img/sub/html/0503_check.png') no-repeat calc(78 * var(--u)) 50%/calc(32 * var(--u)) auto;font-size:calc(20 * var(--u));line-height:1.3;font-weight:400}
.js0504 .jsg7_need{margin-top:calc(197 * var(--u));padding-bottom:calc(204 * var(--u))}
.js0504 .jsg7_need_list li{padding-left:calc(142 * var(--u));background-position:calc(85 * var(--u)) 50%}

/* 0504 자가진단 */
.js0504_self{margin-top:calc(201 * var(--u));padding:calc(189 * var(--u)) 0 calc(194 * var(--u));background:#ececec}
.js0504_self_box{margin-top:calc(92 * var(--u));padding:calc(42 * var(--u)) calc(20 * var(--u)) calc(38 * var(--u));background:#fff;text-align:center}
.js0504_shade{width:100%;max-width:calc(962 * var(--u));margin:0 auto}
.js0504_shade img{width:calc(942 * var(--u));max-width:98%;margin:0 0 0 calc(-1 * var(--u))}
.js0504_shade_lb{display:grid;grid-template-columns:repeat(16,1fr);width:calc(942 * var(--u));max-width:98%;margin-top:calc(12 * var(--u))}
.js0504_shade_lb li{font-size:calc(23 * var(--u));line-height:1.3;font-weight:400;letter-spacing:-0.02em;text-align:center;color:#222;white-space:nowrap}
.js0504_bar{position:relative;display:flex;justify-content:space-between;align-items:center;height:calc(50 * var(--u));margin-top:calc(38 * var(--u));padding:0 calc(36 * var(--u)) 0 calc(20 * var(--u));background:linear-gradient(90deg,#ffd481 0%,#ffc757 50%,#ffa405 100%);clip-path:polygon(0 0,calc(100% - 21 * var(--u)) 0,100% 50%,calc(100% - 21 * var(--u)) 100%,0 100%)}
.js0504_bar span{font-size:calc(18 * var(--u));font-weight:500;color:#111}
.js0504_self_desc{margin-top:calc(22 * var(--u));font-size:calc(16.6 * var(--u));line-height:calc(28 * var(--u));font-weight:300;color:#222}

/* 0504 시술과정 */
.js0504_step{margin-top:calc(183 * var(--u))}
.jsg7 .js0504_kind{display:inline-block;margin-top:calc(111 * var(--u));font-size:calc(30 * var(--u));line-height:calc(40 * var(--u));font-weight:700;letter-spacing:-0.05em}
.js0504_steps{display:grid;grid-template-columns:repeat(3,1fr);column-gap:calc(43 * var(--u));row-gap:calc(67 * var(--u));margin-top:calc(38 * var(--u))}
.js0504_steps li{position:relative;min-height:calc(548 * var(--u));padding:calc(20 * var(--u)) calc(24 * var(--u)) calc(34 * var(--u));background:#fff;box-shadow:0 0 calc(10 * var(--u)) rgba(0,0,0,.07);text-align:center}
.js0504_steps img{width:100%}
.jsg7 .js0504_steps h4{margin-top:calc(44 * var(--u));font-size:calc(30 * var(--u));line-height:1.3;font-weight:700;letter-spacing:-0.05em}
.js0504_steps p{margin-top:calc(12 * var(--u));font-size:calc(21 * var(--u));line-height:calc(32 * var(--u));font-weight:400}
.js0504_steps .jsg7_arr{right:calc(-51 * var(--u));top:calc(338 * var(--u))}
.js0504_steps li:nth-child(3) .jsg7_arr{right:calc(-29 * var(--u))}
.js0504_steps + .js0504_kind{margin-top:calc(138 * var(--u))}
.js0504_lami{display:flex;align-items:center;margin-top:calc(36 * var(--u));padding:calc(22 * var(--u)) calc(20 * var(--u));background:#fff;box-shadow:0 0 calc(10 * var(--u)) rgba(0,0,0,.07)}
.js0504_lami_img{flex:0 0 calc(603 * var(--u))}
.js0504_lami_img img{width:100%}
.js0504_lami_txt{flex:1;margin-left:calc(77 * var(--u))}
.jsg7 .js0504_lami_txt h4{font-size:calc(30 * var(--u));line-height:1.3;font-weight:700;letter-spacing:-0.05em}
.js0504_lami_txt p{margin-top:calc(14 * var(--u));font-size:calc(21 * var(--u));line-height:calc(32 * var(--u));font-weight:400}

/* 0504 SPECIAL */
.js0504_sp{margin-top:calc(188 * var(--u))}
.js0504_sp .jsg7_stit{margin-bottom:calc(190 * var(--u))}
.js0504_sp .jsg7_stit strong{letter-spacing:-0.03em}
.js0504_sp .jsg7_feat{align-items:center;margin-bottom:calc(245 * var(--u))}
.js0504_sp .jsg7_feat:last-child{margin-bottom:0}
.js0504_sp .jsg7_label{font-size:calc(23 * var(--u));line-height:calc(27 * var(--u))}
.js0504_sp .jsg7_feat_desc{margin-top:calc(29 * var(--u));font-size:calc(21 * var(--u))}
.js0504_sp .jsg7_feat_r .jsg7_feat_txt{margin-top:calc(-32 * var(--u))}
.js0504_s1 .jsg7_out{left:calc(50% + 65 * var(--u))}
.js0504_s2 .jsg7_feat_img{flex-basis:calc(547 * var(--u));margin-left:calc(3 * var(--u))}
.js0504_s2 .jsg7_feat_txt{margin-left:calc(303 * var(--u))}
.js0504_s2 .jsg7_out{right:calc(50% + 167 * var(--u))}
.js0504_s3 .jsg7_out{left:calc(50% - 220 * var(--u))}
.js0504_s4 .jsg7_feat_txt{margin-left:calc(194 * var(--u))}
.js0504_s4 .jsg7_out{right:calc(50% - 83 * var(--u))}

/* 0504 주의사항 */
.js0504_care{margin-top:calc(192 * var(--u));padding-bottom:calc(200 * var(--u))}
.js0504_care .jsg7_stit{line-height:calc(60 * var(--u))}
.js0504_care_box{display:grid;grid-template-columns:calc(614 * var(--u)) 1fr;row-gap:calc(50 * var(--u));margin-top:calc(51 * var(--u));padding:calc(71 * var(--u)) calc(20 * var(--u)) calc(73 * var(--u)) calc(59 * var(--u));background:#fff;box-shadow:0 0 calc(12 * var(--u)) rgba(0,0,0,.07)}
.js0504_care_box li{display:flex;align-items:center;min-height:calc(48 * var(--u))}
.js0504_care_box span{flex:0 0 calc(48 * var(--u));height:calc(48 * var(--u));margin-right:calc(32 * var(--u));border-radius:50%;background:var(--org);color:#fff;font-family:'Montserrat',sans-serif;font-size:calc(23 * var(--u));line-height:calc(48 * var(--u));font-weight:700;letter-spacing:-0.02em;text-align:center}
.js0504_care_box p{font-size:calc(17.6 * var(--u));line-height:calc(25 * var(--u));font-weight:400;letter-spacing:-0.05em}

/* ---------- 모바일 (750 시안 비례) ---------- */
@media (max-width:768px){
	.jsg7{--u:calc(100cqw / 750);--t:calc(100cqw / 750)}
	.jsg7_mo{display:inline}
	.jsg7_pc{display:none}
	.jsg7_wrap,.jsg7_feat,.jsg7_band_photo{max-width:none;padding-left:calc(50 * var(--u));padding-right:calc(50 * var(--u))}

	.jsg7_top_txt{left:6.67%}
	.jsg7_top_cate{top:49.0%;font-size:calc(22 * var(--t))}
	.jsg7 .jsg7_top_tit{top:56.6%;font-size:calc(66 * var(--t));font-weight:700}
	.jsg7_top_desc{top:72.6%;font-size:calc(23 * var(--t));line-height:1.45;color:#000}

	.jsg7_intro{padding:calc(186 * var(--u)) calc(20 * var(--u)) 0}
	.jsg7_lead{font-size:calc(50 * var(--u));line-height:calc(65 * var(--u))}
	.jsg7_intro_desc{font-size:calc(23.5 * var(--u))}
	.js0504 .jsg7_intro_desc{margin-top:calc(60 * var(--u))}
	.js0504 .jsg7_band{margin-top:calc(220 * var(--u))}

	.jsg7_band{margin-top:calc(207 * var(--u))}
	.jsg7_band_photo:before{height:51%}
	.jsg7_vline{top:calc(-155 * var(--u));height:calc(235 * var(--u))}
	.jsg7 .jsg7_band_txt{display:block;padding:calc(56 * var(--u)) calc(96 * var(--u)) calc(150 * var(--u))}
	.jsg7 .jsg7_band_tit{font-size:calc(36.2 * var(--u));line-height:calc(55 * var(--u))}
	.jsg7_band_desc{margin-top:calc(53 * var(--u));font-size:calc(20.5 * var(--u));letter-spacing:-0.06em}

	.jsg7_what,.js0504 .jsg7_what{display:block;margin-top:calc(145 * var(--u));text-align:center}
	.jsg7_what_img{margin:0}
	.jsg7_what_txt,.js0504 .jsg7_what_txt{margin:calc(90 * var(--u)) 0 0}
	.jsg7 .jsg7_what_tit{font-size:calc(48 * var(--u))}
	.jsg7_what_sub{margin-top:calc(40 * var(--u));font-size:calc(28 * var(--u));line-height:calc(40 * var(--u))}
	.jsg7_what_desc{margin-top:calc(42 * var(--u));font-size:calc(20 * var(--u))}

	.jsg7_sec,.js0503_step{margin-top:calc(218 * var(--u))}
	.js0503_type{margin-top:calc(180 * var(--u))}
	.jsg7 .jsg7_stit{font-size:calc(48 * var(--u))}

	.js0503_cards,.jsg7 .js0503_cards{grid-template-columns:1fr 1fr;gap:calc(21 * var(--u)) calc(20 * var(--u));margin-top:calc(101 * var(--u));padding:0 calc(50 * var(--u))}
	.js0503_cards li{min-height:calc(465 * var(--u));padding-top:calc(60 * var(--u))}
	.js0503_cards img{height:calc(90 * var(--u))}
	.jsg7 .js0503_cards h4{margin-top:calc(45 * var(--u));font-size:calc(26 * var(--u))}
	.js0503_cards p{font-size:calc(21 * var(--u))}

	.js0503_type .jsg7_stit{margin-bottom:calc(140 * var(--u))}
	.jsg7_feat,.jsg7_feat_r,.js0504_sp .jsg7_feat{display:block;margin-bottom:calc(225 * var(--u))}
	.jsg7_feat_l .jsg7_feat_txt,.js0504_s2 .jsg7_feat_txt,.js0504_s4 .jsg7_feat_txt,.js0504_sp .jsg7_feat_r .jsg7_feat_txt{margin:0}
	.jsg7_feat_img,.js0503_t3 .jsg7_feat_img,.js0504_s2 .jsg7_feat_img{margin:0}
	.jsg7_feat_txt{margin-top:calc(55 * var(--u)) !important}
	.jsg7_feat_l .jsg7_feat_txt{text-align:right}
	.jsg7_out,.jsg7_feat_r .jsg7_out,.jsg7_feat_l .jsg7_out,.js0503_t2 .jsg7_out,.js0503_t3 .jsg7_out,.js0504_s1 .jsg7_out,.js0504_s2 .jsg7_out,.js0504_s3 .jsg7_out,.js0504_s4 .jsg7_out{top:calc(-75 * var(--u));font-size:calc(120 * var(--u));-webkit-text-stroke:1px #e6e6e6}
	.jsg7_feat_r .jsg7_out,.js0503_t3 .jsg7_out,.js0504_s1 .jsg7_out,.js0504_s3 .jsg7_out{left:auto;right:calc(-10 * var(--u))}
	.jsg7_feat_l .jsg7_out,.js0503_t2 .jsg7_out,.js0504_s2 .jsg7_out,.js0504_s4 .jsg7_out{right:auto;left:calc(-10 * var(--u))}
	.js0503_t1 .jsg7_out,.js0503_t3 .jsg7_out,.js0504_s1 .jsg7_out,.js0504_s3 .jsg7_out{right:calc(-10 * var(--u))}
	.jsg7 .jsg7_feat_tit{font-size:calc(48 * var(--u))}
	.jsg7_feat_sub{font-size:calc(28 * var(--u))}
	.jsg7_feat_desc,.js0504_sp .jsg7_feat_desc{font-size:calc(20 * var(--u))}
	.js0504_sp .jsg7_label{font-size:calc(21 * var(--u))}

	.js0503_step .jsg7_stit{margin-bottom:calc(85 * var(--u))}
	.js0503_steps,.js0504_steps{grid-template-columns:1fr 1fr;column-gap:calc(20 * var(--u));row-gap:calc(40 * var(--u))}
	.js0503_steps li,.js0504_steps li{min-height:0;padding:calc(25 * var(--u)) calc(25 * var(--u)) calc(50 * var(--u))}
	.jsg7 .js0503_steps h4,.jsg7 .js0504_steps h4{margin-top:calc(35 * var(--u));font-size:calc(28 * var(--u))}
	.js0503_steps p,.js0504_steps p{font-size:calc(20 * var(--u));line-height:calc(31 * var(--u))}
	.jsg7_arr{width:calc(48 * var(--u));height:calc(48 * var(--u))}
	.js0503_steps li .jsg7_arr,.js0504_steps li .jsg7_arr,.js0504_steps li:nth-child(3) .jsg7_arr{right:calc(-34 * var(--u));top:calc(230 * var(--u))}
	.js0503_steps li:nth-child(2n) .jsg7_arr,.js0504_steps li:nth-child(2n) .jsg7_arr{right:auto;left:calc(-311 * var(--u));top:calc(100% + 40 * var(--u) + 230 * var(--u))}
	.js0503_steps li:nth-child(2n) .jsg7_arr{left:calc(-326 * var(--u))}
	.js0504_steps li:nth-child(2n) .jsg7_arr{left:calc(-326 * var(--u))}

	.jsg7_need,.js0504 .jsg7_need{margin-top:calc(170 * var(--u));padding:calc(160 * var(--u)) 0 calc(160 * var(--u));background-size:auto 100%;background-position:center}
	.jsg7 .jsg7_need_tit{font-size:calc(48 * var(--u))}
	.jsg7_need_list{grid-template-columns:1fr;row-gap:calc(18 * var(--u));margin-top:calc(80 * var(--u));padding-left:calc(55 * var(--u));padding-right:calc(55 * var(--u))}
	.jsg7_need_list li,.js0504 .jsg7_need_list li{height:calc(76 * var(--u));padding-left:calc(140 * var(--u));background-position:calc(85 * var(--u)) 50%;background-size:calc(28 * var(--u)) auto;font-size:calc(20 * var(--u))}

	.js0504_self{margin-top:calc(110 * var(--u));padding:calc(175 * var(--u)) 0 calc(63 * var(--u))}
	.js0504_self_box{margin-top:calc(80 * var(--u));padding:calc(75 * var(--u)) calc(50 * var(--u)) calc(70 * var(--u));margin-left:calc(50 * var(--u));margin-right:calc(50 * var(--u));width:auto}
	.js0504_shade img,.js0504_shade_lb{width:100%;max-width:100%}
	.js0504_shade_lb li{font-size:calc(11 * var(--u))}
	.js0504_bar{height:calc(24 * var(--u));margin-top:calc(20 * var(--u));padding:0 calc(20 * var(--u)) 0 calc(10 * var(--u))}
	.js0504_bar span{font-size:calc(9 * var(--u))}
	.js0504_self_desc{margin-top:calc(42 * var(--u));font-size:calc(17 * var(--u));line-height:calc(28 * var(--u))}
	.jsg7 .js0504_kind{margin-top:calc(80 * var(--u))}
	.js0504_steps + .js0504_kind{margin-top:calc(220 * var(--u))}
	.js0504_lami{display:block;padding:calc(50 * var(--u)) calc(50 * var(--u)) calc(70 * var(--u));text-align:center}
	.js0504_lami_txt{margin:calc(40 * var(--u)) 0 0}
	.jsg7 .js0504_lami_txt h4{font-size:calc(28 * var(--u))}
	.js0504_lami_txt p{font-size:calc(20 * var(--u))}
	.js0504_sp{margin-top:calc(200 * var(--u))}
	.js0504_sp .jsg7_stit{margin-bottom:calc(150 * var(--u))}

	.js0504_care{margin-top:calc(180 * var(--u));padding-bottom:calc(150 * var(--u))}
	.js0504_care_box{display:block;margin-left:calc(50 * var(--u));margin-right:calc(50 * var(--u));width:auto;padding:calc(60 * var(--u)) calc(40 * var(--u)) calc(70 * var(--u)) calc(40 * var(--u))}
	.js0504_care_box li{margin-top:calc(40 * var(--u))}
	.js0504_care_box li:first-child{margin-top:0}
	.js0504_care_box span{margin-right:calc(35 * var(--u))}
	.js0504_care_box p{font-size:calc(19 * var(--u));line-height:calc(28 * var(--u))}
}

/* ---------- 모바일 글자 크기 보정 (2026-10-22) : 본문 14px·소제목 16px·라벨 12px 이상 ---------- */
@media (max-width:768px){
	.jsg7_top_cate{font-size:max(13px,calc(22 * var(--t)))}
	.jsg7_top_desc{font-size:max(14px,calc(23 * var(--t)));text-shadow:0 0 6px rgba(255,255,255,.9),0 0 2px rgba(255,255,255,.9)}
	.jsg7_intro_desc{font-size:14px;line-height:1.7;padding:0 10px}
	.jsg7 .jsg7_band_txt{padding-left:20px;padding-right:20px}
	.jsg7_band_desc{font-size:14px;line-height:1.7;letter-spacing:-0.04em}
	.jsg7_what_sub{font-size:16px;line-height:1.5}
	.jsg7_what_desc{font-size:14px;line-height:1.7}
	.jsg7 .js0503_cards h4{font-size:16px}
	.js0503_cards li{padding-left:8px;padding-right:8px;padding-bottom:24px}
	.js0503_cards p{font-size:14px;line-height:1.6}
	.jsg7_label,.js0504_sp .jsg7_label{font-size:13px;line-height:1.4}
	.jsg7_feat_sub{font-size:16px;line-height:1.5}
	.jsg7_feat_desc,.js0504_sp .jsg7_feat_desc{font-size:14px;line-height:1.7}
	.js0503_steps li,.js0504_steps li{padding-left:10px;padding-right:10px}
	.jsg7 .js0503_steps h4,.jsg7 .js0504_steps h4{font-size:16px}
	.js0503_steps p,.js0504_steps p{font-size:14px;line-height:1.6;letter-spacing:-0.06em}
	.jsg7_need_list{padding-left:20px;padding-right:20px}
	.jsg7_need_list li,.js0504 .jsg7_need_list li{height:auto;min-height:calc(76 * var(--u));padding-top:8px;padding-bottom:8px;padding-left:calc(110 * var(--u));padding-right:12px;background-position:calc(50 * var(--u)) 50%;font-size:14px;line-height:1.5}
	/* 자가진단 : 셰이드 16단계를 8칸×2줄로 (그림은 같은 이미지를 칸별 배경으로 잘라 씀) */
	.js0504_self_box{margin-left:20px;margin-right:20px;padding:28px 14px 30px}
	.js0504_shade img{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%)}
	.js0504_shade_lb{grid-template-columns:repeat(8,1fr);row-gap:14px;margin-top:0}
	.js0504_shade_lb li{font-size:12px;line-height:1.3;letter-spacing:-0.03em}
	.js0504_shade_lb li:before{content:"";display:block;width:100%;aspect-ratio:58.875/80;margin-bottom:4px;background:url('/img/sub/html/0504_shade.png') no-repeat 0 0/1600% 100%}
	.js0504_shade_lb li:nth-child(2):before{background-position-x:calc(100% / 15 * 1)}
	.js0504_shade_lb li:nth-child(3):before{background-position-x:calc(100% / 15 * 2)}
	.js0504_shade_lb li:nth-child(4):before{background-position-x:calc(100% / 15 * 3)}
	.js0504_shade_lb li:nth-child(5):before{background-position-x:calc(100% / 15 * 4)}
	.js0504_shade_lb li:nth-child(6):before{background-position-x:calc(100% / 15 * 5)}
	.js0504_shade_lb li:nth-child(7):before{background-position-x:calc(100% / 15 * 6)}
	.js0504_shade_lb li:nth-child(8):before{background-position-x:calc(100% / 15 * 7)}
	.js0504_shade_lb li:nth-child(9):before{background-position-x:calc(100% / 15 * 8)}
	.js0504_shade_lb li:nth-child(10):before{background-position-x:calc(100% / 15 * 9)}
	.js0504_shade_lb li:nth-child(11):before{background-position-x:calc(100% / 15 * 10)}
	.js0504_shade_lb li:nth-child(12):before{background-position-x:calc(100% / 15 * 11)}
	.js0504_shade_lb li:nth-child(13):before{background-position-x:calc(100% / 15 * 12)}
	.js0504_shade_lb li:nth-child(14):before{background-position-x:calc(100% / 15 * 13)}
	.js0504_shade_lb li:nth-child(15):before{background-position-x:calc(100% / 15 * 14)}
	.js0504_shade_lb li:nth-child(16):before{background-position-x:100%}
	.js0504_bar{height:30px;margin-top:16px;padding:0 22px 0 10px;clip-path:polygon(0 0,calc(100% - 14px) 0,100% 50%,calc(100% - 14px) 100%,0 100%)}
	.js0504_bar span{font-size:12px}
	.js0504_self_desc{margin-top:18px;font-size:14px;line-height:1.7;font-weight:400}
	.jsg7 .js0504_kind{font-size:16px;line-height:1.5}
	.js0504_lami{padding-left:16px;padding-right:16px}
	.jsg7 .js0504_lami_txt h4{font-size:16px}
	.js0504_lami_txt p{font-size:14px;line-height:1.6}
	.js0504_care_box{margin-left:20px;margin-right:20px;padding-left:16px;padding-right:16px}
	.js0504_care_box li{align-items:flex-start}
	.js0504_care_box span{flex-basis:26px;height:26px;line-height:26px;margin-right:12px;font-size:13px}
	.js0504_care_box p{font-size:14px;line-height:1.6;padding-top:2px}
}