@charset "utf-8";
/* =====================================================================
   홈 모듈 화면 · pages/home.css  (tokens.css · app.css 다음에 읽는다)
   홈 · 링크 허브(/links) · 공지/이벤트 · 안내(/guide) · 약관 · 오류 화면
   디자인 정답 = 힉스필드 시안 A '로열 누아르' (A_home_m · A_home_pc). 부품은 app.css 것을 그대로 쓰고, 여기엔 이 화면들만의 배치·카드만.
   색·간격은 tokens.css 토큰만. 브레이크포인트 600 · 900 · 1200.
   ===================================================================== */

/* ── A. 홈 배치: 문서 순서(시험·스크린리더)는 그대로 두고 보이는 순서만 시안대로 (order) ───────────────
   폰 = 칩 줄 → 히어로 → LIVE 카드 → NEW → HIT → 랭킹 → 띠 배너 → 공지|SNS → 안내|고객센터 → 신뢰 태그
   PC = 히어로(화면 끝까지) → [LIVE | NEW] → HIT → … (칩 줄은 헤더 메뉴와 같아 숨김) */
.home{--wrap:1360px;display:flex;flex-direction:column}   /* 시안 A 홈 본문 폭(1440 화면) ≈ 1360 — 머리·바닥과 같은 자리 */
.home>.hcats{order:1}
.home>.hhero{order:2}
.home>.hmain{order:3}
.home>.hhit{order:4}
.home>.hbest{order:5}
.home>.horipa{order:5}   /* 오리파(2026-10-30) — BEST 와 같은 order, 문서에서 BEST 바로 뒤라 BEST 다음에 보인다 */
.home>.hstrips{order:6}
.home>.hduo--news{order:7}
.home>.hduo--help{order:8}
.home>.htrust{order:9}
/* 방송 띠: 홈은 바로 아래 LIVE 카드가 같은 일을 해서(시안 A 홈엔 띠가 없다) 홈에서만 숨긴다 — 다른 화면은 그대로 */
.page-home .onair[data-band]{display:none}
@media (min-width:900px){body.page-home.has-band{padding-top:0}}
/* ── 포켓몬 느낌(10-29): 바탕 검정·금색은 그대로, 포켓몬 카드 타입 색(전기·불꽃·물·풀·초)을 카테고리 칸·섹션 머리 점에만 조금.
   어두운 화면 값 / 밝은 화면([data-theme="light"]) 값 — 밝은 바탕에서도 보이게 조금 진하게 */
