@charset "utf-8";
/* kims40 — 메인 페이지 v0.2 (첫눈애 컨셉: 풀스크린 영상, 영문 서브라인, 어두운 면 교차, 번호 쇼케이스) */

/* 1. 첫 화면 — 영상이 주인공. 왼쪽 위에 흰색 명조 제목만 얹음 */
.k-hero{position:relative;min-height:100vh;min-height:100svh;display:flex;align-items:flex-start;color:#fff;overflow:hidden;background:#dfe6f2}
.k-hero-media{position:absolute;inset:0}
.k-hero-media video,.k-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.k-hero-media video{z-index:1}
.k-hero-media::after{content:'';position:absolute;inset:0;z-index:2;background:linear-gradient(90deg,rgba(6,28,66,.62) 0%,rgba(6,28,66,.36) 24%,rgba(6,28,66,.05) 44%,rgba(6,28,66,0) 60%)}
/* 넓은 화면에서는 영상을 오른쪽으로 당겨(잘리는 여유분만큼) 왼쪽 문구 자리와 영상 왼쪽 내용이 덜 겹치게 */
@media (min-width:861px){.k-hero:not(.k-hero-bottom) .k-hero-media video,.k-hero:not(.k-hero-bottom) .k-hero-img{object-position:100% 50%}}
.k-hero-in{position:relative;z-index:3;padding-top:clamp(140px,19vh,210px);padding-bottom:80px;max-width:none;padding-left:28px}   /* 문구를 화면 왼쪽 끝에 붙임 (영상 가운데 내용과 덜 겹치게) */
.k-hero .k-eyebrow-light{color:rgba(255,255,255,.72);margin-bottom:14px}
.k-hero-title{font-family:var(--k-serif);font-size:clamp(28px,3.1vw,44px);font-weight:700;color:#fff;line-height:1.3;letter-spacing:-0.01em;max-width:480px;text-shadow:0 2px 22px rgba(6,28,66,.6),0 1px 3px rgba(6,28,66,.5);animation:k-rise .9s ease both}
.k-hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px;animation:k-rise .9s .3s ease both}
.k-hero-actions .k-btn{padding:12px 20px;font-size:15px}
.k-hero-scroll{position:absolute;left:50%;bottom:22px;z-index:3;transform:translateX(-50%);color:rgba(255,255,255,.85);animation:k-bob 2s ease-in-out infinite}
/* 밝은 배경 이미지(의료진 사진 등)일 때: 어두운 그늘 대신 흰 그늘, 글자는 남색 */
.k-hero-light{background:#f7f9fd}
.k-hero-light .k-hero-media::after{background:linear-gradient(90deg,rgba(255,255,255,.72) 0%,rgba(255,255,255,.45) 30%,rgba(255,255,255,0) 58%)}
.k-hero-light .k-hero-img{object-position:center 40%}
.k-hero-light .k-eyebrow-light{color:var(--k-navy)}
.k-hero-light .k-hero-title{color:var(--k-navy-deep);text-shadow:none}
.k-hero-light .k-hero-scroll{color:var(--k-navy)}
.k-hero-light .k-btn-white{background:var(--k-navy);color:#fff;border-color:var(--k-navy)}
.k-hero-light .k-btn-ghost{color:var(--k-navy-deep);border-color:var(--k-navy)}
@media (max-width:860px){.k-hero-light .k-hero-img{object-position:center 30%}.k-hero-light .k-hero-media::after{background:linear-gradient(180deg,rgba(255,255,255,.75) 0%,rgba(255,255,255,.35) 45%,rgba(255,255,255,0) 70%)}}
/* 배경 이미지 안에 큰 글씨가 있는 경우(김안과 TOWER 27.10.12): 이미지를 자르지 않고 통째로 보여주고, 그 아래 남색 띠에 문구.
   PC 는 화면 높이에 맞춰 이미지를 가운데 두고 양옆은 같은 이미지를 흐리게 늘려 채움(옆 띠에는 빠른 상담 패널·퀵메뉴가 놓임). 휴대폰은 화면 폭에 맞춤 */
.k-hero-bottom{display:flex;flex-direction:column;align-items:stretch;min-height:100vh;min-height:100svh;background:var(--k-navy-deep)}
.k-hero-bottom .k-hero-media{background:#e9eef7}
.k-hero-bottom .k-hero-media{position:relative;inset:auto;flex:1 1 auto;min-height:0;overflow:hidden;background:#3f86d8}
.k-hero-bottom .k-hero-media::before{content:'';position:absolute;inset:-40px;background:var(--k-hero-bg) center/cover no-repeat;filter:blur(26px) saturate(1.05);transform:scale(1.08);opacity:.9}
.k-hero-bottom .k-hero-media::after{display:none}
.k-hero-bottom .k-hero-img,.k-hero-bottom .k-hero-media video{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:center center;z-index:1}
.k-hero-bottom .k-hero-media video{z-index:2}   /* 영상이 포스터 이미지 위에 오도록 (아니면 포스터에 가려 재생돼도 안 보임) */
.k-hero-bottom .k-hero-in{position:relative;flex:none;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px var(--k-gutter) 44px;background:linear-gradient(180deg,#0b2d63 0%,#0c438b 100%)}
.k-hero-bottom .k-eyebrow-light{color:rgba(255,255,255,.85);font-weight:700;letter-spacing:.22em;margin-bottom:8px}
.k-hero-bottom .k-hero-title{font-family:var(--k-font);font-weight:900;font-size:clamp(26px,3.2vw,46px);line-height:1.15;letter-spacing:-0.005em;color:#fff;text-shadow:none;max-width:none;white-space:nowrap;animation:k-rise .9s ease both}
.k-hero-bottom .k-hero-title br{display:none}
.k-hero-bottom .k-hero-actions{justify-content:center}
.k-hero-bottom .k-hero-scroll{display:none}
@media (min-width:861px){.k-hero-bottom .k-hero-in{padding-left:calc(var(--k-gutter) + 380px);padding-right:calc(var(--k-gutter) + 90px)}}   /* 왼쪽 아래 빠른 상담 패널·오른쪽 퀵메뉴 피함 */
@media (max-width:860px){
  .k-hero-bottom{display:block;min-height:0;background:linear-gradient(180deg,#1b3f78 0%,#0c438b 100%)}
  .k-hero-bottom .k-hero-media{position:relative;flex:none;width:100%;height:calc(100vw * var(--k-hero-ratio-m,var(--k-hero-ratio,0.5625)));margin-top:78px;background:none}   /* 떠 있는 로고 카드 아래부터 시작, 높이는 휴대폰용 비율(ratio_m)대로 */
  .k-hero-bottom .k-hero-media::before{display:none}
  .k-hero-bottom .k-hero-img,.k-hero-bottom .k-hero-media video{object-fit:cover;object-position:var(--k-hero-pos-m,center center)}   /* 휴대폰: 가로 영상을 세로로 길게 잘라 보여줌 */
  .k-hero-bottom .k-hero-in{padding:26px 16px 40px;background:none}
  .k-hero-bottom .k-hero-title{font-size:clamp(24px,7.2vw,36px);line-height:1.25;white-space:normal}
  .k-hero-bottom .k-hero-title br{display:inline}
  .k-hero-bottom .k-eyebrow-light{font-size:11px;letter-spacing:.18em}
}
/* 영상 비율대로 맞춤(fit): 운영 홈페이지 메인 영상처럼 창을 줄이면 영상도 같이 작아짐 (16:9 그대로, 잘리지 않음). 문구는 영상 위 왼쪽 */
.k-hero-fit{display:block;min-height:0;background:#0b1220;align-items:normal}
.k-hero-fit .k-hero-media{position:relative;inset:auto;width:100%;height:auto;aspect-ratio:16 / 9;overflow:hidden}
@supports not (aspect-ratio:16 / 9){.k-hero-fit .k-hero-media{height:0;padding-top:56.25%}}
.k-hero-fit .k-hero-media video,.k-hero-fit .k-hero-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.k-hero-fit .k-hero-in{position:absolute;left:0;right:0;top:0;z-index:3;padding-top:clamp(96px,11vw,170px);padding-bottom:0;max-width:none;padding-left:28px}
.k-hero-fit .k-hero-title{font-size:clamp(22px,3.1vw,44px)}
.k-hero-fit .k-hero-scroll{display:none}
.k-hero-fit .k-hero-play{bottom:24px}
@media (max-width:860px){
  .k-hero.k-hero-fit{min-height:0;background:var(--k-navy)}
  .k-hero-fit .k-hero-media{margin-top:0;aspect-ratio:auto;height:calc(100vw * var(--k-hero-ratio-m,1));padding-top:0}   /* 휴대폰: 화면 맨 위부터 정사각형 영상, 떠 있는 로고 카드가 영상 위에 겹침 */
  .k-hero-fit .k-hero-media video,.k-hero-fit .k-hero-img{object-position:var(--k-hero-pos-m,center center)}
  .k-hero-fit .k-hero-media::after{background:linear-gradient(180deg,rgba(6,28,66,.35) 0%,rgba(6,28,66,0) 30%,rgba(6,28,66,0) 80%,rgba(12,67,139,.6) 100%)}
  .k-hero-fit .k-hero-in{position:relative;padding:18px 16px 22px;text-align:center;align-items:center;margin-top:0}   /* 문구 띠: 영상 바로 아래, 아래 공백 없이 */
  .k-hero-fit .k-hero-in .k-hero-actions{display:none}
  .k-hero-fit .k-eyebrow-light{font-size:11px;letter-spacing:.18em;margin-bottom:8px;color:var(--k-honey)}
  .k-hero-fit .k-hero-title{font-family:var(--k-font);font-weight:900;font-size:clamp(28px,8.4vw,40px);line-height:1.22;letter-spacing:-0.01em;color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.35);max-width:none;animation:none}
}
/* 자동재생이 막힌 기기에서 보이는 영상 재생 버튼 */
.k-hero-play{position:absolute;left:50%;bottom:64px;z-index:4;transform:translateX(-50%);display:inline-flex;align-items:center;gap:8px;padding:12px 20px 12px 14px;border:1px solid rgba(255,255,255,.6);border-radius:999px;background:rgba(7,43,92,.55);color:#fff;font-size:15px;font-weight:600;cursor:pointer;backdrop-filter:blur(4px)}
.k-hero-play:hover{background:rgba(7,43,92,.8)}
@media (max-width:860px){.k-hero-play{bottom:24px}}
@keyframes k-rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes k-bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,6px)}}

/* 글자 크게 단계에서는 첫 화면이 화면 높이의 1.5배까지 늘어나지 않게 */
html.k-big1 .k-hero{min-height:calc(100svh / 1.15)}
html.k-big2 .k-hero{min-height:calc(100svh / 1.3)}
html.k-big3 .k-hero{min-height:calc(100svh / 1.5)}

/* 3. 왜 김안과인가 — 사진 패널 (아코디언) */
.k-why{padding:96px 0 0}
.k-why .k-sec-head{margin-bottom:40px}
.k-why-panels{display:flex;height:560px}
.k-why-panel{position:relative;flex:1;min-width:0;overflow:hidden;color:#fff;transition:flex .5s cubic-bezier(.4,0,.2,1);background:var(--k-navy-deep)}
.k-why-panel.is-open{flex:2.6}
.k-why-bg,.k-why-bg img,.k-why-bg .k-ph{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:0;min-height:0}
.k-why-bg::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,32,.15),rgba(11,18,32,.85))}
.k-why-btn{position:absolute;left:0;right:0;bottom:0;padding:32px 28px 28px;border:0;background:none;color:#fff;text-align:left;cursor:pointer;display:flex;flex-direction:column;gap:6px;text-decoration:none}
.k-why-go{position:absolute;right:24px;bottom:30px;width:34px;height:34px;border-radius:50%;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center;color:#fff;opacity:0;transition:opacity .3s}
.k-why-panel.is-open .k-why-go{opacity:1}
.k-why-more{display:inline-flex;align-items:center;gap:2px;margin-left:8px;color:var(--k-honey);font-weight:600;white-space:nowrap}
.k-why-en{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--k-honey)}
.k-why-title{font-size:21px;font-weight:700;line-height:1.3;word-break:keep-all}
.k-why-panel.is-open .k-why-title{font-size:26px}
.k-why-desc{position:absolute;left:28px;right:28px;bottom:28px;margin:0;font-size:16px;line-height:1.6;color:rgba(255,255,255,.85);opacity:0;transform:translateY(8px);transition:opacity .3s .15s,transform .3s .15s}
.k-why-panel.is-open .k-why-btn{bottom:78px}
.k-why-panel.is-open .k-why-desc{opacity:1;transform:none}

@media (min-width:861px){
.k-why-bg::after{background:linear-gradient(180deg,rgba(11,18,32,.15) 0%,rgba(11,18,32,.3) 35%,rgba(11,18,32,.78) 45%,rgba(11,18,32,.96) 100%)}
.k-why-panel:not(.is-open) .k-why-en{line-height:1.35;white-space:normal;word-break:keep-all;margin-bottom:6px}
.k-why-panel:not(.is-open) .k-why-title{line-height:1.3;margin-bottom:8px}
}
.k-why-panel:nth-child(4) .k-why-bg img{object-position:15% 0;transform:scale(1.9);transform-origin:15% 0}

/* 4. 40년 — 어두운 면 */
.k-years{padding:110px 0 96px;background:var(--k-black);color:#fff}
.k-years .k-sec-head h2{color:#fff}
.k-years .k-sec-head p{color:rgba(255,255,255,.7)}
.k-timeline{position:relative;display:grid;grid-template-columns:repeat(auto-fit,minmax(118px,1fr));gap:36px 14px;margin:56px 0 72px;padding-top:28px}
.k-timeline::before{content:'';position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(255,255,255,.3) 0%,rgba(255,255,255,.3) 80%,var(--k-honey) 100%)}
.k-timeline-item{position:relative;padding-right:16px}
.k-timeline-item::before{content:'';position:absolute;left:0;top:-34px;width:11px;height:11px;border-radius:50%;background:#fff;outline:4px solid var(--k-black)}
.k-timeline-item.is-anniv::before{background:var(--k-honey);width:15px;height:15px;top:-36px}
.k-timeline-year{display:block;font-size:26px;font-weight:700;color:#fff;font-variant-numeric:tabular-nums;letter-spacing:-0.02em}
.k-timeline-item.is-anniv .k-timeline-year{color:var(--k-honey)}
.k-timeline-title{display:block;margin-top:6px;font-size:15px;color:rgba(255,255,255,.7);line-height:1.55;word-break:keep-all}
.k-stats-dark .k-stat dd{color:#fff}
.k-stats-dark .k-stat dt{color:rgba(255,255,255,.65)}
.k-stats-dark .k-stat-unit{color:var(--k-honey)}

/* 5. 진료 분야 01~06 */
.k-depts{padding:96px 0 40px}
.k-dept-list{display:flex;flex-direction:column;max-width:calc(var(--k-max) + var(--k-gutter) * 2);margin:0 auto;padding:0 var(--k-gutter);box-sizing:border-box}
.k-dept{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:64px;padding:48px 0;border-top:1px solid var(--k-line)}
.k-dept:nth-child(even) .k-dept-media{order:2}
.k-dept-media a{display:block}
.k-dept-media img,.k-dept-media .k-ph{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:var(--k-radius-lg);min-height:0}
.k-dept-body{padding:0 var(--k-gutter)}
.k-dept-num{display:block;font-size:14px;font-weight:700;letter-spacing:.1em;color:var(--k-ink-3);margin-bottom:22px;font-variant-numeric:tabular-nums}
.k-dept-body h3{font-size:40px;letter-spacing:-0.03em;margin-bottom:12px}
.k-dept-body h3 a:hover{color:var(--k-navy)}
.k-dept-tag{font-size:18px;color:var(--k-ink-2);margin-bottom:24px;word-break:keep-all}
.k-dept-links{display:flex;flex-wrap:wrap;gap:8px}
.k-dept-links a{display:inline-flex;align-items:center;gap:2px;padding:9px 14px;border-radius:999px;border:1px solid var(--k-line);font-size:15px;font-weight:500;color:var(--k-ink)}
.k-dept-links a:hover{border-color:var(--k-navy);color:var(--k-navy)}

/* 6. 수술·검사 시스템 — 어두운 면 */
.k-system{padding:96px 0;background:var(--k-navy-deep);color:#fff}
.k-system .k-sec-head h2{color:#fff}
.k-system .k-sec-head p{color:rgba(255,255,255,.7)}
.k-system-list{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:8px}
.k-system-item{padding:22px;border-radius:var(--k-radius-lg);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1)}
.k-system-img{aspect-ratio:4/3;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:var(--k-radius);padding:10%;margin-bottom:18px}
.k-system-img img{max-height:100%;width:auto;object-fit:contain}
.k-system-img .k-ph{min-height:0;height:100%;border-radius:0;background:var(--k-mist)}
.k-system-item .k-eyebrow{color:var(--k-honey);margin-bottom:4px}
.k-system-item h3{color:#fff;font-size:20px;margin-bottom:12px}
.k-system-facts li{display:grid;grid-template-columns:28px 1fr;gap:6px;font-size:14px;line-height:1.5;color:rgba(255,255,255,.8);padding:6px 0;border-top:1px solid rgba(255,255,255,.1)}
.k-system-facts b{color:var(--k-honey);font-variant-numeric:tabular-nums}
.k-system-sys{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.k-system-sys li{display:flex;flex-direction:column;gap:4px;padding:18px 0;border-top:1px solid rgba(255,255,255,.2);font-size:15px}
.k-system-sys strong{color:#fff}
.k-system-sys span{color:rgba(255,255,255,.7)}

/* 7. 의료진 */
.k-doctors{padding:96px 0}
.k-doctor-feature{display:grid;grid-template-columns:0.9fr 1.4fr;gap:56px;align-items:center;padding:40px;border-radius:20px;background:var(--k-mist);margin-bottom:56px}
.k-doctor-feature-photo{display:flex;justify-content:center;align-items:flex-end;border-radius:var(--k-radius-lg);background:#fff;overflow:hidden;aspect-ratio:455/520}
.k-doctor-feature-photo img{width:90%;display:block}
.k-doctor-feature-body h3{font-size:36px;margin-bottom:8px}
.k-doctor-feature-body h3 span{font-size:18px;font-weight:600;color:var(--k-ink-3);margin-left:6px}
.k-doctor-feature-fields{font-size:17px;color:var(--k-navy);font-weight:600;margin-bottom:20px}
.k-doctor-creds{columns:2;column-gap:32px;margin-bottom:24px}
.k-doctor-creds li{position:relative;padding-left:14px;font-size:15px;color:var(--k-ink-2);line-height:1.6;break-inside:avoid}
.k-doctor-creds li::before{content:'';position:absolute;left:0;top:11px;width:5px;height:5px;border-radius:50%;background:var(--k-navy)}
.k-doctor-list{display:grid;grid-template-columns:repeat(7,1fr);gap:18px}
.k-doctor a{display:block}
.k-doctor-photo{aspect-ratio:455/520;border-radius:var(--k-radius-lg);background:var(--k-mist);overflow:hidden;display:flex;align-items:flex-end;justify-content:center}
.k-doctor-photo img{width:90%;height:auto;display:block;transition:transform .3s}
.k-doctor:hover .k-doctor-photo img{transform:translateY(-4px)}
.k-doctor-body{padding:12px 2px 0}
.k-doctor-body strong{font-size:18px;color:var(--k-navy-deep);margin-right:5px}
.k-doctor-body span{font-size:13px;color:var(--k-ink-3)}
.k-doctor-body p{margin-top:4px;font-size:13px;line-height:1.5;color:var(--k-ink-2)}

/* 8. 소식 */
.k-news{background:var(--k-mist);padding:96px 0}
.k-news .k-cards{grid-template-columns:repeat(4,1fr)}
.k-news .k-list{background:#fff;border-radius:var(--k-radius-lg);padding:8px 24px}
.k-news .k-list li:first-child{border-top:0}
.k-news .k-list li:last-child{border-bottom:0}

/* 9. 유튜브 — 어두운 면 */
.k-tube{padding:96px 0;background:var(--k-black);color:#fff}
.k-tube .k-sec-head h2{color:#fff}
.k-tube-list{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.k-tube-list a{position:relative;display:block;aspect-ratio:16/9;overflow:hidden;border-radius:var(--k-radius-lg);background:#000}
.k-tube-list img{width:100%;height:100%;object-fit:cover;opacity:.9;transition:transform .3s,opacity .3s}
.k-tube-list a:hover img{transform:scale(1.04);opacity:1}
.k-tube-play{position:absolute;left:50%;top:50%;width:56px;height:56px;transform:translate(-50%,-50%);border-radius:50%;background:rgba(255,255,255,.92)}
.k-tube-play::after{content:'';position:absolute;left:22px;top:17px;border-left:18px solid var(--k-navy-deep);border-top:11px solid transparent;border-bottom:11px solid transparent}

/* 10. 협력기관 */
.k-partners{padding:56px 0 48px}
.k-partners-h{display:flex;align-items:center;gap:14px;font-size:15px;color:var(--k-ink-3);margin-bottom:8px}
.k-partners-h .k-eyebrow{margin:0}
.k-partners-h a{display:inline-flex;align-items:center;gap:2px;color:var(--k-navy);font-weight:600;margin-left:auto}

/* 11. 예약·상담 */
.k-contact{background:var(--k-navy);color:#fff;padding:96px 0}
.k-contact-in{display:grid;grid-template-columns:1.4fr 1fr;gap:64px;align-items:start}
.k-contact h2{color:#fff;font-size:36px;margin-bottom:12px}
.k-contact-main > p{font-size:18px;color:rgba(255,255,255,.82);max-width:560px}
.k-contact-tels a{color:#fff}
.k-contact-actions{display:flex;flex-wrap:wrap;gap:12px}
.k-contact-side{padding:32px;background:rgba(255,255,255,.08);border-radius:var(--k-radius-lg)}
.k-contact-side h3{color:#fff;font-size:18px;margin-bottom:12px}
.k-contact-side h3 + p{color:rgba(255,255,255,.85);margin-bottom:12px}
.k-contact-hours{margin-bottom:28px}
.k-contact-hours > div{display:flex;justify-content:space-between;padding:8px 0;border-bottom:1px solid rgba(255,255,255,.14);font-size:16px}
.k-contact-hours dt{color:rgba(255,255,255,.7)}
.k-contact-hours dd{font-variant-numeric:tabular-nums}

/* 반응형 */
@media (max-width:1100px){
  .k-why-panels{height:480px}
  .k-timeline{grid-template-columns:repeat(3,1fr);gap:32px 16px}
  .k-timeline::before{display:none}
  .k-timeline-item{padding-left:20px;border-left:1px solid rgba(255,255,255,.25)}
  .k-timeline-item::before{left:-6px;top:6px}
  .k-timeline-item.is-anniv::before{top:4px;left:-8px}
  .k-system-list{grid-template-columns:repeat(2,1fr)}
  .k-doctor-list{grid-template-columns:repeat(4,1fr)}
  .k-news .k-cards{grid-template-columns:repeat(2,1fr)}
  .k-tube-list{grid-template-columns:repeat(2,1fr)}
  .k-contact-in{grid-template-columns:1fr;gap:40px}
  .k-doctor-feature{grid-template-columns:1fr;gap:28px}
  .k-doctor-feature-photo{max-width:320px}
  .k-dept{gap:40px}
  .k-dept-body h3{font-size:32px}
}
@media (max-width:860px){
  .k-hero{min-height:100vh;min-height:100svh;min-height:100dvh}   /* 휴대폰: 첫 화면 영상이 한 화면에 꽉 차게 (하단 바 포함 화면 높이) */
  .k-hero-in{padding-top:110px;padding-bottom:120px}
  .k-hero-title{font-size:30px;max-width:none}
  .k-hero-scroll{display:none}
  .k-hero-media video,.k-hero-img{object-position:50% 50%}
  .k-why{padding-top:72px}
  .k-why-panels{flex-direction:column;height:auto}
  .k-why-panel{min-height:120px;flex:none}
  .k-why-panel{min-height:200px}
  .k-why-panel.is-open{min-height:240px}
  .k-why-panel .k-why-btn{bottom:64px}
  .k-why-panel .k-why-desc{opacity:1;transform:none}
  .k-why-panel .k-why-go{opacity:1}
  .k-why-btn{padding:20px}
  .k-why-panel.is-open .k-why-btn{bottom:64px}
  .k-why-desc{left:20px;right:20px;bottom:20px}
  .k-years,.k-depts,.k-system,.k-doctors,.k-news,.k-tube,.k-contact{padding:72px 0}
  .k-dept{grid-template-columns:1fr;gap:20px;padding:32px 0}
  .k-dept:nth-child(even) .k-dept-media{order:0}
  .k-dept-body{padding:0}
  .k-dept-body h3{font-size:28px}
  .k-system-sys{grid-template-columns:1fr;gap:0}
  .k-doctor-list{grid-template-columns:repeat(3,1fr);gap:12px}
  .k-doctor-feature{padding:24px}
  .k-doctor-creds{columns:1}
  .k-news .k-cards{grid-template-columns:1fr 1fr}
}
@media (max-width:560px){
  .k-timeline{grid-template-columns:1fr;gap:20px}
  .k-system-list{grid-template-columns:1fr}
  .k-doctor-list{grid-template-columns:repeat(2,1fr)}
  .k-news .k-cards{grid-template-columns:1fr}
  .k-tube-list{grid-template-columns:1fr}
  .k-contact-side{padding:24px}
}