@charset "utf-8";
/* 프리텐다드 웹폰트 (가변 폰트, 필요한 글자만 내려받는 방식) */
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/variable/pretendardvariable-dynamic-subset.min.css");
/* ============================================================
   토마스정형외과 | 족부 비수술 클리닉 질환 페이지 공통 스타일
   경로: /theme/basic/css/clinic_page.css
   사용: /theme/basic/pages/0101.html ~ 0108.html
   - 공통 클래스는 .hv 로 시작
   - 페이지별 사진 위치는 .hv-0101, .hv-0102 … 로 구분
   ============================================================ */
.hv{--teal:#0e5f66;--teal-d:#0a4a50;--ink:#333;--sub:#666;--line:#e3e8e9;--bg:#f5f6f6;
    font-family:'Pretendard Variable',Pretendard,-apple-system,BlinkMacSystemFont,'Noto Sans KR','맑은 고딕','Malgun Gothic',sans-serif;color:var(--ink);line-height:1.75;word-break:keep-all;text-align:left}
.hv *{box-sizing:border-box}
.hv p,.hv li,.hv span,.hv blockquote{font-family:inherit}
.hv-in{max-width:1100px;margin:0 auto;padding:0 20px}
.hv h1,.hv h2,.hv h3{margin:0;font-weight:400;font-family:inherit;color:#222;line-height:1.4}
.hv strong,.hv em{font-style:normal;font-weight:700;color:var(--teal)}
.hv ol,.hv ul{margin:0;padding:0;list-style:none}
.hv p{margin:0}
/* ── 페이지별 사진 (기존 본문 이미지에서 잘라 사용) ── */
.hv-ph{background-repeat:no-repeat;background-color:#ddd;max-width:100%}
/* 0101 무지외반증: 사진은 개별 webp 이미지(<img>)로 교체 → /theme/basic/img/pages/ */
.hv img.hv-ph{display:block;width:100%;height:auto;background:none}

/* 1. 인트로 */
.hv-title{text-align:center;padding:80px 0 80px}
.hv-title h1{display:inline-block;font-size:45px;font-weight:700;color:var(--teal);padding:0 26px;border-left:1px solid #ccc;border-right:1px solid #ccc}
.hv-intro{display:grid;grid-template-columns:1fr 1fr;align-items:end}
.hv-intro-txt{padding:0 40px 40px 60px;align-self:start;padding-top:30px}
.hv-intro-txt h2{font-size:40px;margin-bottom:22px}
.hv-intro-txt p{font-size:22px;color:var(--sub)}

/* 2. 원인 */
.hv-sec-h{text-align:center;font-size:40px;padding:110px 0 50px}
.hv-cause{display:grid;grid-template-columns:1fr 1fr;background:var(--bg)}
.hv-cause-txt{display:flex;align-items:center;gap:28px;padding:40px 50px}
.hv-cause-txt svg{flex:0 0 96px;height:96px;stroke:#c9cfd1;fill:none;stroke-width:3}
.hv-cause-txt h3{font-size:35px;margin-bottom:12px}
.hv-cause-txt li,.hv-cause-txt p{font-size:21px;color:var(--sub)}
.hv-cause-txt ol li{counter-increment:c;padding-left:24px;position:relative}
.hv-cause-txt ol li:before{content:counter(c);position:absolute;left:0;color:#999}
.hv-cause-txt.r{justify-content:flex-end;text-align:left}

/* 3. 단계별 증상 */
.hv-stage-wrap{background:#fff;padding-bottom:90px}
.hv-stages{max-width:900px;margin:0 auto}
.hv-stage{display:flex;gap:36px;align-items:flex-start;padding:26px 0}
.hv-stage-ic{flex:0 0 120px;height:120px;border-radius:50%;overflow:hidden}
.hv-stage-ic img{display:block;width:100%;height:100%;object-fit:cover}
.hv-stage-b{padding-top:22px;font-size:22px;display:flex;align-items:baseline;gap:18px}
.hv-stage-b h3{flex:0 0 auto;font-size:35px;font-weight:700;color:var(--teal);line-height:1.2;padding-right:18px;border-right:1px solid #ccc}
.hv-stage-t{flex:1;min-width:0}
.hv-stage-b .more{display:block;color:var(--sub);margin-top:4px}
.hv-stage-b .more:before{content:"> ";color:#aaa}
.hv-stage-b ol{margin-top:16px;counter-reset:s}
.hv-stage-b ol li{counter-increment:s;padding:3px 0 3px 46px;position:relative;color:var(--sub)}
.hv-stage-b ol li:before{content:"0" counter(s);position:absolute;left:0;color:#777;padding-right:8px;border-right:1px solid #ccc}
.hv-note{text-align:center;font-size:22px;margin-top:50px;color:var(--sub)}
.hv-note p+p{margin-top:6px}

/* 4. 치료 과정 */
.hv-treat{background:linear-gradient(#fff 0 0) top/100% 90px no-repeat,var(--teal);padding:0 0 80px}
.hv-treat-box{max-width:980px;margin:0 auto;background:#fff;box-shadow:0 10px 30px rgba(0,0,0,.12);padding:70px 70px 60px}
.hv-treat-box h2{text-align:center;font-size:40px;margin-bottom:50px}
.hv-step{display:flex;align-items:center;gap:40px;padding:22px 0}
.hv-step.rev{flex-direction:row-reverse;justify-content:flex-end}
.hv-step-ic{flex:0 0 130px;height:130px;border-radius:50%;border:1px solid var(--line);display:flex;align-items:center;justify-content:center}
.hv-step-ic svg{width:64px;height:64px;stroke:var(--teal-d);fill:none;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.hv-step p{font-size:23px;flex:1;display:flex;align-items:baseline}
.hv-step p .t{flex:1;min-width:0}
.hv-step .n{flex:0 0 auto;color:#999;margin-right:12px;padding-right:12px;border-right:1px solid #ccc}
.hv-quote{margin-top:40px;background:var(--bg);text-align:center;font-size:24px;padding:30px 20px;line-height:1.8}

@media (max-width:768px){
 .hv-intro,.hv-cause{grid-template-columns:1fr}
 .hv-intro-txt{padding:30px 20px 30px}
 .hv-title{padding:50px 0}.hv-title h1{font-size:28px}
 .hv-intro-txt h2,.hv-sec-h,.hv-treat-box h2{font-size:24px}
 .hv-cause-txt h3{font-size:21px}
 .hv-sec-h{padding:70px 20px 36px}
 .hv-cause-txt{padding:30px 20px}.hv-cause-txt.r{justify-content:flex-start}
 /* 모바일 순서: 사진 → 선천적 원인 → 사진 → 후천적 원인 */
 .hv-cause .hv-ph4{order:1}
 .hv-cause .hv-cause-txt.r{order:2}
 .hv-stage{gap:18px;padding:18px 20px}.hv-stage-ic{flex-basis:70px;height:70px} .hv-stage-b{padding-top:6px;font-size:15px;display:block}.hv-stage-b h3{font-size:21px;border:0;padding:0;margin-bottom:4px}
 .hv-treat-box{padding:40px 20px}
 /* 모바일 치료 과정: 아이콘 왼쪽, 글 오른쪽(왼쪽 정렬) */
 .hv-step,.hv-step.rev{flex-direction:row;justify-content:flex-start;align-items:center;text-align:left;gap:16px}
 .hv-step-ic{order:-1;flex:0 0 72px;width:72px;height:72px}
 .hv-step-ic svg{width:36px;height:36px}
 .hv-step p{font-size:15px}
 .hv-step p br{display:none}
}

/* ============================================================
   공통 컴포넌트 (0102~0108)
   ============================================================ */
.hv{--brown:#857467;--pill:#005a6b}
.hv .sp{display:block;background-repeat:no-repeat;background-color:#e9eded;max-width:100%}
.hv-in-w{max-width:1100px;margin:0 auto;padding:0 20px}

/* 인트로: 글 + 사진 3장 (2x2) */
.hv-intro2{display:grid;grid-template-columns:1fr 1fr}
.hv-intro2 .hv-intro-txt{align-self:center;padding:40px 50px 40px max(60px,calc(50vw - 650px))}

/* 아이콘 원인 목록 (2열) */
.hv .hv-icgrid{max-width:1000px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:1fr 1fr;gap:44px 60px;list-style:none}
.hv-icgrid li{display:flex;align-items:center;gap:30px}
.hv-ic{flex:0 0 140px;width:140px;height:140px;border-radius:50%;overflow:hidden;background:#fff}
.hv-ic .sp{width:100%;height:100%}
.hv-icgrid .no{display:block;font-size:27px;font-weight:800;color:var(--teal);line-height:1.2;margin-bottom:4px}
.hv-icgrid p{font-size:22px;color:var(--sub);line-height:1.6}

/* 요약 문장 (체크) */
.hv-sum{max-width:1140px;margin:60px auto 0;padding:0 20px;text-align:center;font-size:25px;line-height:1.75;color:var(--ink)}
.hv-sum:before{content:"";display:inline-block;width:20px;height:20px;margin-right:10px;vertical-align:-3px;border-radius:50%;background:#e4eef0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%230e5f66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.hv-sec-pad{padding-bottom:100px}

/* 증상: 왼쪽 글 + 오른쪽 사진 */
.hv-sym{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);background:var(--bg)}
.hv-sym-b{padding:70px 50px 70px max(60px,calc(50vw - 650px));display:flex;flex-direction:column;align-items:center}
.hv-sym-b h2{font-size:40px;text-align:center;margin-bottom:34px}
.hv-pills{list-style:none;margin:0;padding:0;display:grid;gap:16px;width:100%;max-width:520px}
.hv-pills li{background:var(--pill);color:#fff;border-radius:999px;padding:16px 34px 16px 56px;position:relative;font-size:22px;line-height:1.6}
.hv-pills li:before{content:"";position:absolute;left:28px;top:50%;width:16px;height:16px;margin-top:-8px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.5l3 3L13 5' fill='none' stroke='white' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.hv-sym-b .txt{max-width:520px;width:100%;margin-top:36px;font-size:22px;color:var(--sub);line-height:1.9}
.hv-sym .sp{align-self:end}

/* 치료 과정 */
.hv-tsec h2.hv-sec-h{line-height:1.45}
.hv-tstep{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);background:#f7f7f7;align-items:stretch}
.hv-tstep.rev{grid-template-columns:minmax(0,1fr) minmax(0,1.15fr)}
.hv-tstep .t{align-self:center;padding:40px 50px 40px max(60px,calc(50vw - 650px));font-size:23px;line-height:1.8;display:flex;gap:12px;align-items:baseline}
.hv-tstep.rev .t{order:2;padding:40px max(60px,calc(50vw - 650px)) 40px 50px}
.hv-tstep .n{flex:0 0 auto;color:#999;padding-right:12px;border-right:1px solid #ccc}
.hv-tstep .sp{align-self:center}
.hv-band{background:var(--brown);color:#fff}
.hv-exams{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;margin:0;padding:0}
.hv-exams li{padding:44px 30px;text-align:center;border-left:1px solid rgba(255,255,255,.25)}
.hv-exams li:first-child{border-left:0}
.hv-exams h3{font-size:27px;font-weight:700;color:#fff;margin-bottom:12px}
.hv-exams h3 .k{font-weight:800;margin-right:8px;padding-right:8px;border-right:1px solid rgba(255,255,255,.5)}
.hv-exams p{font-size:21px;line-height:1.75;opacity:.92}
.hv-fig{margin:0;background:#1c1c1c;color:#fff;display:flex;flex-direction:column;align-items:center;padding:24px 20px}
.hv-fig .sp{width:100%;max-width:1100px;background-color:#000}
.hv-fig figcaption{font-size:21px;margin-top:12px;opacity:.85}
.hv-methods{display:grid;grid-template-columns:1fr 1fr;list-style:none;margin:0;padding:0}
.hv-methods li{display:flex;gap:30px;align-items:center;padding:40px 50px;border-top:1px solid rgba(255,255,255,.22)}
.hv-methods li:first-child{border-top:0}
.hv-methods li.wide{grid-column:1/-1;padding-left:max(50px,calc(50% - 450px))}
.hv-methods li:nth-child(2){border-right:1px solid rgba(255,255,255,.22)}
.hv-methods .hv-ic{flex-basis:120px;width:120px;height:120px;background:transparent}
.hv-methods h3{font-size:27px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.45}
.hv-methods h3 .k{font-weight:800;margin-right:8px;padding-right:8px;border-right:1px solid rgba(255,255,255,.5)}
.hv-methods p{font-size:21px;line-height:1.8;opacity:.95}
.hv-methods strong{color:#fff}
.hv-end{padding:70px 0 90px}

@media (max-width:768px){
 .hv-intro2,.hv-sym,.hv-tstep,.hv-tstep.rev{grid-template-columns:1fr}
 .hv-intro2 .hv-intro-txt{grid-column:1/-1;padding:30px 20px}
 .hv .hv-icgrid{grid-template-columns:1fr;gap:24px}
 .hv-icgrid li{gap:18px}
 .hv-ic{flex-basis:90px;width:90px;height:90px}
 .hv-icgrid p{font-size:15px}
 .hv-sum{font-size:16px;margin-top:40px}
 .hv-sym-b{padding:40px 20px}
 .hv-sym-b h2{font-size:24px}
 .hv-pills li{font-size:15px;padding:12px 20px 12px 46px}
 .hv-pills li:before{left:20px}
 .hv-tstep .t{padding:28px 20px;font-size:15px}
 .hv-tstep.rev .t{order:0;padding:28px 20px}
 .hv-exams{grid-template-columns:1fr}
 .hv-exams li{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:28px 20px}
 .hv-exams li:first-child{border-top:0}
 .hv-exams h3,.hv-methods h3{font-size:18px}
 .hv-methods{grid-template-columns:1fr}
 .hv-methods li,.hv-methods li.wide{padding:28px 20px;gap:18px;border-right:0!important}
 .hv-methods .hv-ic{flex-basis:76px;width:76px;height:76px}
 .hv-methods p{font-size:14.5px}
 .hv-end{padding:40px 0 60px}
}

/* 아이콘 원인 목록 (가로 4열, 아이콘 위) */
.hv .hv-iccol{max-width:1200px;margin:0 auto;padding:0 20px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;list-style:none;text-align:center}
.hv-iccol li{display:flex;flex-direction:column;align-items:center}
.hv-iccol .hv-ic{margin-bottom:18px}
.hv-iccol .no{display:block;font-size:27px;font-weight:800;color:var(--teal);margin-bottom:6px}
.hv-iccol p{font-size:22px;color:var(--sub);line-height:1.6}
.hv-iccol p.sm{font-size:19.5px;margin-top:8px;color:#777}

/* 증상: 사진 + 체크 목록 (가로) */
.hv-sym2{display:grid;grid-template-columns:1fr 1fr;background:#f9f9f9;align-items:center}
.hv-checks{list-style:none;margin:0;padding:40px max(60px,calc(50vw - 650px)) 40px 50px;display:grid;gap:10px}
.hv-checks li{position:relative;padding-left:28px;font-size:22px;line-height:1.7;color:var(--ink)}
.hv-checks li:before{content:"";position:absolute;left:0;top:.45em;width:18px;height:18px;border-radius:50%;background:#e4eef0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%230e5f66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.hv-note2{max-width:1140px;margin:0 auto;padding:60px 20px 110px;text-align:center;color:var(--sub);font-size:22px;line-height:1.8}
.hv-note2 ul{list-style:none;margin:6px 0 0;padding:0}
.hv-note2 li:before{content:"· ";color:#999}
.hv-note2 .em{margin-top:28px;font-size:25px;color:var(--ink)}

/* 치료 단계 아이콘(이미지) + 강조 상자 */
.hv-step-ic.spi{border:0;overflow:hidden;background:#fff}
.hv-step-ic.spi .sp{width:100%;height:100%}
.hv-step-body{flex:1;min-width:0}
.hv-step-body > p{font-size:23px;display:flex;align-items:baseline}
.hv-hl{background:#f5f5f5;border-radius:6px;padding:16px 20px;margin:18px 0 0 34px}
.hv-hl .pill{display:inline-block;background:var(--pill,#005a6b);color:#fff;border-radius:999px;padding:4px 18px;font-size:20px;margin-bottom:8px}
.hv-hl p{font-size:21px;color:var(--ink)}
.hv-step-body .sub{margin:14px 0 0 34px;font-size:21px;color:var(--sub)}

@media (max-width:768px){
 .hv .hv-iccol{grid-template-columns:1fr 1fr;gap:28px 14px}
 .hv-iccol p{font-size:15px}
 .hv-iccol p.sm{font-size:13px}
 .hv-sym2{grid-template-columns:1fr}
 .hv-checks{padding:28px 20px}
 .hv-checks li{font-size:15px}
 .hv-note2{padding:40px 20px 60px;font-size:15px}
 .hv-note2 .em{font-size:17px}
 .hv-step-body > p{font-size:15px}
 .hv-hl{margin-left:0;padding:14px}
 .hv-hl .pill{font-size:13px;border-radius:10px}
 .hv-hl p,.hv-step-body .sub{font-size:14.5px}
 .hv-step-body .sub{margin-left:0}
}
.hv-step .hv-hl p,.hv-step .hv-step-body .sub{display:block}

/* 인트로 반대 배치 (사진 왼쪽, 글 오른쪽) */
.hv-intro2.rev .hv-intro-txt{padding:40px max(60px,calc(50vw - 650px)) 40px 50px}
/* 치료 상자 안 이미지 + 체크 목록 */
.hv-media{display:flex;gap:30px;align-items:center;background:#f5f5f5;border-radius:6px;padding:24px 28px;margin:10px 0 20px}
.hv-media .sp{flex:0 0 260px;width:260px}
.hv-media .hv-checks{padding:0;flex:1;min-width:0}
.hv-media .hv-checks li{font-size:20.5px}
/* 치료 옵션 목록 상자 */
.hv-optbox{margin-top:16px;position:relative;padding-top:18px}
.hv-optbox .pill{position:absolute;top:0;left:16px;background:var(--pill,#005a6b);color:#fff;border-radius:999px;padding:5px 20px;font-size:20px}
.hv-optbox ol{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.hv-optbox ol>li{background:#f5f5f5;display:flex;gap:16px;align-items:baseline;padding:30px 30px 26px 40px;font-size:21px;color:var(--ink)}
.hv-optbox .k{flex:0 0 auto;color:#777;padding-right:12px;border-right:1px solid #ccc}
.hv-optbox p+p{margin-top:4px}
.hv-optbox .sm{color:#777;font-size:19.5px}
@media (max-width:768px){
 .hv-intro2.rev .hv-intro-txt{padding:30px 20px}
 .hv-intro2.rev .hv-intro-txt{order:-1}
 .hv-media{flex-direction:column;padding:18px}
 .hv-media .sp{flex-basis:auto;width:100%}
 .hv-media .hv-checks li{font-size:14.5px}
 .hv-optbox ol>li{padding:24px 16px 18px;font-size:14.5px;gap:10px}
}

/* 인트로: 글 + 아래 사진(왼쪽), 세로 긴 사진(오른쪽) */
.hv-intro3{display:grid;grid-template-columns:1fr 1fr;grid-template-areas:"t a1" "a2 a1"}
.hv-intro3 .hv-intro-txt{grid-area:t;align-self:center;padding:40px 50px 40px max(60px,calc(50vw - 650px))}
.hv-intro3 .a1{grid-area:a1}
.hv-intro3 .a2{grid-area:a2;align-self:end}
/* 원인 3열 */
.hv .hv-iccol.c3{grid-template-columns:repeat(3,minmax(0,1fr));row-gap:50px}
.hv .hv-iccol.c3 li:nth-child(4){grid-column:1/2;justify-self:end;width:min(100%,400px);margin-right:-15%}
.hv .hv-iccol.c3 li:nth-child(5){grid-column:3/4;justify-self:start;width:min(100%,400px);margin-left:-15%}
.hv-optbox .hv-media{margin:0;padding-top:34px}
.hv-media .sp-xr{flex-basis:340px;width:340px}
@media (max-width:768px){
 .hv-intro3{grid-template-columns:1fr;grid-template-areas:"t" "a1" "a2"}
 .hv-intro3 .hv-intro-txt{padding:30px 20px}
 .hv .hv-iccol.c3{grid-template-columns:1fr 1fr}
 .hv .hv-iccol.c3 li:nth-child(4),.hv .hv-iccol.c3 li:nth-child(5){grid-column:auto;justify-self:stretch;width:auto;margin:0}
 .hv-media .sp-xr{flex-basis:auto;width:100%}
 .hv-optbox .pill{font-size:13px;right:16px;border-radius:10px}
}

/* 인트로: 세로 긴 사진(왼쪽) + 글·사진(오른쪽) */
.hv-intro3.rev{grid-template-areas:"a1 t" "a1 a2"}
.hv-intro3.rev .hv-intro-txt{padding:40px max(60px,calc(50vw - 650px)) 40px 50px}
/* 체크 머리글 */
.hv-leadchk{text-align:center;padding:110px 20px 50px}
.hv-leadchk ul{list-style:none;margin:0 0 6px;padding:0;display:inline-block;text-align:left}
.hv-leadchk li{position:relative;padding-left:30px;font-size:27px;line-height:1.6;color:var(--ink)}
.hv-leadchk li:before{content:"";position:absolute;left:0;top:.38em;width:20px;height:20px;border-radius:50%;background:#e4eef0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%230e5f66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat}
.hv-leadchk h2{font-size:40px}
/* 종류 2열 + 전체폭 */
.hv .hv-iccol.c2{grid-template-columns:1fr 1fr;max-width:1000px;row-gap:60px}
.hv-iccol li.full{grid-column:1/-1}
.hv-iccol .tt{font-size:27px;font-weight:700;color:var(--teal);margin-bottom:8px}
.hv-iccol .tt .k{font-weight:800;margin-right:8px;padding-right:8px;border-right:1px solid #ccc}
.hv-iccol p.chk{margin-top:10px;display:inline-block;text-align:left;padding-left:26px;position:relative}
.hv-iccol p.chk:before{content:"";position:absolute;left:0;top:.35em;width:16px;height:16px;border-radius:50%;background:#eee url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%23777' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
.hv-sec-pad .hv-ic.big,.hv-iccol.c2 .hv-ic{flex-basis:170px;width:170px;height:170px}
/* 사진 + 글 (치료 소개) */
.hv-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;margin-top:110px}
.hv-split .b{padding:30px max(60px,calc(50vw - 650px)) 30px 60px}
.hv-split h2{font-size:40px;margin-bottom:26px}
.hv-split p{font-size:22px;color:var(--sub);line-height:1.9}
/* 검사 이미지(위 제목, 아래 인용) */
.hv-fig figcaption.top{margin:0 0 14px;align-self:center;max-width:1100px;width:100%;padding-left:12px;border-left:1px solid rgba(255,255,255,.4)}
.hv-fig .q{margin-top:22px;font-size:23px;text-align:center}
.hv-fig .q strong{color:#7fc4cb}
/* 띠 머리 + 단계 */
.hv-bandhead{display:grid;grid-template-columns:1fr 1fr;background:#5f514a;align-items:center}
.hv-bandhead h2{color:#fff;font-size:29px;font-weight:700;padding:0 60px;border-left:2px solid #fff;margin-left:60px;padding-left:16px;line-height:1.2}
.hv-phases{list-style:none;margin:0;padding:0}
.hv-phases>li{padding:44px max(60px,calc(50% - 560px));border-top:1px solid rgba(255,255,255,.2)}
.hv-phases>li:first-child{border-top:0}
.hv-phases h3{font-size:31px;font-weight:700;color:#fff;display:inline-block;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.5);margin-bottom:14px}
.hv-phases .lead{font-size:23px;margin-bottom:6px}
.hv-phases p,.hv-phases li li{font-size:21px;line-height:1.8;opacity:.95}
.hv-phases strong{color:#fff}
.hv-phases ul{list-style:none;margin:6px 0 0;padding:0}
.hv-phases li li{position:relative;padding-left:26px}
.hv-phases li li:before{content:"";position:absolute;left:0;top:.4em;width:16px;height:16px;border-radius:50%;background:rgba(255,255,255,.85) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%235f514a' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/12px no-repeat}
@media (max-width:768px){
 .hv-intro3.rev{grid-template-areas:"t" "a1" "a2"}
 .hv-intro3.rev .hv-intro-txt{padding:30px 20px}
 .hv-leadchk{padding:70px 20px 36px}
 .hv-leadchk li{font-size:16px}
 .hv-leadchk h2{font-size:24px}
 .hv .hv-iccol.c2{grid-template-columns:1fr}
 .hv-iccol.c2 .hv-ic{flex-basis:110px;width:110px;height:110px}
 .hv-iccol .tt{font-size:18px}
 .hv-split{grid-template-columns:1fr;margin-top:60px}
 .hv-split .b{padding:30px 20px}
 .hv-split h2{font-size:24px}
 .hv-split p{font-size:15px}
 .hv-split p br{display:none}
 .hv-fig .q{font-size:15px}
 .hv-bandhead{grid-template-columns:1fr}
 .hv-bandhead h2{margin:24px 20px;font-size:19px}
 .hv-phases>li{padding:30px 20px}
 .hv-phases h3{font-size:20px}
 .hv-phases .lead{font-size:16px}
 .hv-phases p,.hv-phases li li{font-size:14.5px}
 .hv-phases p br{display:none}
}

/* 사진 + 설명 행 */
.hv-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;background:#f7f7f7}
.hv-row .b{padding:40px max(60px,calc(50vw - 650px)) 40px 60px}
.hv-row.rev .b{padding:40px 60px 40px max(60px,calc(50vw - 650px))}
.hv-row h3{font-size:35px;margin-bottom:14px}
.hv-row p{font-size:22px;color:var(--sub);line-height:1.8}
.hv-row .hv-checks{padding:0}
/* 회색 상자 + 번호 알약 */
.hv-graybox{background:#f5f5f5;text-align:center;padding:90px 20px 100px;margin-top:0}
.hv-graybox h2{font-size:35px;line-height:1.5;margin-bottom:36px}
.hv .hv-npills{list-style:none;margin:0 auto 36px;padding:0;max-width:720px;display:grid;gap:12px}
.hv-npills li{background:#1f6b72;color:#fff;border-radius:999px;padding:16px 30px;font-size:22px;text-align:left}
.hv-npills .k{margin-right:10px;padding-right:10px;border-right:1px solid rgba(255,255,255,.5)}
.hv-graybox > p{font-size:22px;color:var(--sub);line-height:1.9}
/* 갈색 띠 가운데 정렬 */
.hv-bandc{text-align:center;padding:50px 20px}
.hv-bandc .sub{font-size:25px;opacity:.9}
.hv-bandc h3{font-size:29px;font-weight:700;color:#fff;margin:6px 0 16px}
.hv-bandc p{font-size:21px;line-height:1.8}
.hv-bandc strong{color:#fff}
/* 재활 운동: 어두운 띠 + 사진 */
.hv-rehab{display:grid;grid-template-columns:1fr 1fr;background:#564a43;color:#fff;align-items:center}
.hv-rehab .b{padding:30px 40px 30px max(40px,calc(50% - 360px))}
.hv-rehab p{font-size:22px;line-height:1.8}
.hv-rehab strong{color:#fff}
.hv-rehab .chk{margin-top:8px;font-size:20.5px;position:relative;padding-left:22px;opacity:.95}
.hv-rehab .chk:before{content:"✓";position:absolute;left:0}
@media (max-width:768px){
 .hv-row,.hv-rehab{grid-template-columns:1fr}
 .hv-row .b{padding:30px 20px}
 .hv-row.rev .b{order:2;padding:30px 20px}
 .hv-row h3{font-size:21px}
 .hv-row p{font-size:15px}
 .hv-graybox{padding:60px 20px}
 .hv-graybox h2{font-size:20px}
 .hv-npills li{font-size:14.5px;border-radius:14px;padding:12px 18px}
 .hv-graybox > p{font-size:15px}
 .hv-graybox > p br{display:none}
 .hv-bandc h3{font-size:18px}
 .hv-bandc p{font-size:14.5px}
 .hv-rehab .b{padding:30px 20px}
 .hv-rehab p{font-size:15px}
}

/* 2열 알약(자가진단) */
.hv .hv-pills.two{grid-template-columns:1fr 1fr;max-width:1000px;margin:0 auto 40px;text-align:left}
.hv-pills.two li{padding:16px 24px 16px 50px}
.hv-pills.two li:before{left:22px}
.hv-iccol.c2 p strong{color:var(--teal)}
.hv .hv-iccol.c2 + .hv-sec-h{padding-top:120px}
@media (max-width:768px){
 .hv .hv-pills.two{grid-template-columns:1fr}
 .hv-pills.two li{padding:12px 18px 12px 44px}
 .hv-pills.two li:before{left:18px}
 .hv .hv-iccol.c2 + .hv-sec-h{padding-top:70px}
}

/* ── 수정 2026-11-03 ── */
/* 요약 문장: 기본 .hv p{margin:0} 보다 우선해 가운데 정렬 + 위 여백 */
.hv p.hv-sum{margin:90px auto 0}
.hv .hv-end p.hv-sum{margin-top:0}
/* 치료 방법 02: 왼쪽 칸 내용을 오른쪽으로 붙이기(글은 왼쪽 정렬 유지) */
.hv-methods li:nth-child(2){justify-content:flex-end;padding-right:70px}
.hv-methods li:nth-child(2) > div{text-align:left}
.hv-methods li:nth-child(3){padding-left:70px}
@media (max-width:768px){
 .hv p.hv-sum{margin-top:50px}
 .hv-methods li:nth-child(2),.hv-methods li:nth-child(3){justify-content:flex-start;padding:28px 20px}
 /* 모바일: 설명 글의 PC용 줄바꿈 없애기 */
 .hv p br,.hv li br,.hv blockquote br,.hv .t br{display:none}
}

/* ── 글자 +5px 에 맞춘 폭 조정 ── */
.hv-pills,.hv-sym-b .txt{max-width:680px}
.hv .hv-icgrid{max-width:1200px}
.hv-treat-box{max-width:1140px}
.hv-stages{max-width:1040px}
.hv-note2,.hv p.hv-sum{max-width:1300px}
.hv .hv-iccol{max-width:1300px}
.hv .hv-iccol.c2,.hv .hv-pills.two{max-width:1200px}
.hv .hv-npills{max-width:880px}
.hv-media .sp{flex-basis:300px;width:300px}
.hv-ic{flex-basis:160px;width:160px;height:160px}
@media (max-width:768px){
 .hv-ic{flex-basis:90px;width:90px;height:90px}
 .hv-media .sp{flex-basis:auto;width:100%}
}
.hv-note.hv-in{max-width:1300px}

/* 사진 높이를 옆 글 높이에 맞춤(넘치는 부분은 아래쪽을 잘라냄) — --r = 사진 가로/세로 비율 */
.ph-fit{position:relative;overflow:hidden;container-type:size;align-self:stretch;min-height:320px;background:#e9eded}
.ph-fit .sp{position:absolute;top:0;left:50%;transform:translateX(-50%);width:max(100cqw,calc(100cqh * var(--r,1)));max-width:none}
@media (max-width:768px){.ph-fit{min-height:360px}}
.hv-0102 .hv-sym .ph-fit{--r:0.7936}

/* ── 수정: 소건막류 등 ── */
/* ※ 보충 설명: 본문보다 작고 연하게 (rem 단위라 PC +5px 일괄 증가에서 제외) */
.hv-iccol p.sm{font-size:1.05rem;color:#9a9a9a;line-height:1.7}
/* 체크 목록: 기본 .hv ul{padding:0} 보다 우선해 사진과 간격 확보 */
.hv ul.hv-checks{padding:40px max(60px,calc(50vw - 650px)) 40px 70px}
.hv .hv-row .hv-checks,.hv .hv-media .hv-checks{padding:0}
/* 요약(체크) 문장: PC 30px (아래 값 +5px 일괄 증가 적용) */
.hv p.hv-sum{font-size:30px;line-height:1.7}
.hv p.hv-sum:before{width:28px;height:28px;background-size:20px;vertical-align:-4px}
@media (max-width:768px){
 .hv ul.hv-checks{padding:28px 20px}
 .hv .hv-row .hv-checks,.hv .hv-media .hv-checks{padding:0}
 .hv p.hv-sum{font-size:17px}
 .hv p.hv-sum:before{width:20px;height:20px;background-size:16px;vertical-align:-3px}
 .hv-iccol p.sm{font-size:.85rem}
}
/* 내용이 긴 치료 단계(강조 상자 포함): 아이콘을 단계 번호 줄 옆 위쪽에 */
.hv-step:has(.hv-step-body){align-items:flex-start}
.hv-step:has(.hv-step-body) .hv-step-ic{margin-top:-14px}
/* 지간신경종 옵션 상자의 괄호 설명: 앞 글자와 같은 크기 */
.hv-optbox .sm{font-size:inherit}

/* 인트로(세로 긴 사진형): 글 영역 높이를 긴 사진의 색 경계선 위치에 맞춰 왼쪽·오른쪽 사진 줄을 맞춤 */
.hv-intro3 .hv-intro-txt{aspect-ratio:var(--ar,auto)}
.hv-intro3 .a2{align-self:start}
.hv-0105 .hv-intro3{--ar:958/500}
.hv-0107 .hv-intro3{--ar:958/481}
.hv-0106 .hv-intro3{--ar:960/379}
@media (max-width:768px){.hv-intro3 .hv-intro-txt{aspect-ratio:auto}}
.hv-intro3{grid-template-rows:auto 1fr}
@media (max-width:768px){.hv-intro3{grid-template-rows:auto}}
.hv-intro3 .hv-intro-txt{padding-top:0;padding-bottom:0;display:flex;flex-direction:column;justify-content:center}
@media (max-width:768px){.hv-intro3 .hv-intro-txt{padding-top:30px;padding-bottom:30px}}
.hv-intro3.rev .hv-intro-txt{padding-top:0;padding-bottom:0}
@media (max-width:768px){.hv-intro3.rev .hv-intro-txt{padding:30px 20px}}

/* 0106 비수술 치료방법 제목을 아래 1단계와 같은 세로줄에 */
.hv-bandhead{container-type:inline-size}
.hv-bandhead h2{margin-left:max(60px,calc(50cqw - 560px))}
@media (max-width:768px){.hv-bandhead h2{margin-left:20px}}

/* ============================================================
   재생치료 클리닉 (0202 초음파 투시하 특수강화치료 · 0203 PRP · 0204 체외충격파 · 0207 줄기세포)
   ============================================================ */
/* 인체 그림 + 증상 상자 (상자는 원본 그림 위 같은 자리에 글자로 덮음) */
.hv-body{position:relative;max-width:1400px;margin:0 auto;container-type:inline-size}
.hv-body > .sp{width:100%;background-color:#fff}
.hv-body .bx{position:absolute;background:#005e6a;color:#fff;padding:1.15cqw 1.4cqw;text-align:left;border-radius:2px}
.hv-body .bx h3{color:#fff;font-weight:700;font-size:clamp(13px,1.6cqw,23px);line-height:1.35;margin-bottom:.35em}
.hv-body .bx p{color:#e6f1f2;font-size:clamp(11px,1.22cqw,17px);line-height:1.55}
/* 큰따옴표 인용 문장 */
.hv p.hv-q{max-width:1300px;margin:0 auto;padding:0 20px;text-align:center;font-size:30px;line-height:1.6;color:#333}
.hv-quote-sec{padding:120px 0 0}
.hv-quote-sec .hv-note2{padding-top:40px}
/* 알약 모양 소제목 */
.hv .hv-tag{display:inline-block;background:#005e6a;color:#fff;border-radius:999px;padding:7px 28px;font-size:22px;line-height:1.5;margin-bottom:22px}
.hv-tag b{font-weight:700}
.hv-row .b > p + p{margin-top:12px}
/* 번호 목록 (01 | 내용) */
.hv-olist{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hv-olist li{display:flex;gap:12px;align-items:baseline;font-size:22px;line-height:1.7;color:var(--sub)}
.hv-olist .k{flex:0 0 auto;color:#555;padding-right:10px;border-right:1px solid #bbb;line-height:1.1}
/* 어두운 띠 (가운데 정렬 글) */
.hv-darkband{background:#453730;color:#fff;text-align:center;padding:56px 20px}
.hv-darkband p{font-size:22px;line-height:1.8;color:#f1ece9}
.hv-darkband p + p{margin-top:18px}
.hv-darkband strong{color:#fff}
.hv-darkband .ck:before{content:"✓";display:inline-block;margin-right:8px;font-weight:700}
.hv-darkband h2{color:#fff;font-size:35px;margin-bottom:34px}
.hv .hv-darkband .hv-tag{background:#005e6a;margin-bottom:16px}
.hv-darkband .blk + .blk{margin-top:50px}
.hv-darkband.c-brown2{background:#53473f}
.hv-darkband.c-gray{background:#4a4a4a}
.hv-darkband.c-teal{background:linear-gradient(135deg,#1a6a76,#0f4f59)}
.hv-darkband.c-navy{background:linear-gradient(135deg,#1d4954,#12333c)}
.hv-darkband .q{margin-top:44px;font-size:23px}
/* 두 영역 사이 + 표시 */
.hv-plus{position:relative;height:0;z-index:2}
.hv-plus:before{content:"+";position:absolute;left:50%;top:0;width:66px;height:66px;margin:-33px 0 0 -33px;border-radius:50%;background:#005e6a;color:#fff;font-size:49px;line-height:62px;text-align:center;font-weight:300}
/* 청록 배경 + 흰 카드 */
.hv-tealwrap{background:#005d69;padding:90px 20px}
.hv-card{background:#fff;max-width:1200px;margin:0 auto;padding:70px 60px 80px;box-shadow:0 10px 30px rgba(0,0,0,.15);text-align:center}
.hv-card h2{font-size:35px;line-height:1.5;margin-bottom:36px}
.hv-period{background:#f2f2f2;padding:44px 30px 30px;position:relative;margin:28px 0 60px}
.hv .hv-period .hv-tag{position:absolute;left:50%;top:0;transform:translate(-50%,-50%);margin:0}
.hv .ckl{list-style:none;margin:0;padding:0;display:inline-block;text-align:left}
.hv .ckl li{position:relative;padding-left:28px;font-size:22px;line-height:1.8;color:var(--sub)}
.hv .ckl li:before{content:"";position:absolute;left:0;top:.42em;width:18px;height:18px;border-radius:50%;background:#e4eef0 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5 10.5l3.2 3L15 7' fill='none' stroke='%230e5f66' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/14px no-repeat}
.hv-darkband .ckl li{color:#f1ece9}
.hv-darkband .ckl li:before{background-color:rgba(255,255,255,.9)}
/* 주의사항 2x2 */
.hv .hv-cautions{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:50px 40px;text-align:left}
.hv-cautions li{display:flex;gap:30px;align-items:flex-start}
.hv-cautions .hv-ic{flex-basis:170px;width:170px;height:170px}
.hv-cautions h3{font-size:25px;color:#333;margin:6px 0 10px}
.hv-cautions h3 .k{display:inline-flex;align-items:center;justify-content:center;width:1.3em;height:1.3em;border:1px solid var(--teal);border-radius:50%;color:var(--teal);font-size:.8em;font-weight:700;vertical-align:.1em}
.hv-cautions p{font-size:22px;line-height:1.75;color:var(--sub)}
/* 아이콘 흐름 (시술 과정·작용 원리 등) */
.hv .hv-flow{list-style:none;margin:0 auto;padding:0 20px;max-width:1300px;display:flex;justify-content:center;gap:60px;text-align:center}
.hv-flow li{position:relative;flex:0 1 240px;display:flex;flex-direction:column;align-items:center}
.hv-flow .hv-ic{margin-bottom:22px}
.hv-flow.arr li + li:before{content:"→";position:absolute;left:-46px;top:62px;font-size:29px;color:#aaa}
.hv-flow h3{font-size:25px;font-weight:700;color:var(--teal);margin-bottom:10px}
.hv-flow p{font-size:22px;line-height:1.65;color:var(--sub)}
.hv-flow.dark h3,.hv-flow.dark p{color:#fff}
.hv-darkband .hv-flow{margin-top:44px}
/* 흰 알약 목록 (청록 띠 위) */
.hv .hv-wpills{list-style:none;margin:0 auto;padding:0;max-width:700px;display:grid;gap:14px}
.hv-wpills li{background:#fff;color:#444;border-radius:999px;padding:12px 30px;font-size:22px;line-height:1.6}
.hv-wpills strong{color:#0f5560}
/* 회색 띠 인용 */
.hv-quoteband{background:#f7f7f7;padding:80px 0}
/* 가운데 체크 문장 */
.hv-ckc{text-align:center;padding:30px 20px 0}
/* 줄 없는 3열 (없는 3가지) */
.hv .hv-no3{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.hv-no3 li{display:flex;flex-direction:column;align-items:center}
.hv-no3 .hv-ic{flex-basis:200px;width:200px;height:200px;margin-bottom:24px}
.hv-no3 h3{font-size:27px;margin-bottom:10px}
.hv-no3 p{font-size:22px;line-height:1.7;color:var(--sub)}
/* 흰 배경 사진 행 */
.hv-row.w{background:#fff}
.hv-row h3 strong{font-weight:700}
@media (max-width:768px){
 .hv-body{padding:0 20px;display:grid;gap:10px}
 .hv-body > .sp{display:none}
 .hv-body .bx{position:static;width:auto!important;min-height:0!important;padding:16px 18px}
 .hv-body .bx h3{font-size:17px}
 .hv-body .bx p{font-size:14.5px}
 .hv p.hv-q{font-size:19px}
 .hv-quote-sec{padding-top:70px}
 .hv .hv-tag{font-size:14.5px;padding:6px 20px}
 .hv-olist li,.hv .ckl li,.hv-darkband p,.hv-cautions p,.hv-flow p,.hv-wpills li,.hv-no3 p{font-size:14.5px}
 .hv-darkband{padding:40px 20px}
 .hv-darkband h2,.hv-card h2{font-size:21px}
 .hv-tealwrap{padding:50px 16px}
 .hv-card{padding:44px 20px 50px}
 .hv .hv-cautions{grid-template-columns:1fr;gap:30px}
 .hv-cautions li{gap:18px}
 .hv-cautions .hv-ic{flex-basis:96px;width:96px;height:96px}
 .hv .hv-flow{flex-wrap:wrap;gap:30px 16px}
 .hv-flow li{flex:0 0 calc(50% - 8px)}
 .hv-flow.arr li + li:before{display:none}
 .hv-flow .hv-ic{width:110px;height:110px;flex-basis:110px}
 .hv .hv-no3{grid-template-columns:1fr;gap:40px}
 .hv-no3 .hv-ic{width:130px;height:130px;flex-basis:130px}
 .hv-wpills li{border-radius:16px;padding:10px 18px}
 .hv-quoteband{padding:50px 0}
}
.hv-intro2{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
@media (max-width:768px){.hv-intro2{grid-template-columns:1fr}}
.hv-quoteband p.hv-q,.hv-quote-sec p.hv-q{background:none}
.hv .hv-flow{gap:40px}
.hv-flow li{flex:0 1 280px}
.hv-flow.arr li + li:before{left:-34px}
.hv .hv-wpills{max-width:900px}
@media (max-width:768px){.hv .hv-flow{gap:30px 16px}.hv-flow li{flex:0 0 calc(50% - 8px)}}
/* 인체 그림 상자: 여백 넓게 + 둥근 모서리 */
.hv-body .bx{padding:2cqw;border-radius:14px}
@media (max-width:768px){.hv-body .bx{padding:16px 18px;border-radius:12px}}
/* 어두운 띠 안 소제목: 항상 내용 위 가운데 */
.hv .hv-darkband .blk > .hv-tag{display:table;margin:0 auto 16px}
/* 인체 그림 상자 글자 +3px */
.hv-body .bx h3{font-size:clamp(15px,1.86cqw,26px)}
.hv-body .bx p{font-size:clamp(12px,1.43cqw,20px)}
@media (max-width:768px){.hv-body .bx h3{font-size:20px}.hv-body .bx p{font-size:17.5px}}

/* ============================================================
   영양수액(0205) · 골다공증&근감소증(0206) · 병원소개(0301)
   ============================================================ */
.hv-flow h3.mix{font-weight:400;color:#333}
.hv-flow h3.mix strong{font-weight:700}
.hv .hv-flow.c2{flex-wrap:wrap;max-width:1200px;row-gap:70px}
.hv-flow.c2 li{flex:0 0 calc(50% - 20px)}
.hv-flow .sm{margin-top:8px;font-size:21px;color:#777}
.hv .hv-tag.lg{font-size:30px;padding:8px 34px;margin-bottom:18px}
.hv-tag.lg b{font-weight:800}
.hv-row p.lead{font-weight:700;color:var(--teal);margin-bottom:10px}
.hv-card .hv-tag{margin-bottom:46px}
.hv-cautions h3 strong{color:var(--teal)}
/* 두 이미지 비교 (정상 뼈 · 골다공증 뼈) */
.hv-pair{display:flex;justify-content:center;gap:70px;padding-top:110px}
.hv-pair figure{margin:0;text-align:center}
.hv-pair .sp{width:180px;border-radius:50%;background-color:transparent}
.hv-pair figcaption{margin-top:14px;font-size:22px;color:#555}
.hv-qbig{padding:70px 0 0}
.hv-qbig p.hv-q:before,.hv-qbig p.hv-q:after{content:"“";display:block;font-size:45px;line-height:1;color:#bbb;font-family:Georgia,serif;margin:0 auto 10px}
.hv-qbig p.hv-q:after{content:"”";margin:16px auto 0}
/* 청록 띠: 글(왼쪽) + 그림(오른쪽) */
.hv-band2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);background:#135865;color:#fff;align-items:center}
.hv-band2 .b{padding:50px 50px 50px max(60px,calc(50vw - 650px))}
.hv-band2 .sub{font-size:23px;color:#d5e6e8}
.hv-band2 h2{color:#fff;font-size:35px;font-weight:700;margin:4px 0 22px}
.hv-band2 p{font-size:22px;line-height:1.8;color:#eaf3f4}
/* 장비 소개 */
.hv-equip{background:#f8f8f8;padding:90px 20px 100px;position:relative;margin-top:60px}
.hv-equip .hv-plus{position:absolute;left:0;right:0;top:0}
.hv-equip h2{text-align:center;font-size:35px;margin-bottom:60px}
.hv-equip .it{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:50px;align-items:center}
.hv-equip .it + .it{margin-top:60px}
.hv-equip .it .sp{justify-self:center;width:100%;background-color:transparent}
.hv-equip .it.rev .sp{order:2}
.hv-equip .it.rev .t{text-align:right}
.hv-equip h3{font-size:25px;font-weight:700;color:var(--teal);margin-bottom:10px}
.hv-equip p{font-size:22px;line-height:1.8;color:var(--sub)}
/* 병원소개 */
.hv-about h2{font-size:40px;line-height:1.45;margin-bottom:40px}
.hv-about h2 strong{font-weight:700}
.hv-about .b p + p{margin-top:16px}
.hv-feat{margin-top:90px}
.hv-feat > .sp{width:100%;background-color:#ddd}
.hv .hv-feat3{list-style:none;max-width:1420px;margin:-120px auto 0;padding:0;position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));background:#145a64;color:#fff;text-align:center}
.hv-feat3 li{padding:46px 30px 52px;border-left:1px solid rgba(255,255,255,.25)}
.hv-feat3 li:first-child{border-left:0}
.hv-feat3 h3{color:#fff;font-size:27px;font-weight:700;margin-bottom:16px}
.hv-feat3 p{font-size:22px;line-height:1.75;color:#e3eff0}
@media (max-width:768px){
 .hv-flow.c2 li{flex:0 0 100%}
 .hv .hv-tag.lg{font-size:18px;padding:6px 22px}
 .hv-pair{gap:24px;padding-top:60px}
 .hv-pair .sp{width:120px}
 .hv-band2{grid-template-columns:1fr}
 .hv-band2 .b{padding:40px 20px}
 .hv-band2 h2{font-size:22px}
 .hv-band2 p,.hv-equip p,.hv-feat3 p{font-size:14.5px}
 .hv-equip{padding:60px 20px}
 .hv-equip h2{font-size:21px;margin-bottom:36px}
 .hv-equip .it{grid-template-columns:1fr;gap:20px}
 .hv-equip .it.rev .sp{order:0}
 .hv-equip .it.rev .t{text-align:left}
 .hv-about h2{font-size:24px;margin-bottom:24px}
 .hv .hv-feat3{grid-template-columns:1fr;margin:0}
 .hv-feat3 li{border-left:0;border-top:1px solid rgba(255,255,255,.25);padding:30px 20px}
}
.hv .hv-card h2.hv-tag{font-size:27px;padding:10px 40px;line-height:1.5}
.hv-equip .sp-e2{max-width:380px}
@media (max-width:768px){.hv .hv-card h2.hv-tag{font-size:17px}}
.hv .hv-flow.w li{flex-basis:400px}
.hv .hv-feat3{width:74%}
.hv-0205 .hv-card{max-width:1300px;padding-left:50px;padding-right:50px}
.hv-0205 .hv-cautions .hv-ic{flex-basis:140px;width:140px;height:140px}
.hv-0205 .hv-cautions li{gap:24px;align-items:center}
@media (max-width:768px){.hv .hv-feat3{width:auto}.hv-0205 .hv-cautions .hv-ic{flex-basis:90px;width:90px;height:90px}}
.hv-0206 .hv-row p br,.hv-equip p br{display:none}

/* ============================================================
   의료진 소개(0302) · 병원 둘러보기(0303) · 진료시간·오시는길(0304)
   ============================================================ */
/* 의료진 */
.hv-doc{background:#f9f9f9;padding:10px 20px 110px}
.hv-doc .hv-qbig{padding:40px 0 70px}
.hv-doc-card{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:minmax(0,490px) minmax(0,1fr);gap:60px;align-items:center}
.hv-doc-card .sp{width:100%}
.hv-doc-name{border-left:3px solid var(--teal);padding-left:18px;margin-bottom:16px}
.hv .hv-doc-name h2{font-size:45px;font-weight:700;color:var(--teal);letter-spacing:.12em;line-height:1.3}
.hv-doc-name .pos{font-size:27px;color:#555}
.hv-doc .major{font-size:21px;color:#777;margin-bottom:34px}
.hv-doc .msg p{font-size:23px;line-height:1.8;color:#555}
.hv-doc .msg p + p{margin-top:20px}
/* 둘러보기 사진 */
.hv-gal{max-width:1630px;margin:0 auto;padding:0 20px 120px;display:grid;gap:46px}
.hv-gal .r{display:grid;gap:46px;align-items:start}
.hv-gal .r2{grid-template-columns:773fr 807fr}
.hv-gal .r3{grid-template-columns:821fr 757fr}
.hv-gal .r4{grid-template-columns:702fr 881fr}
.hv-gal .stack{display:grid;gap:46px}
.hv-gal .sp{width:100%}
/* 진료시간·오시는길 */
.hv-info{background:#fafbfd;padding:36px 20px}
.hv .hv-info dl{max-width:1150px;margin:0 auto;display:grid;grid-template-columns:auto 1fr;gap:12px 20px;align-items:center}
.hv-info dt,.hv-hours dt{background:#005e6a;color:#fff;border-radius:999px;padding:4px 18px;font-size:22px;text-align:center;letter-spacing:.2em;white-space:nowrap;font-size:20px}
.hv-info dd,.hv-hours dd{margin:0;font-size:22px;color:#333}
.hv-info a{color:inherit;text-decoration:none}
.hv-blk{max-width:1150px;margin:0 auto;display:flex;gap:40px;padding:40px 20px 0}
.hv-blk > .hv-ic{flex:0 0 136px;width:136px;height:136px}
.hv-blk .b{flex:1;min-width:0;padding-top:10px}
.hv-blk h2{font-size:30px;color:var(--teal);margin-bottom:16px}
.hv .hv-hours{display:grid;grid-template-columns:auto 1fr auto 1fr;gap:12px 20px;align-items:center;margin:0;max-width:900px}
.hv-hours dd small{font-size:19px;color:#666}
.hv-hours .full{grid-column:2/-1}
.hv-blk .note{margin-top:22px;font-size:22px;line-height:1.75;color:#555;padding-left:1.2em;text-indent:-1.2em}
.hv-map{max-width:1150px;margin:30px auto 0;padding:0 20px}
.hv-map .root_daum_roughmap{width:100%!important;left:0!important}
.hv-trans{max-width:1150px;margin:0 auto;padding:30px 20px 120px;display:grid;grid-template-columns:1fr 1fr;gap:40px 50px}
.hv-trans .it{display:flex;gap:28px}
.hv-trans .hv-ic{flex:0 0 120px;width:120px;height:120px}
.hv-trans h3{font-size:27px;color:var(--teal);margin:10px 0 12px}
.hv .hv-trans ul{margin:0;padding:0;list-style:none}
.hv-trans li{position:relative;padding-left:16px;font-size:21px;line-height:1.75;color:#555}
.hv-trans li + li{margin-top:12px}
.hv-trans li:before{content:"·";position:absolute;left:0;color:var(--teal);font-weight:700}
@media (max-width:768px){
 .hv-doc-card{grid-template-columns:1fr;gap:30px}
 .hv .hv-doc-name h2{font-size:28px}
 .hv-doc-name .pos{font-size:17px}
 .hv-doc .msg p{font-size:15px}
 .hv-gal,.hv-gal .r,.hv-gal .stack{gap:14px}
 .hv-gal .r2,.hv-gal .r3,.hv-gal .r4{grid-template-columns:1fr}
 .hv .hv-info dl{grid-template-columns:1fr;gap:6px}
 .hv-info dt{justify-self:start}
 .hv-info dd,.hv-hours dd{font-size:15px}
 .hv-info dt,.hv-hours dt{font-size:13px;padding:3px 12px}
 .hv-blk{gap:16px}
 .hv-blk > .hv-ic{flex-basis:70px;width:70px;height:70px}
 .hv-blk h2{font-size:19px}
 .hv .hv-hours{grid-template-columns:auto 1fr;gap:8px 10px}
 .hv-hours .full{grid-column:2}
 .hv-blk .note{font-size:14px}
 .hv-trans{grid-template-columns:1fr;padding-bottom:70px}
 .hv-trans .it{gap:16px}
 .hv-trans .hv-ic{flex-basis:70px;width:70px;height:70px}
 .hv-trans h3{font-size:18px}
 .hv-trans li{font-size:14px}
}
/* 0304 주소·전화: 아래 진료시간 표와 같은 줄 맞춤 + 전화 아이콘 */
.hv-info{padding:36px 0}
.hv-info .hv-blk{padding-top:0;align-items:center}
.hv-info .hv-blk .b{padding-top:0}
.hv-blind{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.hv-ic.ic-svg{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid #ddd}
.hv-ic.ic-svg svg{width:46%;height:46%}
.hv-addr a{color:inherit;text-decoration:none}
.hv .hv-hours dt{min-width:118px}
@media (max-width:768px){.hv-info{padding:24px 0}.hv .hv-hours dt{min-width:0}}
.hv .hv-hours dt{min-width:0;width:150px;letter-spacing:.12em}
@media (max-width:768px){.hv .hv-hours dt{width:96px}}

/* ── 사진·아이콘: 개별 webp 이미지(<img class="sp">) ── */
img.sp{width:100%;height:auto;object-fit:cover}
.hv img.sp{background:none}


/* 0102 족저근막염 : 사진은 /theme/basic/img/pages/plantar-fasciitis-*.webp */
.hv-0102 .sp-p1{aspect-ratio:960/482}
.hv-0102 .sp-p2{aspect-ratio:960/439}
.hv-0102 .sp-p3{aspect-ratio:960/438}
.hv-0102 .sp-ic1{aspect-ratio:225/225}
.hv-0102 .sp-ic2{aspect-ratio:225/225}
.hv-0102 .sp-ic3{aspect-ratio:225/225}
.hv-0102 .sp-ic4{aspect-ratio:225/225}
.hv-0102 .sp-ic5{aspect-ratio:225/225}
.hv-0102 .sp-ic6{aspect-ratio:225/225}
.hv-0102 .sp-ic7{aspect-ratio:225/225}
.hv-0102 .sp-p4{aspect-ratio:873/1100}
.hv-0102 .sp-p5{aspect-ratio:895/290}
.hv-0102 .sp-p6{aspect-ratio:1410/392}
.hv-0102 .sp-p7{aspect-ratio:895/289}
.hv-0102 .sp-m1{aspect-ratio:190/190}
.hv-0102 .sp-m2{aspect-ratio:190/190}
.hv-0102 .sp-m3{aspect-ratio:190/190}
.hv-0102 .sp-m4{aspect-ratio:190/190}

/* 0103 소건막류 : 사진은 /theme/basic/img/pages/bunionette-*.webp */
.hv-0103 .sp-p1{aspect-ratio:960/379}
.hv-0103 .sp-p2{aspect-ratio:960/438}
.hv-0103 .sp-p3{aspect-ratio:960/438}
.hv-0103 .sp-p4{aspect-ratio:957/431}
.hv-0103 .sp-ic1{aspect-ratio:192/192}
.hv-0103 .sp-ic2{aspect-ratio:192/192}
.hv-0103 .sp-ic3{aspect-ratio:192/192}
.hv-0103 .sp-ic4{aspect-ratio:192/192}
.hv-0103 .sp-s1{aspect-ratio:252/252}
.hv-0103 .sp-s2{aspect-ratio:252/252}

/* 0104 지간신경종 : 사진은 /theme/basic/img/pages/mortons-neuroma-*.webp */
.hv-0104 .sp-p1{aspect-ratio:962/500}
.hv-0104 .sp-p2{aspect-ratio:962/438}
.hv-0104 .sp-p3{aspect-ratio:958/438}
.hv-0104 .sp-p4{aspect-ratio:957/431}
.hv-0104 .sp-ic1{aspect-ratio:190/190}
.hv-0104 .sp-ic2{aspect-ratio:190/190}
.hv-0104 .sp-ic3{aspect-ratio:190/190}
.hv-0104 .sp-ic4{aspect-ratio:190/190}
.hv-0104 .sp-s1{aspect-ratio:252/252}
.hv-0104 .sp-s2{aspect-ratio:252/252}
.hv-0104 .sp-us{aspect-ratio:281/156}

/* 0105 아킬레스건염 : 사진은 /theme/basic/img/pages/achilles-tendinitis-*.webp */
.hv-0105 .sp-p1{aspect-ratio:958/938}
.hv-0105 .sp-p2{aspect-ratio:962/390}
.hv-0105 .sp-p4{aspect-ratio:957/429}
.hv-0105 .sp-ic1{aspect-ratio:190/190}
.hv-0105 .sp-ic2{aspect-ratio:190/190}
.hv-0105 .sp-ic3{aspect-ratio:190/190}
.hv-0105 .sp-ic4{aspect-ratio:190/190}
.hv-0105 .sp-ic5{aspect-ratio:190/190}
.hv-0105 .sp-s1{aspect-ratio:252/252}
.hv-0105 .sp-s2{aspect-ratio:252/252}
.hv-0105 .sp-xr{aspect-ratio:600/158}

/* 0106 스포츠손상 및 외상 : 사진은 /theme/basic/img/pages/sports-injury-*.webp */
.hv-0106 .sp-p1{aspect-ratio:960/818}
.hv-0106 .sp-p2{aspect-ratio:960/439}
.hv-0106 .sp-p3{aspect-ratio:866/588}
.hv-0106 .sp-fig{aspect-ratio:1230/345}
.hv-0106 .sp-p4{aspect-ratio:960/222}
.hv-0106 .sp-ic1{aspect-ratio:232/232}
.hv-0106 .sp-ic2{aspect-ratio:232/232}
.hv-0106 .sp-ic3{aspect-ratio:232/232}

/* 0107 부주상골증후군 : 사진은 /theme/basic/img/pages/accessory-navicular-*.webp */
.hv-0107 .sp-p1{aspect-ratio:958/920}
.hv-0107 .sp-p2{aspect-ratio:962/439}
.hv-0107 .sp-p3{aspect-ratio:962/438}
.hv-0107 .sp-p4{aspect-ratio:958/425}
.hv-0107 .sp-fig{aspect-ratio:1200/350}
.hv-0107 .sp-p5{aspect-ratio:922/284}

/* 0108 평발 : 사진은 /theme/basic/img/pages/flat-foot-*.webp */
.hv-0108 .sp-p1{aspect-ratio:960/482}
.hv-0108 .sp-p2{aspect-ratio:960/439}
.hv-0108 .sp-p3{aspect-ratio:960/438}
.hv-0108 .sp-t1{aspect-ratio:190/190}
.hv-0108 .sp-t2{aspect-ratio:190/190}
.hv-0108 .sp-ic1{aspect-ratio:190/190}
.hv-0108 .sp-ic2{aspect-ratio:190/190}
.hv-0108 .sp-ic3{aspect-ratio:190/190}
.hv-0108 .sp-ic4{aspect-ratio:190/190}
.hv-0108 .sp-ic5{aspect-ratio:190/190}
.hv-0108 .sp-s1{aspect-ratio:256/256}

/* 0202 초음파 투시하 특수강화치료 : 사진은 /theme/basic/img/pages/ultrasound-guided-prolotherapy-*.webp */
.hv-0202 .sp-p1{aspect-ratio:962/500}
.hv-0202 .sp-p2{aspect-ratio:962/438}
.hv-0202 .sp-p3{aspect-ratio:958/438}
.hv-0202 .sp-dg{aspect-ratio:1400/1280}
.hv-0202 .sp-p4{aspect-ratio:960/427}
.hv-0202 .sp-p5{aspect-ratio:908/426}
.hv-0202 .sp-c1{aspect-ratio:258/258}
.hv-0202 .sp-c2{aspect-ratio:258/258}
.hv-0202 .sp-c3{aspect-ratio:258/258}
.hv-0202 .sp-c4{aspect-ratio:258/258}
.hv-0202 .sp-p6{aspect-ratio:960/800}
.hv-0202 .hv-body .b1{left:3.357%;top:10.859%;width:33.786%;min-height:12.578%}
.hv-0202 .hv-body .b2{left:3.357%;top:24.375%;width:33.786%;min-height:16.406%}
.hv-0202 .hv-body .b3{left:3.357%;top:59.531%;width:33.714%;min-height:12.578%}
.hv-0202 .hv-body .b4{left:3.214%;top:81.641%;width:33.929%;min-height:15.547%}
.hv-0202 .hv-body .b5{left:65.500%;top:9.922%;width:27.643%;min-height:12.578%}
.hv-0202 .hv-body .b6{left:65.429%;top:38.828%;width:27.714%;min-height:15.937%}
.hv-0202 .hv-body .b7{left:65.500%;top:57.734%;width:27.643%;min-height:12.578%}
.hv-0202 .hv-body .b8{left:65.500%;top:80.859%;width:27.643%;min-height:17.656%}

/* 0203 PRP치료 : 사진은 /theme/basic/img/pages/prp-*.webp */
.hv-0203 .sp-p1{aspect-ratio:963/500}
.hv-0203 .sp-p2{aspect-ratio:963/440}
.hv-0203 .sp-p3{aspect-ratio:957/440}
.hv-0203 .sp-i1{aspect-ratio:183/183}
.hv-0203 .sp-i2{aspect-ratio:183/183}
.hv-0203 .sp-i3{aspect-ratio:183/183}
.hv-0203 .sp-i4{aspect-ratio:183/183}
.hv-0203 .sp-p4{aspect-ratio:960/503}
.hv-0203 .sp-p5{aspect-ratio:964/508}

/* 0204 체외충격파치료 : 사진은 /theme/basic/img/pages/eswt-*.webp */
.hv-0204 .sp-p1{aspect-ratio:958/500}
.hv-0204 .sp-p2{aspect-ratio:962/438}
.hv-0204 .sp-p3{aspect-ratio:958/438}
.hv-0204 .sp-dg{aspect-ratio:1400/1280}
.hv-0204 .sp-p4{aspect-ratio:960/504}
.hv-0204 .sp-p5{aspect-ratio:961/427}
.hv-0204 .sp-n1{aspect-ratio:257/257}
.hv-0204 .sp-n2{aspect-ratio:257/257}
.hv-0204 .sp-n3{aspect-ratio:257/257}
.hv-0204 .hv-body .b1{left:3.357%;top:10.938%;width:33.786%;min-height:12.578%}
.hv-0204 .hv-body .b2{left:3.357%;top:24.453%;width:21.786%;min-height:12.578%}
.hv-0204 .hv-body .b3{left:3.357%;top:59.609%;width:33.714%;min-height:16.328%}
.hv-0204 .hv-body .b4{left:7.000%;top:80.859%;width:27.643%;min-height:17.656%}
.hv-0204 .hv-body .b5{left:65.500%;top:10.000%;width:16.357%;min-height:12.578%}
.hv-0204 .hv-body .b6{left:65.429%;top:38.906%;width:31.857%;min-height:18.516%}
.hv-0204 .hv-body .b7{left:65.500%;top:79.844%;width:27.643%;min-height:17.734%}

/* 0207 줄기세포치료 : 사진은 /theme/basic/img/pages/stem-cell-*.webp */
.hv-0207 .sp-p1{aspect-ratio:963/470}
.hv-0207 .sp-p2{aspect-ratio:963/440}
.hv-0207 .sp-p3{aspect-ratio:957/440}
.hv-0207 .sp-i1{aspect-ratio:189/189}
.hv-0207 .sp-i2{aspect-ratio:189/189}
.hv-0207 .sp-i3{aspect-ratio:189/189}
.hv-0207 .sp-i4{aspect-ratio:189/189}
.hv-0207 .sp-w1{aspect-ratio:190/190}
.hv-0207 .sp-w2{aspect-ratio:190/190}
.hv-0207 .sp-w3{aspect-ratio:190/190}
.hv-0207 .sp-w4{aspect-ratio:190/190}
.hv-0207 .sp-p4{aspect-ratio:964/529}

/* 0205 영양수액 : 사진은 /theme/basic/img/pages/iv-nutrition-*.webp */
.hv-0205 .sp-p1{aspect-ratio:963/501}
.hv-0205 .sp-p2{aspect-ratio:963/440}
.hv-0205 .sp-p3{aspect-ratio:957/440}
.hv-0205 .sp-i1{aspect-ratio:189/189}
.hv-0205 .sp-i2{aspect-ratio:189/189}
.hv-0205 .sp-i3{aspect-ratio:189/189}
.hv-0205 .sp-r1{aspect-ratio:956/434}
.hv-0205 .sp-r2{aspect-ratio:964/435}
.hv-0205 .sp-r3{aspect-ratio:956/436}
.hv-0205 .sp-k1{aspect-ratio:188/188}
.hv-0205 .sp-k2{aspect-ratio:188/188}
.hv-0205 .sp-k3{aspect-ratio:188/188}
.hv-0205 .sp-k4{aspect-ratio:188/188}
.hv-0205 .sp-k5{aspect-ratio:188/188}
.hv-0205 .sp-k6{aspect-ratio:188/188}
.hv-0205 .sp-k7{aspect-ratio:188/188}

/* 0206 골다공증 & 근감소증 : 사진은 /theme/basic/img/pages/osteoporosis-sarcopenia-*.webp */
.hv-0206 .sp-p1{aspect-ratio:963/493}
.hv-0206 .sp-p2{aspect-ratio:963/440}
.hv-0206 .sp-p3{aspect-ratio:957/440}
.hv-0206 .sp-b1{aspect-ratio:184/184}
.hv-0206 .sp-b2{aspect-ratio:184/184}
.hv-0206 .sp-c1{aspect-ratio:185/185}
.hv-0206 .sp-c2{aspect-ratio:185/185}
.hv-0206 .sp-c3{aspect-ratio:185/185}
.hv-0206 .sp-c4{aspect-ratio:185/185}
.hv-0206 .sp-r1{aspect-ratio:965/478}
.hv-0206 .sp-r2{aspect-ratio:955/480}
.hv-0206 .sp-r3{aspect-ratio:965/480}
.hv-0206 .sp-m1{aspect-ratio:920/556}
.hv-0206 .sp-d1{aspect-ratio:188/188}
.hv-0206 .sp-d2{aspect-ratio:188/188}
.hv-0206 .sp-d3{aspect-ratio:188/188}
.hv-0206 .sp-e1{aspect-ratio:560/290}
.hv-0206 .sp-e2{aspect-ratio:395/345}
.hv-0206 .sp-x1{aspect-ratio:960/358}
.hv-0206 .sp-x2{aspect-ratio:960/361}
.hv-0206 .sp-x3{aspect-ratio:960/359}
.hv-0206 .sp-x4{aspect-ratio:960/361}

/* 0301 병원소개 : 사진은 /theme/basic/img/pages/about-*.webp */
.hv-0301 .sp-p1{aspect-ratio:907/610}
.hv-0301 .sp-p2{aspect-ratio:1920/355}

/* 0302 의료진 소개 : 사진은 /theme/basic/img/pages/doctor-*.webp */
.hv-0302 .sp-dr{aspect-ratio:491/712}

/* 0303 병원 둘러보기 : 사진은 /theme/basic/img/pages/clinic-tour-*.webp */
.hv-0303 .sp-g1{aspect-ratio:773/1140}
.hv-0303 .sp-g2{aspect-ratio:807/1141}
.hv-0303 .sp-g3{aspect-ratio:1630/1101}
.hv-0303 .sp-g4{aspect-ratio:821/1474}
.hv-0303 .sp-g5{aspect-ratio:757/912}
.hv-0303 .sp-g6{aspect-ratio:759/518}
.hv-0303 .sp-g7{aspect-ratio:702/629}
.hv-0303 .sp-g8{aspect-ratio:881/632}

/* 0304 진료시간·오시는길 : 사진은 /theme/basic/img/pages/location-*.webp */
.hv-0304 .sp-clock{aspect-ratio:136/136}
.hv-0304 .sp-pin{aspect-ratio:136/136}
.hv-0304 .sp-bus{aspect-ratio:136/136}
.hv-0304 .sp-sub{aspect-ratio:136/136}
.hv-0304 .sp-car{aspect-ratio:136/136}