.home{--pk-elec:#F5CB2B;--pk-fire:#F0603E;--pk-water:#4C9BF5;--pk-grass:#55C46A;--pk-psy:#B77BEA;--pk-glow:30%}
[data-theme="light"] .home{--pk-elec:#C99700;--pk-fire:#D8432A;--pk-water:#2A70D6;--pk-grass:#2E9645;--pk-psy:#8A46C4;--pk-glow:20%}
/* 섹션 머리 금빛 선 앞 타입 색 점 네 개(전기·불꽃·물·풀) */
.home{--pk-dots:radial-gradient(circle at 3px 50%,var(--pk-elec) 0 2.4px,transparent 3px) 0 50%/6px 6px no-repeat,
  radial-gradient(circle at 3px 50%,var(--pk-fire) 0 2.4px,transparent 3px) 9px 50%/6px 6px no-repeat,
  radial-gradient(circle at 3px 50%,var(--pk-water) 0 2.4px,transparent 3px) 18px 50%/6px 6px no-repeat,
  radial-gradient(circle at 3px 50%,var(--pk-grass) 0 2.4px,transparent 3px) 27px 50%/6px 6px no-repeat,
  linear-gradient(90deg,var(--gold-line),var(--gold-line-2)) 40px 50%/calc(100% - 40px) 1px no-repeat}
.home :is(.shead,.hitp__head)::after{height:6px;min-width:34px;background:var(--pk-dots)}   /* 좁으면 점 네 개만 남는다 */
@media (min-width:900px){.home .hlive__head::after{height:6px;min-width:34px;background:var(--pk-dots)}}

/* 바로가기 칸 — 칸마다 실제 상품 사진·카드 그림(pk/cat-*) + 아래 타입 색 막대·은은한 타입 색 빛.
   ui.cat_nav(items=…) 가 그린 칩(app.css 12절)을 홈에서만 그림 칸으로 바꾼다.
   폰·태블릿 = 헤더 바로 아래 세로형 6칸 한 줄 · 넓은 PC(1200~) = 배너 아래 가로형(왼쪽 그림 · 오른쪽 이름) 6칸 */
.hcats{padding-top:12px}
.hcats .cats__row{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(48px,1fr);gap:6px;overflow-x:auto}
.hcats .cats__row li{min-width:0}
.hcats .cat{--pk-c:var(--gold);position:relative;display:flex;flex-direction:column;align-items:center;gap:5px;width:100%;height:auto;min-width:0;padding:0;
  border:0;border-radius:var(--r-md);background:none;color:var(--text);white-space:normal}
.hcats .cat[href$="kind=box"]{--pk-c:var(--pk-fire)}
.hcats .cat[href$="kind=pack"]{--pk-c:var(--pk-elec)}
.hcats .cat[href$="kind=single"]{--pk-c:var(--pk-water)}
.hcats .cat[href$="kind=supply"]{--pk-c:var(--pk-grass)}
.hcats .cat[href$="/live"]{--pk-c:var(--live)}
.hcats .cat[href$="kind=event"]{--pk-c:var(--pk-psy)}
.hcats .cat__orb{position:relative;display:grid;place-items:center;width:100%;max-width:92px;aspect-ratio:1/1;overflow:hidden;border-radius:12px;color:var(--gold-hi);
  background:radial-gradient(70% 70% at 50% 64%,color-mix(in srgb,var(--pk-c) var(--pk-glow),transparent),transparent 72%),var(--surface);
  border:1px solid var(--border);transition:border-color var(--t-fast),transform var(--t-fast)}
.hcats .cat__orb::after{content:"";position:absolute;left:26%;right:26%;bottom:0;height:2px;border-radius:2px 2px 0 0;background:var(--pk-c)}
.hcats .cat__orb .ico{width:28px;height:28px}
.hcats .cat__img{width:86%;height:86%;object-fit:contain;border-radius:0;filter:drop-shadow(0 4px 5px rgba(0,0,0,.4))}
.hcats .cat__t{font-size:12px;font-weight:600;line-height:1.2;letter-spacing:-.02em;text-align:center;white-space:nowrap}
.hcats .cat:hover{background:none;color:var(--gold-hi)}
.hcats .cat:hover .cat__orb{border-color:var(--pk-c);transform:translateY(-2px)}
@media (min-width:600px){.hcats .cats__row{gap:10px}.hcats .cat__t{font-size:13px}}
@media (min-width:900px){
  .home>.hhero{order:1}
  .home>.hcats{order:2;padding-top:20px}
  .hcats .cats{margin:0}
  .hcats .cats__row{padding:0;gap:12px}
}
@media (min-width:1200px){
  .hcats .cats__row{grid-auto-columns:minmax(170px,1fr)}
  .hcats .cat{flex-direction:row;gap:14px;height:88px;padding:0 14px 0 10px;border:1px solid var(--border);
    background:radial-gradient(90% 130% at 16% 62%,color-mix(in srgb,var(--pk-c) var(--pk-glow),transparent),transparent 60%),var(--surface)}
  .hcats .cat::after{content:"";position:absolute;left:14px;right:14px;bottom:-1px;height:2px;border-radius:2px 2px 0 0;background:var(--pk-c)}
  .hcats .cat__orb{width:70px;max-width:none;flex:none;border:0;border-radius:0;background:none;overflow:visible}
  .hcats .cat__orb::after{display:none}
  .hcats .cat__img{width:100%;height:100%}
  .hcats .cat__t{font-family:var(--serif);font-size:17px;font-weight:700;text-align:left;white-space:normal;color:var(--heading)}
  .hcats .cat:hover{border-color:var(--pk-c)}
  .hcats .cat:hover .cat__orb{transform:translateY(-2px) rotate(-2deg)}
}

/* 히어로: 폰 = 금빛 테두리 둥근 판(10px) · PC = 화면 끝까지 + 아래 금빛 선 */
.hhero{margin:12px var(--gut) 0}
.hhero .slider__track,.hhero .hero{border-radius:var(--r-lg)}
.hhero .hero{min-height:206px;border:1px solid var(--gold-line);box-shadow:var(--gold-glow)}
.hhero .slider__track{box-shadow:none}
/* 폰: 사진은 오른쪽 76%(상자가 오른쪽 반에 오게) · 왼쪽 끝은 검정으로 녹인다 */
@media (max-width:599px){
  .hhero .hero__art{left:24%;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 24%);mask-image:linear-gradient(90deg,transparent 0,#000 24%)}
  .hhero .hero__art img{object-position:60% 76%}
  .hhero .hero__txt{max-width:70%}
  .hhero .hero:not(.hero--baked)::after{background:linear-gradient(90deg,rgba(10,10,10,.8) 0%,rgba(10,10,10,.55) 48%,rgba(10,10,10,0) 70%)}
}
@media (min-width:600px){.hhero .hero{min-height:280px}}
@media (min-width:900px){
  /* PC: 사진은 화면 높이에 맞춰 조금 크게(위아래 빈 하늘만 잘림) · 상자 무리가 화면 폭 62% 쯤에 오게 놓고 양끝은 검정으로 녹인다 */
  .hhero{--hh:clamp(300px, 21vw, 360px);margin:0}
  .hhero .slider__track,.hhero .hero{border-radius:0}
  .hhero .hero{min-height:var(--hh);border:0;border-bottom:1px solid var(--gold-line);box-shadow:none}
  .hhero .hero__art{top:-12.5%;bottom:-12.5%;left:auto;right:calc(38% - var(--hh) * .8745);width:calc(var(--hh) * 2.915);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 86%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 34%,#000 86%,transparent 100%)}
  .hhero .hero__art img{object-position:50% 50%}
  .hhero .hero:not(.hero--baked)::after{background:linear-gradient(90deg,rgba(10,10,10,.6) 0%,rgba(10,10,10,.3) 30%,rgba(10,10,10,0) 44%)}
  .hhero .hero__txt{padding-top:24px;padding-bottom:26px}
  .hhero .hero__t{font-size:40px}
  .hhero .hero__d{margin-top:12px}
  .hhero .hero__cta{margin-top:20px}
}
@media (min-width:1200px){.hhero .hero__t{font-size:44px}}
/* 밝은 화면: 히어로는 '어두운 섬'인데 판 바탕이 var(--bg)(아이보리)라 그림이 지워지는 왼쪽이 회색으로 뜬다 → 섬 안의 어두운 칸 색으로 (10-29) */
[data-theme="light"] .hhero .hero{background:var(--well)}
/* 상품 그림 위로 글자가 지나가도 읽히게 (10-29) — 제목은 금색 그라데이션 글자(배경 잘라 쓰기)라 text-shadow 대신 drop-shadow */
.hhero .hero__t{filter:drop-shadow(0 1px 1px rgba(0,0,0,.9)) drop-shadow(0 0 8px rgba(0,0,0,.75))}
.hhero .hero__d{text-shadow:0 1px 2px rgba(0,0,0,.9),0 0 12px rgba(0,0,0,.85)}
/* 900~1199: 화면이 좁아 그림 속 상품(그림 폭 47~88%)이 글자 밑으로 들어온다 → 그림을 오른쪽으로 밀어 상품을 글자 오른쪽에 */
@media (min-width:900px) and (max-width:1199px){.hhero .hero__art{right:calc(var(--hh) * -.35)}}

/* ── B. LIVE 대신오픈 | NEW 신상품 ─────────────────────────────────────────── */
.hmain{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;margin-top:14px}
.hmain>.hlive{order:-1;margin-top:0}
.hnew .shead{margin-bottom:12px}
.hnew__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
@media (min-width:600px){.hnew__grid{gap:12px}}
@media (min-width:900px){
  .hmain{gap:16px;margin-top:22px;align-items:stretch}
  .hnew,.hlive{padding:14px 16px 16px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-frame)}
  .hnew{display:flex;flex-direction:column}
  .hnew__grid{flex:1}
  .hnew .shead{margin-bottom:14px}
  /* PC 신상품 = 세로형 카드 4장 한 줄 (시안 A_home_pc) */
  .hnew__grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}
  .hnew .pcard--h .pcard__link{display:flex;flex-direction:column}
  .hnew .pcard--h .pcard__img{aspect-ratio:1.12/1;min-height:0;border-right:0;border-bottom:1px solid var(--line)}
  .hnew .pcard--h .pcard__img img{position:static;padding:10% 12% 12%}
  .hnew .pcard--h .pcard__body{padding:9px 10px 11px}
  .hnew .pcard--h .pcard__name{font-size:12.5px;min-height:2.76em}
  .hnew .pcard--h .pcard__meta{font-size:11px}
  .hnew .pcard--h .pcard__chip{display:none}
  .hnew .pcard--h .pcard__foot{padding-top:6px}
  .hnew .pcard--h .price__amt{font-size:16px}
}
/* 넓은 PC(1200~): LIVE(왼쪽) | NEW(오른쪽) 나란히 — 900~1199 는 위아래로 한 줄씩 */
@media (min-width:1200px){.hmain{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.hmain>.hlive{order:0;grid-column:1;grid-row:1}.hmain>.hnew{grid-column:2;grid-row:1}.hnew,.hlive{padding:16px 18px 18px}.hnew .pcard--h .pcard__name{font-size:13px}.hnew .pcard--h .price__amt{font-size:17px}}

/* 라이브 카드 (시안: 숯색 판 + 금빛 테두리 · 왼쪽 영상 썸네일(LIVE · 대기 수) · 오른쪽 금색 세리프 'LIVE 대신오픈' + 두 줄 설명 + 금색 알약 '입장하기 →') */
.hlive{display:grid;grid-template-columns:minmax(0,46%) minmax(0,1fr);grid-template-areas:"screen head" "screen side" "now now";align-items:start;gap:4px 12px;
  padding:10px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);box-shadow:var(--sh-frame)}
.hlive__head{grid-area:head;display:flex;align-items:center;gap:14px;min-width:0;padding-top:2px}
.hlive__h{font-family:var(--serif);font-size:19px;font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--heading);white-space:nowrap}
.hlive__more{display:none}
.hlive__screen{grid-area:screen;align-self:center;min-width:0}
.hlive__screen .screen{border-radius:var(--r-sm)}
.hlive__screen .lchip--lg{height:20px;padding:0 8px;font-size:10.5px}
.hlive__screen .vchip{height:20px;padding:0 7px;font-size:10px}
.hlive__screen .screen__note{display:none}
.hlive__side{grid-area:side;display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
.hlive__t{font-size:13px;font-weight:700;line-height:1.35;letter-spacing:-.02em;color:var(--text)}
.hlive__t em{color:var(--gold-hi)}
.hlive__d{font-size:11.5px;line-height:1.45;color:var(--text-2);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.hlive__nums{display:none}
.hlive__btns{display:flex;align-items:center;gap:10px;margin-top:4px}
.hlive__go{--btn-h:34px;padding:0 14px 0 18px;gap:10px;font-size:13px;font-weight:700}
.hlive__go .ico{width:17px;height:17px}
.hlive__link{display:none;align-items:center;gap:2px;font-size:12.5px;color:var(--text-2);white-space:nowrap}
.hlive__link:hover{color:var(--gold-hi)}
.hlive__now{grid-area:now;margin-top:8px}
.hlive__now .nowop{background:var(--surface-2)}
@media (min-width:600px){
  .hlive{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:6px 18px;padding:14px}
  .hlive__h{font-size:24px}
  .hlive__t{font-size:16px}
  .hlive__d{font-size:13px}
  .hlive__nums{display:flex;flex-wrap:wrap;gap:4px 14px;margin-top:2px}
  .hlive__go{--btn-h:40px;font-size:14px}
  .hlive__link{display:inline-flex}
}
/* 대기열 숫자 = 작은 한 줄('대기열 4건 · 지금 개봉 중 1건 · 방송 시간 …') */
.hlive__nums li{display:inline-flex;align-items:baseline;gap:5px;font-size:12px;color:var(--text-3);white-space:nowrap}
.hlive__nums b{font-family:var(--serif);font-size:14px;font-weight:700;color:var(--gold-hi);font-variant-numeric:tabular-nums lining-nums}
.hlive__nums small{margin-left:1px;font-family:var(--font);font-size:11px;font-weight:500;color:var(--text-2)}
.hlive__nums .hlive__time{font-family:var(--font);font-size:12px;font-weight:600;color:var(--text)}
@media (min-width:900px){
  .hlive{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr);grid-template-areas:"head head" "screen side" "now now";gap:0 18px;align-content:start}
  .hlive__head{gap:20px;margin-bottom:14px;padding:0}
  .hlive__head::after{content:"";order:1;flex:1 1 24px;min-width:24px;height:1px;background:linear-gradient(90deg,var(--gold-line),var(--gold-line-2))}
  .hlive__h{font-size:28px}
  .hlive__more{display:inline-flex}
  .hlive__screen .lchip--lg{height:24px;padding:0 10px;font-size:12px}
  .hlive__screen .vchip{height:24px;padding:0 9px;font-size:12px}
  .hlive__screen .screen__note{display:inline-flex}
  .hlive__side{align-self:center;gap:8px}
  .hlive__t{font-size:19px;line-height:1.35}
  .hlive__d{font-size:13px}
  .hlive__nums{gap:2px 12px}
  .hlive__now .nowop{grid-template-columns:44px minmax(0,1fr) auto 12px;gap:12px;padding:8px 10px}
  .hlive__now .nowop__img{width:44px;height:44px}
  .hlive__now .nowop__who{font-size:14px}
  .hlive__now .nowop__p{font-size:11.5px}
  .hlive__now .nowop__n b{font-size:24px}
  /* 시안 A PC: 판 안 단추 = 금 테두리 + 흰 글자 '라이브 입장하기 →' */
  .hlive__btns{flex-wrap:wrap;gap:10px 14px;margin-top:8px}
  .hlive__go{--btn-h:40px;color:var(--text);background:transparent;border-color:var(--gold-line);box-shadow:none;border-radius:var(--r-sm)}
  .hlive__go:hover{background:var(--gold-wash);border-color:var(--gold)}
  .hlive__go .ico{color:var(--gold-hi)}
  .hlive__now{margin-top:14px}
}

/* ── C. 띠 배너 (place=strip) ─────────────────────────────────────────────── */
.hstrip{position:relative;display:flex;align-items:center;gap:var(--s3);min-height:64px;padding:var(--s3) var(--s4);overflow:hidden;border-radius:var(--r-md);
  background:linear-gradient(90deg,var(--gold-wash),transparent 70%),var(--surface);border:1px solid var(--gold-line);color:var(--text)}
.hstrip--img{display:block;min-height:0;padding:0;background:var(--well)}
.hstrip--img img{width:100%;height:auto}
.hstrip__ic{width:38px;height:38px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);background:transparent;border:1px solid var(--gold-line)}
.hstrip__t{flex:1;min-width:0;display:grid;gap:2px}
.hstrip__t b{font-family:var(--serif);font-size:15px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}
.hstrip__t span{font-size:12px;color:var(--text-2)}
.hstrip__go{flex:none;color:var(--gold-hi)}
a.hstrip:hover{border-color:var(--gold);box-shadow:var(--gold-glow)}

/* ── D. 실시간 판매 랭킹 — 폰 목록 · 600~1199 두 칸 · 넓은 PC 다섯 칸(숯색 작은 판) ───────────── */
@media (min-width:600px) and (max-width:1199px){
  .hbest .rank__list{grid-template-columns:repeat(2,minmax(0,1fr));column-gap:32px}
  .hbest .rank__list li:nth-last-child(2) .rrow{border-bottom:0}
}
@media (min-width:1200px){
  .hbest .rank__list{grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}
  .hbest .rrow{grid-template-columns:36px 64px minmax(0,1fr);gap:10px;height:100%;padding:12px;border:1px solid var(--border);border-radius:var(--r-md);background:var(--surface)}
  .hbest .rank__list li:last-child .rrow{border-bottom:1px solid var(--border)}
  .hbest .rrow:hover{border-color:var(--gold-line);background:var(--surface)}
  .hbest .rrow__no{font-size:38px}
  .hbest .rrow__img{width:64px;height:64px}
  .hbest .rrow__t b{font-size:12.5px}
  .hbest .rrow__p{font-size:15px}
  .hbest .rrow__go{display:none}
}

/* ── E. 오늘의 HIT — 넓은 PC 는 8장이 한 줄을 꽉 채운다 ──────────────────────────────── */
/* 홀로(무지개 반짝) = 실제 카드 그림 위에만: 비스듬한 무지개 띠가 은은하게 깔려 있고, 올리면(초점) 카드 위를 한 번 쓸고 지나간다.
   SAR·UR·MUR(hit--top)은 조금 더 진하게. 움직임 줄이기 설정이면 띠만 두고 움직이지 않는다 */
.home .hit__card{overflow:hidden}
.home .hit__card::after{content:"";position:absolute;inset:0;z-index:1;border-radius:4px;pointer-events:none;mix-blend-mode:color-dodge;opacity:.5;
  background:linear-gradient(115deg,transparent 22%,rgba(255,64,160,.55) 34%,rgba(255,214,0,.55) 42%,rgba(64,255,170,.55) 50%,rgba(64,170,255,.55) 58%,rgba(170,90,255,.55) 66%,transparent 78%) 82% 82%/260% 260% no-repeat;
  transition:background-position .9s var(--ease),opacity .3s}
.home .hit--top .hit__card::after{opacity:.62}
.home .hit:is(:hover,:focus-within) .hit__card::after{background-position:8% 8%;opacity:.9}
.home .hit__grade{z-index:2}
[data-theme="light"] .home .hit__card::after{mix-blend-mode:overlay;opacity:.55}
@media (prefers-reduced-motion:reduce){.home .hit__card::after{transition:none}}
@media (min-width:1200px){.home .hitp .hits{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:14px;overflow:visible}.home .hitp .hit{flex:auto}}

/* ── F. 아래 두 칸: 공지·이벤트 | SNS·문의 / 이용 안내 | 고객센터 ─────────────────── */
.hduo{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3)}
.hduo>.panel{margin-top:0}
.hduo>.panel:only-child{grid-column:1/-1}   /* SNS 링크가 하나도 없어 SNS 판을 숨기면 공지 판이 한 줄을 다 쓴다 */
@media (min-width:900px){
  .hduo{grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s5);align-items:stretch}
  .hduo>.panel{padding:var(--s5) var(--s6) var(--s6)}
}
/* 공지·이벤트 줄 */
.hnews__list{display:grid}
.hnews__a{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s3);min-height:48px;padding:var(--s2) var(--s1);border-top:1px solid var(--hair)}
.hnews__list li:first-child .hnews__a{border-top:0}
.hnews__t{font-size:13.5px;font-weight:500;letter-spacing:-.02em;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:color var(--t-fast)}
.hnews__a:hover .hnews__t{color:var(--gold-hi)}
.hnews__d{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.hnews__a.is-pin .nkind{color:var(--on-gold);background:var(--gold-grad);border-color:transparent}
.hnews__a.is-pin .hnews__t{font-weight:700}
.hnews__empty{padding:var(--s5) 0;font-size:13px;color:var(--text-3)}
@media (min-width:900px){.hnews__a{min-height:52px}.hnews__t{font-size:14.5px}}
/* 종류 칩 (공지 · 이벤트 · 필독) — 목록·본문에서도 같이 쓴다 */
.nkind{display:inline-flex;align-items:center;justify-content:center;gap:3px;height:22px;min-width:40px;padding:0 var(--s2);border-radius:var(--r-pill);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;flex:none;border:1px solid transparent}
.nkind--notice{color:var(--text-2);background:transparent;border-color:var(--line-2)}
.nkind--event{color:var(--gold-ink);background:var(--gold-wash);border-color:var(--gold-line)}
.nkind--pin{color:var(--on-gold);background:var(--gold-grad);border-color:transparent}
/* SNS·문의: 넓으면 두 줄씩 */
.hsns .links__a{min-height:58px}
@media (min-width:600px){.hsns .links{grid-template-columns:repeat(2,minmax(0,1fr))}}
/* 안내 아코디언 (홈 · 링크 허브 공용) */
.hacc summary{min-height:50px;gap:var(--s3);font-size:14px}
.hacc__ic{width:28px;height:28px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold-ink);border:1px solid var(--gold-line)}
.hacc__list{display:grid;gap:var(--s2)}
.hacc__list li,.glist li{position:relative;padding-left:var(--s4)}
.hacc__list li::before,.glist li::before{content:"";position:absolute;left:var(--s1);top:.68em;width:5px;height:5px;transform:rotate(45deg);background:var(--gold)}
/* 고객센터 카드 (홈 · 안내 공용) */
.hcs__main{display:grid;gap:var(--s1);padding:var(--s1) var(--s1) var(--s3);border-bottom:1px solid var(--hair)}
.hcs__tel{justify-self:start;font-family:var(--serif);font-size:30px;font-weight:700;line-height:1.15;letter-spacing:-.01em;font-variant-numeric:tabular-nums lining-nums;color:var(--gold-hi)}
.hcs__hours{display:flex;align-items:center;gap:6px;font-size:12.5px;color:var(--text-2)}
.hcs__hours .ico{color:var(--gold-ink)}
.hcs__list{display:grid;gap:var(--s2);padding:var(--s3) var(--s1)}
.hcs__list li{display:grid;grid-template-columns:16px 56px minmax(0,1fr);align-items:center;gap:var(--s2);font-size:13px}
.hcs__list .ico{color:var(--gold-ink)}
.hcs__list span{color:var(--text-3)}
.hcs__list b,.hcs__list a{font-weight:600;color:var(--text);overflow-wrap:anywhere}
.hcs__list a{text-decoration:underline;text-decoration-color:var(--gold-line);text-underline-offset:3px}
.hcs__btns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2)}
.hcs__btns .btn{--btn-h:48px;padding:0 var(--s3);font-size:14px}
.hcs__btns .btn--kakao[aria-disabled="true"]{opacity:1;color:var(--text-3);background:var(--mute-wash);border-color:var(--line-2)}
.hcs__btns .btn--kakao[aria-disabled="true"] .ico{color:var(--text-3)}
@media (min-width:900px){.hcs__tel{font-size:36px}}

