/* hero_k3.css — 홈 히어로 A안 라인업 (S116-C-ha · 2026-09-25) · 소비처 inc/_hero_k3.php 단일
   근거 DECISION_RECORD_S116_히어로·영상_패널판정 §2 · 토큰: 네이비 #1B2A4A · 크림 #F5F0EB · 골드 #C9A96E(연결 조직 · CTA 아님) · 오렌지 #EA5514(CTA 전용)
   판식 radius 0 · shadow 0 · 데스크톱 = 8인 한 줄(크기 균등 · 가운데 강조 0 · 겹침은 어깨까지) · 767 이하 = K 4×2 격자
   [S116-C-ha2 · D안] 슬롯 폭 = 0.5638×인물 높이(고정 간격 · 가운데 정렬 · 양끝 반폭 여유는 콘텐츠 폭 ÷ 4.95 로 확보) · 겹침은 왼쪽이 앞(z-index 내림차순) · 대표 쌍 = li 1 의 figure 하나(오정환 중심 = 슬롯 중심 · translateX(-29.19%)) · li 2 figure 는 데스크톱 숨김 */
.k-hero{--k3-fw:calc((100vw - 192px) / 4.95);--k3-fh:min(296px,max(200px,calc(100vh - 548px)),var(--k3-fw));background:radial-gradient(90% 70% at 70% 30%,#223457 0%,#1B2A4A 55%,#162340 100%);color:#F5F0EB;font-family:'Pretendard Variable',Pretendard,sans-serif;padding:122px 96px 0;border-bottom:0;overflow:hidden}
.k3-wrap{max-width:1728px;margin:0 auto}
.k3-top{display:flex;justify-content:space-between;align-items:flex-end;gap:40px}
.k3-lead{min-width:0}
.k3-eye{margin:0 0 20px;font-family:'Cormorant Garamond',serif;font-size:13px;line-height:1.4;letter-spacing:.22em;text-transform:uppercase;color:#C9A96E}
.k3-h1{margin:0;font-family:'Noto Serif KR',serif;font-weight:700;font-size:72px;line-height:1.12;letter-spacing:-.03em;color:#F5F0EB}
.k3-h1 span{display:block}
.k3-h1 em{font-style:normal;color:#C9A96E}
.k3-cred{margin:26px 0 0;padding:18px 0 0;border-top:1px solid rgba(201,169,110,.5);max-width:660px;list-style:none}
.k3-cred li{margin:0;line-height:1.5}
.k3-cred1{font-size:21px;font-weight:600;letter-spacing:.01em;color:#F5F0EB}
.k3-cred2{margin-top:8px!important;font-size:15px;line-height:1.6!important;color:rgba(245,240,235,.78)}
.k3-cred2 span{white-space:nowrap}
.k3-side{display:flex;flex-direction:column;align-items:flex-end;gap:28px;flex:0 0 auto}
.k3-stats{list-style:none;margin:0;padding:0;display:flex}
.k3-stat{padding:0 26px;border-left:1px solid rgba(201,169,110,.3)}
.k3-stat:first-child{padding-left:0;border-left:0}
.k3-stat:last-child{padding-right:0}
.k3-stat a{display:flex;flex-direction:column;align-items:flex-start;gap:6px;color:inherit;text-decoration:none}
.k3-stat-n{font-family:'Cormorant Garamond',serif;font-weight:600;font-size:46px;line-height:1;color:#C9A96E}
.k3-stat-n small{font-family:'Pretendard Variable',Pretendard,sans-serif;font-size:13px;font-weight:500;margin-left:3px;color:rgba(245,240,235,.82)}
.k3-stat-l{font-size:12.5px;letter-spacing:.05em;color:rgba(245,240,235,.78);white-space:nowrap}
.k3-stat a:hover .k3-stat-l{color:#F5F0EB}
.k3-acts,.k3-macts{display:flex;align-items:center;gap:26px}
.k3-cta{display:inline-flex;align-items:center;gap:10px;min-height:52px;padding:0 28px;background:#EA5514;color:#fff;font-size:19px;font-weight:700;letter-spacing:.01em;text-decoration:none;border-radius:0;white-space:nowrap}
.k3-cta:hover{background:#d44a0f;color:#fff}
.k3-more{display:inline-flex;align-items:center;min-height:44px;color:#F5F0EB;font-size:15px;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid rgba(201,169,110,.7);white-space:nowrap}
.k3-more:hover{border-bottom-color:#C9A96E}
.k3-cta:focus-visible,.k3-more:focus-visible,.k3-stat a:focus-visible{outline:2px solid #C9A96E;outline-offset:3px}
.k3-a:focus{outline:0}.k3-a:focus-visible .k3-name{outline:2px solid #C9A96E;outline-offset:-2px}
.k3-macts,.k3-mstats{display:none}
/* 인물 높이 = 화면 높이 축(이름 띠 하단이 첫 화면 안) · 콘텐츠 폭 축(머리 사이 간격 확보 · 겹침은 어깨까지 · 1440 실측 머리 겹침 → 폭 ÷ 4.3 상한) 중 작은 값 */
/* 라인업 — 중심점 등간격 · 양끝 인물 반폭만큼 안쪽(콘텐츠 격자 밖 번짐 0) · 사진은 클릭 통과, 링크는 이름 띠 */
.k3-list{list-style:none;margin:30px 0 0;padding:0;display:flex;justify-content:center;position:relative;height:calc(var(--k3-fh) + 54px)}
.k3-list::after{content:'';position:absolute;left:0;right:0;bottom:54px;height:1px;background:#C9A96E;z-index:9}
.k3-list::before{content:'';position:absolute;left:0;right:0;bottom:54px;height:110px;background:linear-gradient(to top,rgba(20,32,58,.5),transparent);z-index:8;pointer-events:none}
.k3-p{position:relative;width:calc(var(--k3-fh) * .5638);margin:0;flex:0 0 auto}
.k3-a{position:static;color:inherit;text-decoration:none}
.k3-fig{position:absolute;left:50%;bottom:54px;height:var(--k3-fh);transform:translateX(-50%);pointer-events:none;display:block}
.k3-fig--pair{transform:translateX(-29.19%)}
.k3-fig--none{display:none}
.k3-fig picture,.k3-fig img{display:block;height:100%;width:auto;max-width:none}
.k3-p:nth-child(1) .k3-fig{z-index:8}.k3-p:nth-child(2) .k3-fig{z-index:7}.k3-p:nth-child(3) .k3-fig{z-index:6}.k3-p:nth-child(4) .k3-fig{z-index:5}
.k3-p:nth-child(5) .k3-fig{z-index:4}.k3-p:nth-child(6) .k3-fig{z-index:3}.k3-p:nth-child(7) .k3-fig{z-index:2}.k3-p:nth-child(8) .k3-fig{z-index:1}
.k3-name{position:absolute;left:50%;bottom:0;height:54px;transform:translateX(-50%);display:flex;align-items:center;gap:6px;padding:0 12px;font-size:16px;letter-spacing:.04em;color:#F5F0EB;white-space:nowrap;z-index:10}
.k3-name span{color:#C9A96E;opacity:.6;transition:opacity .2s,transform .2s}
.k3-a:hover .k3-name span{opacity:1;transform:translateX(3px)}
@media (max-width:1439px){.k3-h1{font-size:64px}}
@media (max-width:1199px){.k-hero{--k3-fw:calc((100vw - 112px) / 4.95);padding:112px 56px 0}.k3-h1{font-size:56px}.k3-stat-n{font-size:40px}.k3-stat{padding:0 18px}.k3-cred1{font-size:18px}.k3-cred2{font-size:14px}}
@media (max-width:1023px) and (min-width:768px){.k3-top{display:block}.k3-side{flex-direction:row;align-items:flex-end;justify-content:space-between;width:100%;margin-top:28px;gap:24px}.k3-name{font-size:14px;padding:0 6px}}
/* 767 이하 — K 4×2 격자 유지 · 버튼은 격자 아래 · 숫자는 맨 아래 한 줄 */
@media (max-width:767px){
  .k-hero{padding:112px 22px 26px}
  .k3-top{display:block}
  .k3-eye{margin-bottom:16px}
  .k3-h1{font-size:34px;line-height:1.2}
  .k3-cred{margin-top:16px;padding-top:14px}
  .k3-cred1{font-size:14px}
  .k3-cred2{font-size:12px;margin-top:5px!important;line-height:1.55!important}
  .k3-side{display:none}
  .k3-list{margin-top:24px;padding:0;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}
  .k3-list::before,.k3-list::after{display:none}
  .k3-p{width:auto}
  .k3-a{display:flex;flex-direction:column;border-bottom:1px solid #C9A96E}
  .k3-fig{position:static;transform:none;height:auto;pointer-events:auto;background:rgba(245,240,235,.035);aspect-ratio:390/405;overflow:hidden}
  .k3-fig--none{display:block}
  .k3-fig picture,.k3-fig img{width:100%;height:100%;object-fit:cover;object-position:50% 0}
  .k3-name{position:static;transform:none;height:36px;justify-content:center;padding:0;font-size:12.5px;letter-spacing:0;border-top:1px solid rgba(201,169,110,.25)}
  .k3-name span{display:none}
  .k3-macts{display:flex;justify-content:space-between;gap:12px;margin-top:18px}
  .k3-macts .k3-cta{font-size:17px;min-height:48px;padding:0 22px}
  .k3-macts .k3-more{font-size:14px}
  .k3-mstats{display:flex;justify-content:space-between;margin:20px 0 0;padding-top:14px;border-top:1px solid rgba(201,169,110,.25);font-size:12px;color:rgba(245,240,235,.8)}
  .k3-mstats b{font-family:'Cormorant Garamond',serif;font-size:24px;font-weight:600;color:#C9A96E;margin-right:3px}
}
@media (max-width:359px){.k3-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.k3-macts .k3-cta{padding:0 16px}}
@media (prefers-reduced-motion:reduce){.k3-name span{transition:none}}