/* 첫 페이지 시안 전용 스타일 (home-sample.html) */
.hs{--hs-deep:#17363d;--hs-teal:#27535e;--hs-teal2:#2a5b67;--hs-sand:#d4a98a;--hs-paper:#faf6f1;--hs-ink:#2d2a28;--hs-mute:#625c57;--hs-line:rgba(39,83,94,.16)}
.hs h1,.hs h2,.hs h3{font-family:var(--sans);letter-spacing:-.02em}
.hs h3{font-weight:700}
.hs h2{font-weight:700}
.hs-wrap{width:min(1180px,calc(100% - 48px));margin:0 auto}
.hs-badge{position:fixed;z-index:60;right:16px;bottom:80px;padding:8px 14px;border-radius:999px;background:#d4a98a;color:#17363d;font-size:12px;font-weight:700;box-shadow:0 6px 18px rgba(0,0,0,.18)}
.hs-eyebrow{margin:0 0 18px;color:var(--hs-sand);font-size:12px;font-weight:700;letter-spacing:.16em}
.hs-eyebrow.hs-dark{color:#8c5a3d}
.hs-lead{max-width:780px;margin:0 0 40px;color:var(--hs-mute);font-size:18px;line-height:1.75}
.hs-lead.hs-light{color:#c3d2d5}
.hs-note{margin:28px 0 0;color:#7a746e;font-size:13px}
.hs-more{display:inline-block;margin-top:24px;color:var(--hs-teal);font-weight:700;font-size:15px;border-bottom:1px solid var(--hs-sand);padding-bottom:2px}

.hs-btn{display:inline-flex;align-items:center;justify-content:center;min-height:54px;padding:0 28px;border-radius:999px;font-weight:700;font-size:16px;border:1px solid transparent;transition:transform .2s,background .2s}
.hs-btn:hover{transform:translateY(-2px)}
.hs-btn-sand{background:var(--hs-sand);color:#17363d}
.hs-btn-sand:hover{background:#e0b99d}
.hs-btn-line{border-color:rgba(255,255,255,.55);color:#fff}
.hs-btn-line:hover{background:rgba(255,255,255,.1)}
.hs-actions{display:flex;flex-wrap:wrap;gap:12px}

.hs-hero{position:relative;min-height:760px;padding:170px 0 90px;color:#fff;overflow:hidden;
  background:radial-gradient(900px 520px at 85% 15%,rgba(212,169,138,.22),transparent 60%),radial-gradient(700px 500px at 10% 100%,rgba(155,181,187,.2),transparent 60%),linear-gradient(135deg,#17363d 0%,#27535e 62%,#2a5b67 100%)}
.hs-hero h1{margin:0 0 26px;font-size:clamp(38px,4.4vw,64px);font-weight:700;line-height:1.22}
.hs-hero-sub{max-width:800px;margin:0 0 34px;font-size:19px;line-height:1.75;color:#dbe6e8}
.hs-chip-block{margin-top:56px;padding-top:30px;border-top:1px solid rgba(255,255,255,.16)}
.hs-chip-block p{margin:0 0 14px;font-size:14px;color:#b9cbcf}
.hs-chips{display:flex;flex-wrap:wrap;gap:10px}
.hs-chips a{padding:10px 18px;border:1px solid rgba(255,255,255,.35);border-radius:999px;font-size:15px;color:#fff;background:rgba(255,255,255,.05);transition:background .2s,color .2s}
.hs-chips a:hover{background:var(--hs-sand);border-color:var(--hs-sand);color:#17363d}

.hs-trust{background:#fff;border-bottom:1px solid var(--hs-line)}
.hs-trust-grid{display:grid;grid-template-columns:repeat(4,1fr)}
.hs-trust-grid div{padding:30px 20px;text-align:center;border-right:1px solid var(--hs-line)}
.hs-trust-grid div:last-child{border-right:0}
.hs-trust-grid strong{display:block;font-size:26px;color:var(--hs-teal);font-weight:800}
.hs-trust-grid span{font-size:14px;color:var(--hs-mute)}

.hs-sec{padding:112px 0}
.hs-sec h2{margin:0 0 20px;font-size:clamp(30px,3vw,44px);font-weight:700;line-height:1.28;color:var(--hs-ink)}
.hs-paper{background:var(--hs-paper)}
.hs-white{background:#fff}
.hs-deep{background:linear-gradient(160deg,#17363d,#27535e);color:#fff}
.hs-deep h2{color:#fff}

.hs-cases{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.hs-case{display:flex;flex-direction:column;background:#fff;border:1px solid var(--hs-line);border-radius:12px;overflow:hidden}
.hs-case dl{flex:1}
.hs-case blockquote{margin:0;padding:26px 28px;background:#fff;border-top:4px solid var(--hs-sand);font-size:18px;font-weight:600;line-height:1.65;color:var(--hs-ink)}
.hs-case dl{margin:0;padding:6px 28px 22px;background:var(--hs-paper);border-top:1px solid var(--hs-line)}
.hs-case dl>div{display:grid;grid-template-columns:96px 1fr;gap:12px;padding:14px 0;border-bottom:1px solid var(--hs-line)}
.hs-case dl>div:last-child{border-bottom:0;padding-bottom:0}
.hs-case dt{font-size:13px;font-weight:700;color:#8c5a3d}
.hs-case dd{margin:0;font-size:15px;line-height:1.7;color:var(--hs-ink)}
.hs-axis-tag{display:inline-block;margin-right:8px;padding:3px 12px;border-radius:999px;background:var(--hs-teal);color:#fff;font-size:13px;font-weight:700}
.hs-case .hs-read dd{font-size:14.5px;color:var(--hs-mute)}
.hs-case .hs-read strong{display:block;margin-bottom:8px;font-size:17px;line-height:1.5;color:var(--hs-teal)}
.hs-principle{margin-top:28px;padding:30px 34px;background:linear-gradient(135deg,#17363d,#27535e);border-radius:12px;color:#fff;display:grid;grid-template-columns:80px 1fr;gap:6px 24px;align-items:start}
.hs-principle>b{grid-row:span 2;font-size:15px;letter-spacing:.1em;color:var(--hs-sand)}
.hs-principle p{margin:0;font-size:17px;line-height:1.8;color:#e4edee}
.hs-principle .hs-more{margin-top:6px;justify-self:start;color:var(--hs-sand);border-color:var(--hs-sand)}

.hs-two{display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:start}
.hs-flow{list-style:none;margin:30px 0 0;padding:0;display:grid;gap:10px}
.hs-flow li{display:flex;align-items:center;gap:18px;padding:16px 20px;background:var(--hs-paper);border-left:4px solid var(--hs-teal);border-radius:6px}
.hs-flow b{min-width:90px;color:var(--hs-teal);font-size:18px}
.hs-flow span{color:var(--hs-mute);font-size:15px}
.hs-director{padding:28px;background:var(--hs-paper);border:1px solid var(--hs-line);border-radius:12px}
.hs-photo{display:grid;place-items:center;aspect-ratio:4/5;margin-bottom:20px;border:2px dashed rgba(39,83,94,.35);border-radius:8px;background:rgba(39,83,94,.05);color:#7f979c;font-size:14px}
.hs-director h3{margin:0 0 10px;font-size:22px}
.hs-director p{margin:0;color:var(--hs-mute);font-size:15px;line-height:1.8}

.hs-steps{list-style:none;margin:36px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;counter-reset:s}
.hs-steps li{position:relative;padding:30px 24px;background:#fff;border:1px solid var(--hs-line);border-radius:10px}
.hs-steps li:not(:last-child)::after{content:"›";position:absolute;top:50%;right:-15px;transform:translateY(-50%);font-size:28px;color:var(--hs-sand);z-index:2}
.hs-steps i{display:block;margin-bottom:14px;font-style:normal;font-size:13px;font-weight:800;letter-spacing:.14em;color:#8c5a3d}
.hs-steps h3{margin:0 0 10px;font-size:20px;color:var(--hs-teal)}
.hs-steps p{margin:0;font-size:15px;color:var(--hs-mute);line-height:1.7}

.hs-map{display:grid;gap:14px}
.hs-map article{display:grid;grid-template-columns:130px 1fr 28px 1fr 28px 1.1fr;gap:12px;align-items:center;padding:22px 26px;background:var(--hs-paper);border:1px solid var(--hs-line);border-radius:12px}
.hs-tag{display:inline-block;padding:6px 14px;border-radius:999px;background:var(--hs-teal);color:#fff;font-size:13px;font-weight:700;justify-self:start}
.hs-find b,.hs-axis b{display:block;margin-bottom:4px;font-size:12px;color:#8c5a3d;letter-spacing:.06em}
.hs-find p,.hs-axis p{margin:0;font-size:16px;line-height:1.55;color:var(--hs-ink)}
.hs-arrow{text-align:center;font-size:22px;color:var(--hs-sand)}
.hs-axis{padding:14px 18px;background:#fff;border:1px solid var(--hs-teal);border-radius:8px}
.hs-axis b{font-size:19px;color:var(--hs-teal);letter-spacing:0}
.hs-axis p{font-size:14px;color:var(--hs-mute)}

.hs-treat-grid{display:grid;grid-template-columns:repeat(10,1fr);gap:14px}
.hs-treat-grid>.hs-treat{grid-column:span 2}
.hs-treat-grid>.hs-treat:nth-child(2),.hs-treat-grid>.hs-treat:nth-child(3){grid-column:span 3}
.hs-treat{display:block;padding:26px 22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.18);border-radius:10px;transition:background .2s,transform .2s}
.hs-treat:hover{background:rgba(255,255,255,.14);transform:translateY(-3px)}
.hs-treat small{display:block;margin-bottom:10px;color:var(--hs-sand);font-size:12px;font-weight:700;letter-spacing:.08em}
.hs-treat h3{margin:0 0 8px;font-size:19px;color:#fff}
.hs-treat p{margin:0;font-size:14px;line-height:1.65;color:#c3d2d5}
.hs-treat-grid>.hs-treat-main{grid-column:span 4;background:var(--hs-sand);border-color:var(--hs-sand)}
.hs-treat-main small{color:#6b3f27}
.hs-treat-main h3{font-size:26px;color:#17363d}
.hs-treat-main p{color:#3a3029;font-size:16px}
.hs-treat-main:hover{background:#e0b99d}

.hs-evidence{display:grid;grid-template-columns:1fr 1fr;gap:20px}
.hs-ev{padding:30px;background:#fff;border:1px solid var(--hs-line);border-radius:12px}
.hs-ev header{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px 14px;margin-bottom:12px}
.hs-ev header span{padding:5px 12px;border-radius:999px;background:var(--hs-paper);border:1px solid var(--hs-line);font-size:13px;font-weight:700;color:#8c5a3d}
.hs-ev header b{font-size:22px;color:var(--hs-teal)}
.hs-ev header em{font-style:normal;font-size:14px;color:var(--hs-mute)}
.hs-herbs{margin:0 0 16px;font-size:14px;color:var(--hs-mute)}
.hs-ev ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.hs-ev li a{display:block;padding:12px 14px;background:var(--hs-paper);border-radius:8px;font-size:15px;line-height:1.5;color:var(--hs-ink);transition:background .2s}
.hs-ev li a:hover{background:#f1e8dd}
.hs-ev li small{display:block;margin-top:3px;font-size:12px;color:#7a746e}
.hs-todo{padding:12px 14px;border:1px dashed rgba(39,83,94,.35);border-radius:8px;font-size:14px;color:#7f979c}

.hs-records{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.hs-records article{padding:28px;background:var(--hs-paper);border:1px solid var(--hs-line);border-radius:12px}
.hs-records h3{margin:16px 0;font-size:21px;color:var(--hs-ink)}
.hs-records dl{margin:0 0 18px;display:grid;gap:8px}
.hs-records dl div{display:flex;justify-content:space-between;padding-bottom:8px;border-bottom:1px solid var(--hs-line);font-size:15px}
.hs-records dt{color:var(--hs-mute)}
.hs-records dd{margin:0;font-weight:800;color:var(--hs-teal)}
.hs-records article>a{font-weight:700;font-size:14px;color:var(--hs-teal)}

.hs-faq{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.hs-faq article{padding:26px;background:#fff;border:1px solid var(--hs-line);border-radius:10px}
.hs-faq h3{margin:0 0 10px;font-size:18px;color:var(--hs-teal)}
.hs-faq p{margin:0;font-size:15px;line-height:1.75;color:var(--hs-mute)}

.hs-final{padding:84px 0;background:linear-gradient(135deg,#17363d,#27535e);color:#fff}
.hs-final-inner{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}
.hs-final h2{margin:0 0 10px;font-size:clamp(28px,2.8vw,40px);color:#fff}
.hs-final p{margin:0;color:#c3d2d5}

@media(max-width:980px){
  .hs-two,.hs-evidence,.hs-faq,.hs-cases{grid-template-columns:1fr}
  .hs-steps,.hs-records{grid-template-columns:1fr 1fr}
  .hs-treat-grid{grid-template-columns:1fr 1fr}
  .hs-treat-grid>.hs-treat,.hs-treat-grid>.hs-treat:nth-child(2),.hs-treat-grid>.hs-treat:nth-child(3){grid-column:auto}
  .hs-treat-grid>.hs-treat-main{grid-column:span 2}
  .hs-map article{grid-template-columns:1fr;gap:10px}
  .hs-arrow{transform:rotate(90deg)}
  .hs-steps li:not(:last-child)::after{display:none}
  .hs-trust-grid{grid-template-columns:1fr 1fr}
  .hs-trust-grid div:nth-child(2){border-right:0}
}
@media(max-width:680px){
  .hs-sec{padding:76px 0}
  .hs-hero{padding:140px 0 70px;min-height:0}
  .hs-steps,.hs-treat-grid,.hs-records{grid-template-columns:1fr}
  .hs-case dl>div{grid-template-columns:1fr;gap:4px}
  .hs-principle{grid-template-columns:1fr}
  .hs-principle>b{grid-row:auto}
  .hs-treat-grid>.hs-treat-main{grid-column:auto}
  .hs-actions .hs-btn{width:100%}
  .hs-badge{bottom:70px;font-size:11px}
}

/* 검사·치료실·치료기 보강 */
.hs-trust-3{grid-template-columns:repeat(3,1fr)}
.hs-trust-4{grid-template-columns:repeat(4,1fr)}
.hs-trust-4 .hs-trust-item{padding:30px 18px}
.hs-trust-4 .hs-trust-item strong{font-size:20px}
.hs-trust-item{display:block;padding:30px 24px;text-align:center;border-right:1px solid var(--hs-line);transition:background .2s}
.hs-trust-item:last-child{border-right:0}
.hs-trust-item:hover{background:var(--hs-paper)}
.hs-trust-item strong{display:block;margin-bottom:8px;font-size:22px;color:var(--hs-teal);font-weight:800}
.hs-trust-item span{display:block;font-size:14px;line-height:1.65;color:var(--hs-mute)}
.hs-cards{display:grid;gap:14px}
.hs-cards-3{grid-template-columns:repeat(3,1fr)}
.hs-cards-4{grid-template-columns:repeat(4,1fr)}
.hs-cards-5{grid-template-columns:repeat(5,1fr)}
.hs-card{display:block;padding:24px 22px;background:#fff;border:1px solid var(--hs-line);border-radius:10px;transition:transform .2s,border-color .2s}
a.hs-card:hover{transform:translateY(-3px);border-color:var(--hs-sand)}
.hs-card h3{margin:0 0 8px;font-size:18px;color:var(--hs-teal)}
.hs-card p{margin:0;font-size:14px;line-height:1.65;color:var(--hs-mute)}
.hs-subhead{margin:56px 0 18px;font-size:26px;font-weight:700;color:var(--hs-ink)}
.hs-report{margin:32px 0 0}
.hs-more-sand{color:var(--hs-sand);border-color:var(--hs-sand)}
.hs-sec[id]{scroll-margin-top:90px}
@media(max-width:980px){
  .hs-trust-grid.hs-trust-3{grid-template-columns:1fr}
  .hs-trust-grid.hs-trust-4{grid-template-columns:1fr 1fr}
  .hs-trust-4 .hs-trust-item:nth-child(odd){border-right:1px solid var(--hs-line)}
  .hs-trust-4 .hs-trust-item:nth-child(3){border-bottom:0}
  .hs-trust-item{border-right:0;border-bottom:1px solid var(--hs-line)}
  .hs-trust-item:last-child{border-bottom:0}
  .hs-cards-3{grid-template-columns:1fr}
  .hs-cards-4,.hs-cards-5{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .hs-trust-grid.hs-trust-4{grid-template-columns:1fr}
  .hs-trust-4 .hs-trust-item:nth-child(odd){border-right:0}
  .hs-trust-4 .hs-trust-item:nth-child(3){border-bottom:1px solid var(--hs-line)}
  .hs-cards-4,.hs-cards-5{grid-template-columns:1fr}
}

.hs-cards-6{grid-template-columns:repeat(3,1fr)}
@media(max-width:980px){.hs-cards-6{grid-template-columns:1fr 1fr}}
@media(max-width:680px){.hs-cards-6{grid-template-columns:1fr}}
.hs-fact{display:block;margin-top:12px;font-size:13px;font-weight:700;color:#8c5a3d}

/* 첫 화면 방송 출연 영상 */
.hs-hero-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:20px 52px;align-items:center;width:min(1360px,calc(100% - 48px))}
.hs-hero-grid .hs-hero-copy{min-width:0}
.hs-hero-grid h1{font-size:clamp(34px,3.3vw,54px)}
.hs-hero-grid .hs-chip-block{grid-column:1/-1;margin-top:36px}
.hs-tv{margin:0;min-width:0}
.hs-tv-frame{position:relative;aspect-ratio:16/9;border:1px solid rgba(226,192,172,.4);border-radius:6px;overflow:hidden;background:#10282e;box-shadow:0 34px 90px rgba(0,0,0,.4)}
.hs-tv-frame iframe,.hs-tv-frame video{position:absolute;inset:0;width:100%;height:100%;border:0;background:#000}
.hs-tv-empty{position:absolute;inset:0;display:grid;place-content:center;justify-items:center;gap:14px;color:#9fb6bb;font-size:15px}
.hs-tv-empty i{display:block;width:72px;height:72px;border:2px solid rgba(255,255,255,.4);border-radius:50%;position:relative}
.hs-tv-empty i:after{content:"";position:absolute;left:28px;top:21px;border-style:solid;border-width:15px 0 15px 24px;border-color:transparent transparent transparent rgba(255,255,255,.55)}
.hs-tv-empty p{margin:0}
.hs-tv-sound{position:absolute;right:14px;top:60px;z-index:3;min-height:36px;padding:0 16px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(23,54,61,.85);color:#fff;font:700 13px var(--sans);cursor:pointer;backdrop-filter:blur(8px)}
.hs-tv-sound:hover,.hs-tv-sound:focus-visible{background:var(--hs-sand);border-color:var(--hs-sand);color:#17363d;outline:0}
.hs-tv-cap{margin:12px 2px 0;color:#c3d2d5;font-size:14px;font-weight:700}
.hs-tv-cap:empty{display:none}
@media(max-width:980px){
  .hs-hero-grid{grid-template-columns:1fr;gap:34px}
  .hs-hero-grid .hs-chip-block{margin-top:12px}
}

.hs-photo.hs-photo-img{display:block;border:0;background:#e9eef0;overflow:hidden}
.hs-photo-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:center top}