/* ── G. 신뢰 태그 줄 (금빛 선 사이 · 금색 선 아이콘 + 흰 글자, 칸 사이 금빛 세로 선) ───────────────── */
.htrust{margin-top:28px}
.tbar{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 0;padding:14px 0;border-block:1px solid var(--gold-line-2)}
.tbar__i{display:flex;align-items:center;gap:10px;min-width:0;padding:0 10px}
.tbar__i:nth-child(even){border-left:1px solid var(--gold-line-2)}
.tbar__ic{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);border:1px solid var(--gold-line)}
.tbar__t{display:grid;gap:1px;min-width:0}
.tbar__t b{font-size:13px;font-weight:700;letter-spacing:-.02em;white-space:nowrap;color:var(--text)}
.tbar__t small{font-size:11px;line-height:1.35;color:var(--text-3)}
@media (min-width:900px){
  .htrust{margin-top:44px}
  .tbar{grid-template-columns:repeat(4,minmax(0,1fr));padding:18px 0}
  .tbar__i{justify-content:center;padding:0 16px}
  .tbar__i+.tbar__i{border-left:1px solid var(--gold-line-2)}
  .tbar__t b{font-size:14px}
  .tbar__t small{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
}

/* ── H. 첫 화면 팝업 ───────────────────────────────────────────────────────── */
.hpop{width:min(380px,calc(100% - var(--s8)));overflow:hidden;border-color:var(--gold-line)}
.hpop__art{display:block;aspect-ratio:1/1;background:var(--well)}
.hpop__art picture{display:block;height:100%}
.hpop__art img{width:100%;height:100%;object-fit:cover}
.hpop__art:focus-visible{outline-offset:-3px}
.hpop__foot button:focus-visible{outline:2px solid var(--focus);outline-offset:-4px;border-radius:var(--r-sm)}
.hpop__art--none{display:grid;place-items:center;aspect-ratio:16/10;background:var(--well-grad)}
.hpop__art--none img{width:auto;height:84%;object-fit:contain}
.hpop__body{display:grid;gap:var(--s2);padding:var(--s4) var(--s5) 0}
.hpop__t{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:-.03em;color:var(--heading)}
.hpop__d{font-size:13.5px;line-height:1.6;color:var(--text-2)}
.hpop__body .btn{margin-top:var(--s1)}
.hpop__foot{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:var(--s4);border-top:1px solid var(--hair)}
.hpop__foot button{min-height:50px;font-size:13.5px;font-weight:500;color:var(--text-2)}
.hpop__foot button+button{border-left:1px solid var(--hair);font-weight:700;color:var(--gold-hi)}
.hpop__foot button:hover{background:var(--gold-wash)}

/* ── I. 링크 허브 /links (가운데 좁은 기둥 · 헤더 없음 · 자기 독) ─────────────────────── */
.lhub{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s4);width:min(100% - var(--gut) * 2, 480px);margin-inline:auto;padding:var(--s2) 0 var(--s6)}
.lhub__top{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--gold-line)}
.lhub__logo img{height:34px;width:auto}
.lhub__share{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);background:transparent;border:1px solid var(--gold-line);transition:border-color var(--t-fast),background-color var(--t-fast)}
.lhub__share:hover{border-color:var(--gold);background:var(--gold-wash)}
/* 브랜드 히어로: 힉스필드 그림 위 검정 막 + 원형 엠블럼 + 세리프 이름 */
.lhero{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;gap:var(--s2);padding:var(--s6) var(--s4) var(--s5);text-align:center;
  border-radius:var(--r-lg);background:var(--bg);border:1px solid var(--gold-line);box-shadow:var(--gold-glow)}
.lhero__bg{position:absolute;inset:0;z-index:-2}
.lhero__bg img{width:100%;height:100%;object-fit:cover}
.lhero::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,.78),rgba(10,10,10,.66) 60%,rgba(10,10,10,.86))}
.lhero__emblem{width:88px;height:88px;padding:2px;border-radius:50%;background:var(--bg);box-shadow:0 0 0 1px var(--gold-line),0 0 0 5px var(--bg),0 0 0 6px var(--gold-line-2)}
.lhero__emblem img{width:100%;height:100%}
.lhero__t{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--s2) var(--s3);margin-top:var(--s2);line-height:1}
.lhero__en{white-space:nowrap}
@media (max-width:429px){.lhero__t .lhero__en{font-size:24px}.lhero__t .lhero__ko{font-size:20px}}
.lhero__en{font-family:var(--display);font-size:28px;font-weight:700;letter-spacing:.02em;color:var(--heading)}
.lhero__en em{color:var(--gold-ink)}
.lhero__bar{width:1px;height:22px;background:var(--gold)}
.lhero__ko{font-family:var(--serif);font-size:23px;font-weight:700;letter-spacing:-.03em;color:var(--heading)}
.lhero__k{display:inline-flex;align-items:center;gap:6px;margin-top:var(--s1);font-size:13px;font-weight:700;letter-spacing:-.01em;color:var(--gold-ink)}
.lhero__d{font-size:13px;line-height:1.6;color:var(--text)}
.lhero__tags{display:grid;grid-template-columns:repeat(2,auto);justify-content:center;gap:6px;margin-top:var(--s2)}
@media (min-width:430px){.lhero__tags{display:flex;flex-wrap:wrap}}
.lhero__tags li{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 var(--s3);border-radius:var(--r-pill);background:rgba(10,10,10,.6);border:1px solid var(--gold-line-2);font-size:12px;font-weight:600;color:var(--text)}
.lhero__tags .ico{color:var(--gold-ink);stroke-width:2.4}
/* 구역 */
.lsec{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2)}
.lsec--glass{padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}
.lsec__t{display:flex;align-items:center;gap:var(--s2);font-family:var(--serif);font-size:18px;font-weight:700;letter-spacing:-.03em;color:var(--heading)}
.lsec__t .ico{color:var(--gold)}
.lsec__d{margin-top:calc(var(--s1) * -1);margin-bottom:var(--s1);font-size:12.5px;color:var(--text-3)}
/* 공식 쇼핑몰 큰 카드 (금색 그라데이션 판 + 검정 글자 + 엠블럼) */
.lshop{position:relative;isolation:isolate;overflow:hidden;display:grid;grid-template-columns:58px minmax(0,1fr) 40px;align-items:center;gap:var(--s3);min-height:96px;padding:var(--s4);
  border-radius:var(--r-md);color:var(--on-gold);background:var(--btn-bg);border:1px solid rgba(243,210,122,.55);box-shadow:var(--glow-btn);transition:background var(--t-fast),transform .1s}
.lshop::after{content:"";position:absolute;inset:5px;z-index:-1;pointer-events:none;border:1px solid rgba(23,17,10,.25);border-radius:calc(var(--r-md) - 2px)}
.lshop:hover{background:var(--btn-hover)}
.lshop:active{transform:translateY(1px)}
.lshop__ic{width:58px;height:58px;display:grid;place-items:center;border-radius:50%;background:var(--bg);box-shadow:0 0 0 1px var(--gold-lo)}
.lshop__ic img{width:50px;height:50px}
.lshop__t{min-width:0}
.lshop__t b{display:block;font-family:var(--serif);font-size:18px;font-weight:700;line-height:1.3;letter-spacing:-.03em}
.lshop__t span{display:block;margin-top:3px;font-size:12.5px;font-weight:600;color:rgba(23,17,10,.78)}
.lshop__go{width:40px;height:40px;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);background:var(--bg)}
.lshop__go .ico{stroke-width:2.2}
.lquick{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--s2)}   /* 메뉴 카테고리 수 + 신상품·방송 개봉 */
.lquick a{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--s1);min-height:64px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text);transition:border-color var(--t-fast)}
.lquick a:hover{border-color:var(--gold)}
.lquick .ico{color:var(--gold-ink)}
/* 라이브 카드 */
.llive{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3);padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}
.llive__head{display:flex;align-items:center;gap:var(--s3)}
.llive__orb{position:relative;width:52px;height:52px;flex:none;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);background:var(--bg);border:1px solid var(--gold)}
.llive:not(.is-off) .llive__orb::after{content:"";position:absolute;right:2px;top:2px;width:10px;height:10px;border-radius:50%;background:var(--live);box-shadow:0 0 0 2px var(--surface)}
.llive.is-off .llive__orb{color:var(--text-2);border-color:var(--line-2)}
.llive__t{font-family:var(--serif);font-size:19px;font-weight:700;letter-spacing:-.03em;color:var(--heading)}
.llive__t em{color:var(--gold-ink)}
.llive__d{margin-top:2px;font-size:12.5px;color:var(--text-3)}
.llive__btns{display:grid;gap:var(--s2)}
.lbtn{display:flex;align-items:center;gap:var(--s3);min-height:52px;padding:0 var(--s4);border-radius:var(--r-sm);font-size:14.5px;font-weight:700;letter-spacing:-.02em;color:var(--on-gold);
  background:var(--btn-bg);border:1px solid rgba(243,210,122,.55);transition:background var(--t-fast)}
.lbtn:hover{background:var(--btn-hover)}
.lbtn span{flex:1}
.lbtn .ico:first-child{color:var(--on-gold)}
.lbtn--ghost{color:var(--gold-hi);background:transparent;border-color:var(--gold-line)}
.lbtn--ghost:hover{background:var(--gold-wash)}
.lbtn--ghost .ico:first-child{color:var(--gold-ink)}
/* 카톡 공유 (노랑) */
.lkakao{display:flex;align-items:center;gap:var(--s3);width:100%;min-height:56px;padding:0 var(--s4);border-radius:var(--r-md);color:var(--kakao-ink);background:var(--kakao);font-size:15px;font-weight:700;text-align:left}
.lkakao:hover{filter:brightness(.98)}
.lkakao__ic{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--kakao);background:var(--kakao-ink)}
.lkakao__go{margin-left:auto}
/* 링크 허브 푸터 · 독 */
.lfoot{display:grid;gap:var(--s2);width:min(100% - var(--gut) * 2, 480px);margin:var(--s2) auto 0;padding:var(--s5) 0 var(--s6);border-top:1px solid var(--gold-line);text-align:center;font-size:12px;color:var(--text-3)}
.lfoot__links{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--s1) var(--s4);font-size:12.5px;color:var(--text-2)}
.lfoot__links a:hover{color:var(--gold-hi)}
.lfoot__links .is-strong{font-weight:700;color:var(--text)}
.lfoot__biz{display:flex;flex-wrap:wrap;justify-content:center;gap:2px var(--s3)}
.lfoot__biz:empty{display:none}
.lfoot__copy{font-family:var(--display);letter-spacing:.12em}
.ldock{position:fixed;left:50%;bottom:calc(var(--s3) + env(safe-area-inset-bottom));z-index:var(--z-dock);display:grid;grid-template-columns:1fr 1.18fr 1fr;gap:var(--s1);width:min(100% - var(--s6), 456px);padding:var(--s1);
  transform:translateX(-50%);border-radius:var(--r-lg);background:rgba(10,10,10,.94);border:1px solid var(--gold-line);box-shadow:var(--sh-3);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.ldock__a{display:flex;align-items:center;justify-content:center;gap:var(--s2);min-width:0;min-height:50px;border-radius:var(--r-md);font-size:13px;font-weight:600;letter-spacing:-.02em;color:var(--text);white-space:nowrap}
.ldock__a:hover{background:var(--gold-wash)}
.ldock__em img{width:26px;height:26px}
.ldock__live{position:relative;color:var(--on-gold);background:var(--btn-bg);border:1px solid rgba(243,210,122,.55)}
.ldock__live .ico{color:var(--on-gold)}
.ldock__live:hover{background:var(--btn-hover)}
.ldock__live.is-on::after{content:"";position:absolute;right:8px;top:8px;width:8px;height:8px;border-radius:50%;background:var(--live);box-shadow:0 0 0 2px var(--gold-hi)}
.ldock__kk,.ldock__cs{width:26px;height:26px;display:grid;place-items:center;border-radius:50%;color:var(--kakao-ink);background:var(--kakao)}
.ldock__cs{color:var(--gold-hi);background:transparent;border:1px solid var(--gold-line)}

/* ── J. 목록 화면 머리 (공지·이벤트 · 안내): 왼쪽 금색 세리프 글자 + 오른쪽 힉스필드 그림(검정으로 녹임) ───────────────── */
.phead{position:relative;isolation:isolate;overflow:hidden;display:flex;align-items:center;min-height:136px;margin-bottom:var(--s3);border-radius:var(--r-lg);
  background:var(--bg);border:1px solid var(--gold-line)}
.phead__art{position:absolute;top:0;right:0;bottom:0;z-index:-1;width:72%}
.phead__art img{width:100%;height:100%;object-fit:cover;object-position:70% 45%;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,rgb(0 0 0/.55) 30%,#000 60%);mask-image:linear-gradient(90deg,transparent 0,rgb(0 0 0/.55) 30%,#000 60%)}
.phead__txt{max-width:68%;padding:var(--s4)}
@media (max-width:599px){.phead__art{width:64%}.phead__art img{object-position:60% 70%}}
.phead__k{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:10.5px;font-weight:600;letter-spacing:var(--track-caps);color:var(--gold-ink);text-transform:uppercase}
.phead__k .ico{color:var(--gold)}
.phead__t{margin-top:var(--s1);font-family:var(--serif);font-size:24px;font-weight:700;line-height:1.25;letter-spacing:-.035em;color:var(--heading)}
.phead__t em{color:var(--gold-ink)}
.phead__d{margin-top:var(--s1);font-size:12px;line-height:1.5;color:var(--text)}
@media (min-width:600px){.phead{min-height:170px}.phead__txt{padding:var(--s5) var(--s6)}.phead__t{font-size:32px}.phead__d{font-size:14px}}
@media (min-width:900px){.phead{min-height:200px;margin-bottom:var(--s4)}.phead__art{width:62%}.phead__txt{max-width:56%;padding:var(--s6) var(--s8)}.phead__k{font-size:11.5px}.phead__t{font-size:38px}.phead__d{font-size:15px}}

/* ── K. 공지·이벤트 목록 ─────────────────────────────────────────────────────── */
.ntabs{margin-bottom:var(--s3)}
.ntabs__n{display:inline-grid;place-items:center;min-width:22px;height:20px;padding:0 6px;border-radius:var(--r-pill);background:var(--mute-wash);font-size:11px;font-weight:700;color:var(--text-2)}
.ntabs a[aria-current="page"] .ntabs__n{color:var(--on-gold);background:var(--gold-grad)}
.nrows{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2)}
.nrow{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:var(--s3);padding:var(--s3) var(--s3) var(--s3) var(--s4);border-radius:var(--r-md);
  background:var(--surface);border:1px solid var(--border);transition:border-color var(--t-fast),box-shadow var(--t-fast)}
.nrow:hover{border-color:var(--gold-line);box-shadow:var(--gold-glow)}
.nrow--img{grid-template-columns:76px minmax(0,1fr) auto;padding-left:var(--s3)}
.nrow__img{width:76px;height:57px;overflow:hidden;border-radius:var(--r-xs);background:var(--well)}
.nrow__img img{width:100%;height:100%;object-fit:cover}
.nrow.is-pin{background:linear-gradient(90deg,var(--gold-wash),var(--surface) 50%);border-color:var(--gold-line)}
.nrow__main{display:grid;grid-template-columns:minmax(0,1fr);gap:6px;min-width:0}
.nrow__tags{display:flex;flex-wrap:wrap;align-items:center;gap:6px}
.nrow__new{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:10.5px;font-weight:800;color:var(--text);background:var(--live-chip)}
.nrow__t{font-size:15px;font-weight:600;line-height:1.4;letter-spacing:-.02em;color:var(--text);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.nrow:hover .nrow__t{color:var(--gold-hi)}
.nrow__x{font-size:12.5px;color:var(--text-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nrow__side{display:flex;align-items:center;gap:var(--s2)}
.nrow__d{font-size:12px;color:var(--text-3);font-variant-numeric:tabular-nums;white-space:nowrap}
.nrow__go{color:var(--text-3)}
.nrow__main .nrow__d{font-size:11.5px}
@media (min-width:900px){.nrow{padding:var(--s4) var(--s4) var(--s4) var(--s5)}.nrow--img{grid-template-columns:120px minmax(0,1fr) auto}.nrow__img{width:120px;height:80px}.nrow__t{font-size:16.5px}.nrow__x{font-size:13.5px}.nrow__side{gap:var(--s4)}}

/* ── L. 공지·이벤트 본문 ───────────────────────────────────────────────────── */
.crumb{display:flex;flex-wrap:wrap;align-items:center;gap:2px;margin:var(--s1) 0 var(--s3);font-size:12px;color:var(--text-3)}
.crumb a:hover{color:var(--gold-hi)}
.crumb [aria-current]{color:var(--text-2);font-weight:600}
.ndoc__card{padding:var(--s5) var(--s4) var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}
.ndoc__head{padding-bottom:var(--s4);border-bottom:1px solid var(--gold-line-2)}
.ndoc__t{margin-top:var(--s2);font-family:var(--serif);font-size:23px;font-weight:700;line-height:1.38;letter-spacing:-.03em;color:var(--heading);overflow-wrap:anywhere}
.ndoc__meta{display:flex;flex-wrap:wrap;gap:var(--s1) var(--s3);margin-top:var(--s2);font-size:12.5px;color:var(--text-3)}
.ndoc__meta span{display:inline-flex;align-items:center;gap:4px}
.ndoc__meta span+span::before{content:"";width:1px;height:10px;margin-right:var(--s2);background:var(--border-2)}
.ndoc__img{margin-top:var(--s4);overflow:hidden;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--well)}
.ndoc__img img{width:100%}
.ndoc__body{padding:var(--s5) 0 var(--s2);font-size:15px;line-height:1.85;color:var(--text);overflow-wrap:anywhere}
.ndoc__none{padding:var(--s5) 0;color:var(--text-3)}
.ndoc__acts{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:var(--s2);margin-top:var(--s4);padding-top:var(--s4);border-top:1px solid var(--hair)}
.ndoc__nav{display:grid;margin-top:var(--s4);overflow:hidden;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--border)}
.npn{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--s3);min-height:56px;padding:var(--s2) var(--s4)}
.npn+.npn{border-top:1px solid var(--hair)}
.npn__k{display:inline-flex;align-items:center;gap:4px;font-size:12.5px;font-weight:600;color:var(--gold-ink);white-space:nowrap}
.npn__t{font-size:14px;font-weight:500;color:var(--text);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.npn__d{font-size:11.5px;color:var(--text-3);font-variant-numeric:tabular-nums}
a.npn:hover{background:var(--gold-wash)}
.npn.is-off .npn__t{color:var(--text-3)}
@media (max-width:599px){.npn__d{display:none}}
@media (min-width:900px){.ndoc__card{padding:var(--s7) var(--s8) var(--s5)}.ndoc__t{font-size:31px}.ndoc__body{font-size:16px}}

/* ── M. 안내 /guide ─────────────────────────────────────────────────────────── */
.gnav{position:sticky;top:var(--hd);z-index:var(--z-sticky);margin:0 calc(var(--gut) * -1) var(--s3);padding:0 var(--gut);background:rgba(10,10,10,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px)}
.gdoc .gsec{margin-top:0;padding:var(--s4);scroll-margin-top:calc(var(--hd) + 60px)}
.gdoc .gsec+.gsec{margin-top:var(--s3)}
.gdoc .panel__head{margin-bottom:var(--s3)}
.gfacts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-bottom:var(--s3)}
.gfacts li{display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:var(--s2);padding:var(--s3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line)}
.gfacts__ic{grid-row:span 2;width:38px;height:38px;display:grid;place-items:center;border-radius:50%;color:var(--gold-ink);background:transparent;border:1px solid var(--gold-line)}
.gfacts small{font-size:11.5px;color:var(--text-3)}
.gfacts b{font-family:var(--serif);font-size:14px;font-weight:700;line-height:1.3;letter-spacing:-.02em;word-break:keep-all;color:var(--text)}
.gfacts .is-hot{background:var(--gold-wash);border-color:var(--gold-line)}
.gfacts .is-hot .gfacts__ic{color:var(--on-gold);background:var(--gold-grad);border-color:transparent}
.gfacts .is-hot b{color:var(--gold-hi)}
@media (max-width:899px){.gfacts li:last-child{grid-column:1/-1}}
.glist{display:grid;gap:var(--s2);padding:var(--s1) var(--s1) 0;font-size:14px;line-height:1.7;color:var(--text-2)}
.gflow{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);margin:0 0 var(--s4)}
.gflow__i{position:relative;display:grid;grid-template-columns:44px minmax(0,1fr);grid-template-rows:auto auto;align-items:center;column-gap:var(--s3);padding:var(--s2) var(--s3);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line)}
.gflow__ic{grid-row:span 2;width:44px;height:44px;display:grid;place-items:center;border-radius:50%;color:var(--gold-hi);background:transparent;border:1px solid var(--gold)}
.gflow__no{position:absolute;left:var(--s2);top:var(--s1);z-index:1;width:18px;height:18px;display:grid;place-items:center;border-radius:50%;font-family:var(--serif);font-size:10px;font-weight:700;color:var(--on-gold);background:var(--gold-grad)}
.gflow__i b{font-size:14px;font-weight:700;letter-spacing:-.02em;color:var(--text)}
.gflow__i small{font-size:12px;color:var(--text-3)}
.gbtns{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--s2);margin-top:var(--s4)}
.gbtns .btn{--btn-h:48px;padding:0 var(--s3);font-size:14px}
.gdoc .note{margin-top:var(--s3)}
@media (min-width:900px){
  .gdoc .gsec{padding:var(--s5) var(--s6)}
  .gdoc .panel__t{font-size:20px}
  .gfacts{grid-template-columns:repeat(4,minmax(0,1fr));gap:var(--s3)}
  .gfacts li{padding:var(--s4)}
  .gfacts b{font-size:15px}
  .glist{font-size:15px}
  .gflow{grid-template-columns:repeat(5,minmax(0,1fr));gap:var(--s4)}
  .gflow__i{grid-template-columns:minmax(0,1fr);grid-template-rows:none;justify-items:center;gap:var(--s1);padding:var(--s5) var(--s2) var(--s4);text-align:center}
  .gflow__ic{grid-row:auto;width:58px;height:58px;margin-bottom:var(--s1)}
  .gflow__no{left:calc(50% + 14px);top:var(--s3)}
  .gflow__i:not(:last-child)::after{content:"";position:absolute;top:50%;right:calc(var(--s4) * -1);width:var(--s4);height:1px;background:var(--gold-line)}
  .gbtns{display:flex;justify-content:flex-start}
  .gbtns .btn{--btn-h:52px;padding:0 var(--s6)}
  .gdoc .hcs{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);column-gap:var(--s6);align-items:start}
  .gdoc .hcs>.panel__head{grid-column:1/-1}
  .gdoc .hcs__main{grid-row:2 / span 2;border-bottom:0;border-right:1px solid var(--hair);padding-right:var(--s6)}
  .gdoc .hcs__list{padding-top:0}
}

/* ── N. 약관 · 개인정보처리방침 ──────────────────────────────────────────────── */
.legal__draft{display:flex;align-items:flex-start;gap:var(--s3);margin:var(--s1) 0 var(--s4);padding:var(--s3) var(--s4);border-radius:var(--r-md);background:var(--warn-wash);border:1px solid var(--warn-line)}
.legal__draft-ic{flex:none;margin-top:1px;color:var(--warn)}
.legal__draft b{display:block;font-size:14px;font-weight:800;color:var(--warn)}
.legal__draft span{display:block;margin-top:2px;font-size:12.5px;line-height:1.6;color:var(--text-2)}
.legal__head{padding:var(--s2) 0 var(--s4);border-bottom:1px solid var(--gold-line);margin-bottom:var(--s4)}
.legal__k{display:inline-flex;align-items:center;gap:6px;font-family:var(--display);font-size:11px;font-weight:600;letter-spacing:var(--track-caps);color:var(--gold-ink);text-transform:uppercase}
.legal__k .ico{color:var(--gold)}
.legal__t{margin-top:var(--s1);font-family:var(--serif);font-size:28px;font-weight:700;letter-spacing:-.035em;color:var(--heading)}
.legal__meta{margin-top:var(--s1);font-size:12.5px;color:var(--text-3);overflow-wrap:anywhere}
.legal__lead{margin-bottom:var(--s4);font-size:14.5px;line-height:1.75;color:var(--text-2)}
.legal__toc{margin-bottom:var(--s4);padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border)}
.legal__toc-t{display:flex;align-items:center;gap:6px;margin-bottom:var(--s2);font-family:var(--serif);font-size:14px;font-weight:700;color:var(--heading)}
.legal__toc-t .ico{color:var(--gold-ink)}
.legal__toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 var(--s4)}
.legal__toc a{display:block;padding:var(--s1) 0;font-size:12.5px;line-height:1.45;color:var(--text-2)}
.legal__toc a:hover{color:var(--gold-hi);text-decoration:underline;text-decoration-color:var(--gold);text-underline-offset:3px}
.legal__doc{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s3)}
.legal__doc section{padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);scroll-margin-top:calc(var(--hd) + var(--s3))}
.legal__doc section:target{border-color:var(--gold);box-shadow:0 0 0 3px var(--gold-wash)}
.legal__doc h2{margin-bottom:var(--s2);font-family:var(--serif);font-size:16.5px;font-weight:700;letter-spacing:-.02em;color:var(--heading)}
.legal__doc p,.legal__doc li{font-size:14px;line-height:1.75;color:var(--text-2)}
.legal__doc ol{display:grid;gap:var(--s2);padding-left:var(--s5);list-style:decimal}
.legal__doc ul{display:grid;gap:var(--s1);padding-left:var(--s5);list-style:disc}
.legal__doc ol ul{margin-top:var(--s1)}
.legal__doc li::marker{color:var(--gold-ink);font-weight:700}
.legal__doc a{color:var(--gold-hi);text-decoration:underline;text-decoration-color:var(--gold-line);text-underline-offset:3px}
.legal__doc b{color:var(--text)}
.legal__doc p+p{margin-top:var(--s2)}
.legal__todo{padding:1px 6px;border-radius:4px;color:var(--warn);background:var(--warn-wash);box-shadow:inset 0 0 0 1px var(--warn-line);font-weight:700;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.legal__tbl{margin-top:var(--s2);overflow:hidden;border-radius:var(--r-sm);border:1px solid var(--border);background:var(--surface-2)}
.legal__tbl table{width:100%;font-size:13px}
.legal__tbl th{padding:var(--s2) var(--s3);text-align:left;font-weight:700;color:var(--gold-hi);background:var(--gold-wash);border-bottom:1px solid var(--border);white-space:nowrap}
.legal__tbl td{padding:var(--s2) var(--s3);vertical-align:top;line-height:1.55;color:var(--text-2);border-bottom:1px solid var(--hair);word-break:keep-all;overflow-wrap:break-word}
.legal__tbl tr:last-child td{border-bottom:0}
.legal__doc .legal__note{margin-top:var(--s2);font-size:12.5px;color:var(--text-3)}
.legal__kv{display:grid;gap:var(--s2);font-size:14px}
.legal__kv div{display:grid;grid-template-columns:64px minmax(0,1fr);gap:var(--s2)}
.legal__kv dt{color:var(--text-3)}
.legal__kv a{color:var(--gold-hi)}
.legal__biz{display:grid;gap:var(--s1);margin-top:var(--s5);padding:var(--s4);border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--border);font-size:12.5px}
.legal__biz div{display:grid;grid-template-columns:104px minmax(0,1fr);gap:var(--s2)}
.legal__biz dt{color:var(--text-3)}
.legal__biz dd{overflow-wrap:anywhere}
@media (min-width:900px){.legal__t{font-size:38px}.legal__doc section{padding:var(--s5) var(--s6)}.legal__doc h2{font-size:18px}.legal__doc p,.legal__doc li{font-size:15px}}

/* ── O. 오류 화면 404 · 500 (히어로 그림 위 검정 막 · 받침대 위 홀로 카드 한 장 · 금색 그라데이션 세리프 숫자) ───────────── */
.errc{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;align-items:center;margin-top:var(--s2);padding:var(--s5) var(--s4) var(--s6);text-align:center;
  border-radius:var(--r-lg);background:var(--bg);border:1px solid var(--gold-line);box-shadow:var(--gold-glow)}
.errc__bg{position:absolute;inset:0;z-index:-2}
.errc__bg img{width:100%;height:100%;object-fit:cover}
.errc::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,rgba(10,10,10,.88),rgba(10,10,10,.8) 55%,rgba(10,10,10,.92))}
.errc__art img{width:auto;height:150px}
.errc__code{margin-top:var(--s1);font-family:var(--serif);font-size:72px;font-weight:700;line-height:1;letter-spacing:-.02em;color:var(--gold-hi);
  background:var(--gold-grad);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.errc__t{margin-top:var(--s2);font-family:var(--serif);font-size:24px;font-weight:700;letter-spacing:-.035em;color:var(--heading)}
.errc__d{margin-top:var(--s2);font-size:13.5px;line-height:1.65;color:var(--text-2)}
.errc__btns{display:grid;grid-template-columns:minmax(0,1fr);gap:var(--s2);width:100%;max-width:440px;margin-top:var(--s5)}
.errc__search{display:flex;align-items:center;gap:var(--s2);width:100%;max-width:440px;height:52px;margin-top:var(--s3);padding:0 var(--s1) 0 var(--s4);border-radius:var(--r-pill);background:var(--input-bg);border:1px solid var(--gold-line)}
.errc__search:focus-within{border-color:var(--gold);box-shadow:0 0 0 3px rgba(201,162,74,.2)}
.errc__search .ico{color:var(--gold-ink)}
.errc__search input{flex:1;min-width:0;height:100%;border:0;background:none;font-size:16px;color:var(--text)}
.errc__search input:focus{outline:none}
.errc__search input::placeholder{color:var(--text-3)}
.errc__search .btn{--btn-h:42px;border-radius:var(--r-pill)}
.errc__cs{display:inline-flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:var(--s4);font-size:13px;color:var(--text-2)}
.errc__cs .ico{color:var(--gold-ink)}
.errc__cs a{font-weight:700;color:var(--gold-hi);text-decoration:underline;text-decoration-color:var(--gold-line);text-underline-offset:3px}
.errq{margin-top:var(--s5)}
@media (min-width:600px){.errc__btns{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:900px){.errc{padding:var(--s7) var(--s6) var(--s8)}.errc__art img{height:190px}.errc__code{font-size:104px}.errc__t{font-size:34px}.errc__d{font-size:15.5px}}

/* (2026-10-29 담당 T) 기간 칩 · 폰 가입 한 줄 · 전화 없을 때 고객센터 · 반품 보낼 곳 · 끝난 이벤트 */
.eper{display:inline-flex;align-items:center;height:22px;padding:0 8px;border-radius:var(--r-pill);font-size:11px;font-weight:700;line-height:1;white-space:nowrap;vertical-align:1px;
  color:var(--ok);background:var(--ok-wash);border:1px solid var(--ok-line)}
.eper--soon{color:var(--info);background:var(--info-wash);border-color:var(--info-line)}
.eper--ended{color:var(--text-3);background:var(--mute-wash);border-color:var(--line-2)}
.hnews__t .eper{height:19px;margin-left:4px;padding:0 6px;font-size:10.5px;font-weight:700}
.nrow.is-ended .nrow__t,.nrow.is-ended .nrow__x{color:var(--text-3)}
.nrow.is-ended .nrow__img img{filter:grayscale(.85);opacity:.7}
.ndoc__per{color:var(--text-2)}
.ndoc__ended{display:flex;gap:8px;align-items:center;margin-top:var(--s3);padding:10px 12px;border-radius:var(--r-md);background:var(--mute-wash);border:1px solid var(--line-2);font-size:13px;color:var(--text-2)}
.ndoc__ended .ico{flex:none;color:var(--text-3)}
.home>.hjoin{order:2}
.hjoin{margin-top:10px}
.hjoin__a{display:flex;align-items:center;gap:8px;min-height:44px;padding:0 14px;border-radius:var(--r-md);border:1px solid var(--gold-line-2);background:var(--gold-wash);font-size:13.5px;color:var(--text-2)}
.hjoin__a>.ico:first-child{flex:none;color:var(--gold-ink)}
.hjoin__a b{font-weight:700;color:var(--gold-hi)}
.hjoin__go{margin-left:auto;flex:none;color:var(--gold-ink)}
.hcs__none{font-size:13.5px;line-height:1.55;color:var(--text-2)}
.gret{display:flex;gap:8px;align-items:flex-start;margin-top:var(--s3);font-size:13px;line-height:1.55;color:var(--text-2)}
.gret .ico{flex:none;margin-top:2px;color:var(--gold-ink)}
.gret b{margin-right:8px;font-weight:700;color:var(--text)}
/* 홈은 방송 띠를 숨기므로(위 .page-home .onair) 회원 줄이 혼자 맨 위 32px 띠가 된다 */
@media (min-width:900px){
  body.page-home.has-util{padding-top:32px}
  .page-home .util{background:var(--surface);border-bottom:1px solid var(--gold-line-2)}
}
/* (검토 10-29) 링크 허브 바닥 링크: 폰에서 누를 곳 높이 44px */
.lfoot__links{row-gap:0}
.lfoot__links a{display:inline-flex;align-items:center;min-height:44px}
/* 고객센터 연락처 줄(이메일·1:1 문의·안내) — 글자 링크도 누를 칸 44px (QA VIS-09: 21px 이었다). 줄 사이는 링크 높이로 */
.hcs__list{gap:0}
.hcs__list a{display:inline-flex;align-items:center;min-height:44px}