/* ─────────────────────────────────────────────
   원하타로 · 충전 페이지 (/pass/)
   무채 글래스 + 골드 헤어라인. 리스트형 상품 선택.
   ───────────────────────────────────────────── */

:root{ --page-gutter:20px; --container:500px; }
@media(max-width:480px){ :root{ --page-gutter:16px; } }

body{
  background:
    radial-gradient(ellipse 80% 42% at 50% 0%, rgba(32,42,72,.9) 0%, transparent 52%),
    radial-gradient(ellipse 90% 60% at 50% 100%, rgba(22,28,50,.6) 0%, transparent 55%),
    linear-gradient(180deg, var(--navy3) 0%, var(--navy2) 40%, var(--navy) 100%);
  background-attachment:fixed;
  background-repeat:no-repeat;
  line-height:var(--lh-body);
}
.pass-wrap{
  position:relative; z-index:1;
  max-width:var(--container); margin:0 auto;
  padding:0 var(--page-gutter) 72px;
}

/* ─ 머리 ─ */
.pass-head{ padding:40px 0 4px; }
.pass-label{
  font-family:var(--font-en);
  font-size:10px; font-weight:500;
  letter-spacing:var(--ls-en-wide); text-transform:uppercase;
  color:var(--gold-dk); margin-bottom:8px;
}
.pass-title{
  font-family:'Noto Serif KR',serif;
  font-size:clamp(22px,5vw,26px); font-weight:700;
  color:var(--white); letter-spacing:var(--ls-ko-title);
}

/* ─ 탭 ─ */
.pass-tabs{
  display:flex; gap:0; margin-top:22px;
  border-bottom:1px solid rgba(201,165,92,.12);
}
.pass-tab{
  padding:0 0 11px; margin-right:20px;
  background:none; border:none;
  font-family:inherit; font-size:13.5px; font-weight:500;
  color:var(--muted); letter-spacing:var(--ls-ko);
  cursor:pointer; position:relative;
  transition:color .2s;
}
.pass-tab:hover{ color:var(--body); }
.pass-tab.on{ color:var(--white); font-weight:700; }
.pass-tab.on::after{
  content:''; position:absolute; left:0; right:0; bottom:-1px;
  height:1.5px; background:var(--gold);
}
/* 신규 상품 표시 */
.pass-tab-new{
  display:inline-block; margin-left:4px;
  font-family:var(--font-en); font-style:normal;
  font-size:8.5px; font-weight:700; line-height:1;
  color:var(--gold-lt);
  transform:translateY(-6px);
}

/* ─ 교차 안내 줄 (리딩권 ↔ 기간권) ─ */
.pass-xsell{
  display:flex; align-items:center; justify-content:space-between;
  width:100%; margin:18px 0 2px; padding:13px 16px;
  background:rgba(201,165,92,.05);
  border:1px solid rgba(201,165,92,.16);
  border-radius:var(--radius-md);
  font-family:inherit; cursor:pointer;
  transition:background .2s,border-color .2s;
  position:relative; overflow:hidden;
}
.pass-xsell:hover{
  background:rgba(201,165,92,.09);
  border-color:rgba(201,165,92,.3);
}
.pass-xsell-text{
  font-size:12.5px; font-weight:600;
  color:var(--body); letter-spacing:var(--ls-ko);
}
.pass-xsell-text b{
  color:var(--gold-lt); font-weight:600;
  font-variant-numeric:tabular-nums;
}
.pass-xsell-arrow{
  font-size:16px; line-height:1; color:var(--gold-dk);
}
/* 기간권 유도(리딩권 탭 전용): 골드 워시 + 상시 광택 + 트윙클 */
.pass-xsell--gold{
  background:linear-gradient(135deg,rgba(201,165,92,.20),rgba(201,165,92,.07) 60%);
  border-color:rgba(223,192,126,.5);
}
.pass-xsell--gold .pass-xsell-text{ color:var(--white); }
.pass-xsell--gold .pass-xsell-text b{ color:var(--gold-lt); font-weight:700; }
.pass-xsell--gold .pass-xsell-arrow{ color:var(--gold-lt); }
.pass-xsell--gold:hover{
  background:linear-gradient(135deg,rgba(201,165,92,.26),rgba(201,165,92,.10) 60%);
  border-color:rgba(223,192,126,.68);
}
.pass-xsell--gold::after{
  content:'';
  position:absolute; top:0; bottom:0; left:-60%;
  width:40%;
  background:linear-gradient(105deg,
    transparent 0%,
    rgba(232,201,124,.16) 40%,
    rgba(255,236,190,.32) 50%,
    rgba(232,201,124,.16) 60%,
    transparent 100%);
  transform:skewX(-18deg);
  animation:wt-xsell-sheen 3.4s ease-in-out infinite;
  pointer-events:none;
}
@keyframes wt-xsell-sheen{
  0%{ left:-60%; }
  55%{ left:135%; }
  100%{ left:135%; }
}
.pass-xsell-spark{
  position:absolute; font-size:8px; line-height:1;
  color:#fff3d0; pointer-events:none;
  animation:wt-xsell-tw 2.6s ease-in-out infinite;
}
.pass-xsell-spark.s1{ top:7px; right:52px; }
.pass-xsell-spark.s2{ bottom:8px; right:96px; animation-delay:1.3s; }
@keyframes wt-xsell-tw{
  0%,100%{ opacity:.15; transform:scale(.7); }
  50%{ opacity:1; transform:scale(1.15); }
}

/* ─ 신청 영역 (상품 탭 공용) ─ */
.pass-buyfoot{ margin-top:4px; }

/* ─ 잔액 ─ */
.pass-balance{
  display:flex; align-items:baseline; justify-content:space-between;
  padding:22px 0 18px;
  border-bottom:1px solid rgba(201,165,92,.1);
}
.pass-balance-label{ font-size:13px; color:var(--muted); }
.pass-balance-value{
  font-family:var(--font-en);
  font-size:30px; font-weight:600;
  color:var(--gold-lt); letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.pass-balance-value small{
  font-family:'Pretendard Variable','Pretendard',sans-serif;
  font-size:14px; color:var(--body);
  margin-left:3px; letter-spacing:var(--ls-ko);
}

/* ─ 기간권 상태 (보유 시에만) ─ */
.pass-passinfo{
  display:none;
  align-items:baseline; gap:9px;
  padding:12px 0;
  border-bottom:1px solid rgba(201,165,92,.1);
}
.pass-passinfo.on{ display:flex; }
.pass-passinfo-tag{
  flex:0 0 auto;
  display:inline-flex; align-items:center; justify-content:center;
  height:19px; padding:0 8px; border-radius:999px;
  border:1px solid rgba(201,165,92,.4);
  font-size:10.5px; font-weight:600; line-height:1;
  color:var(--gold-lt); letter-spacing:var(--ls-ko);
}
.pass-passinfo-text{
  font-size:12.5px; color:var(--body);
  letter-spacing:var(--ls-ko);
}
.pass-passinfo-text b{
  color:var(--gold-lt); font-weight:600;
  font-variant-numeric:tabular-nums;
}
/* 만료 3일 이내 */
.pass-passinfo.soon .pass-passinfo-tag{
  color:#141018;
  background:linear-gradient(135deg,#e6cc8b,#cfab60);
  border-color:transparent;
}

/* ─ 패널 ─ */
.pass-panel{ display:none; }
.pass-panel.on{ display:block; }
.pass-sec{
  font-family:var(--font-en);
  font-size:10px; font-weight:500;
  letter-spacing:var(--ls-en-wide); text-transform:uppercase;
  color:var(--gold-dk); margin:28px 0 4px;
}
.pass-sec-desc{
  margin:0 0 2px;
  font-size:11.5px; color:var(--muted);
  letter-spacing:var(--ls-ko);
}
/* 목록 아래에 놓인 설명 줄: 상품 목록과 간격 확보 */
.pass-sec-desc-below{
  margin:14px 2px 0;
}

/* ─ 상품 목록 ─ */
.pass-row{
  display:flex; align-items:center; gap:14px;
  width:100%; padding:17px 2px;
  background:none; border:none; border-bottom:1px solid rgba(201,165,92,.09);
  font-family:inherit; text-align:left; cursor:pointer;
  transition:background .18s;
}
.pass-row:active{ background:rgba(201,165,92,.05); }
.pass-row.sel{ background:linear-gradient(90deg,rgba(201,165,92,.08),transparent); }
.pass-radio{
  flex:0 0 auto; width:18px; height:18px; border-radius:50%;
  border:1.5px solid rgba(201,165,92,.35); position:relative;
  transition:border-color .18s;
}
.pass-row.sel .pass-radio{ border-color:var(--gold); }
.pass-row.sel .pass-radio::after{
  content:''; position:absolute; inset:4px;
  border-radius:50%; background:var(--gold);
}
.pass-row-main{ flex:1; min-width:0; }
.pass-row-cnt{
  display:flex; align-items:center; gap:7px;
  font-size:15px; font-weight:600; color:var(--white);
  letter-spacing:var(--ls-ko);
}
/* 캡슐 안 정렬은 폰트 baseline 에 맡기지 않고 높이를 고정해 중앙에 맞춘다.
   한글이 섞이므로 서체도 Pretendard 로 통일한다. */
.pass-bonus{
  display:inline-flex; align-items:center; justify-content:center;
  flex:0 0 auto;
  height:19px; padding:0 8px; border-radius:999px;
  border:1px solid rgba(201,165,92,.4);
  font-family:'Pretendard Variable','Pretendard',sans-serif;
  font-size:10.5px; font-weight:600; line-height:1;
  letter-spacing:var(--ls-ko);
  color:var(--gold-lt);
}
.pass-limit{
  display:inline-flex; align-items:center; justify-content:center;
  gap:3px; flex:0 0 auto;
  height:19px; padding:0 9px; border-radius:999px;
  border:1px solid rgba(201,165,92,.28);
  font-family:'Pretendard Variable','Pretendard',sans-serif;
  font-size:10.5px; font-weight:600; line-height:1;
  color:var(--gold-lt); letter-spacing:var(--ls-ko);
  font-variant-numeric:tabular-nums;
}
/* 화살표는 숫자보다 한 단계 여리게 두어 앞뒤 수치가 먼저 읽히게 한다 */
.pass-limit i{
  font-style:normal;
  color:var(--gold-dk);
  transform:translateY(-.5px);
}
.pass-row-sub{
  display:block;
  margin-top:4px; font-size:11.5px; color:var(--muted);
  letter-spacing:var(--ls-ko);
}
.pass-row-price{
  flex:0 0 auto;
  font-family:var(--font-en);
  font-size:16px; font-weight:600; color:var(--white);
  letter-spacing:.01em; white-space:nowrap;
  font-variant-numeric:tabular-nums;
}

/* ─ 실행 버튼 ─ */
.pass-cta{
  display:flex; align-items:center; justify-content:center;
  width:100%; height:52px; margin-top:26px;
  padding:0 16px; border:1px solid transparent; border-radius:var(--radius-md);
  line-height:1;
  background:linear-gradient(135deg,#e6cc8b,#cfab60);
  color:#141018; font-family:inherit;
  font-size:14.5px; font-weight:700; letter-spacing:var(--ls-ko);
  cursor:pointer; transition:filter .18s,transform .12s;
}
.pass-cta:active{ filter:brightness(1.05); transform:scale(.994); }
.pass-cta:disabled{
  background:rgba(255,255,255,.06); color:var(--muted);
  cursor:not-allowed; filter:none; transform:none;
}
.pass-status{
  margin-top:12px; font-size:12px; text-align:center;
  color:var(--muted); letter-spacing:var(--ls-ko); min-height:1em;
}
.pass-status.err{ color:#e08a7a; }

/* ─ 안내 ─ */
.pass-note{
  margin-top:22px; padding-top:18px;
  border-top:1px solid rgba(201,165,92,.08);
}
.pass-note p{
  font-size:11.5px; line-height:1.85;
  color:var(--muted); letter-spacing:var(--ls-ko);
}

/* ─ 내역·대기 목록 ─ */
.pass-rows{ margin-top:24px; }
.pass-item{
  display:flex; align-items:center; justify-content:space-between;
  gap:14px; padding:15px 2px;
  border-bottom:1px solid rgba(201,165,92,.09);
}
.pass-item-main{ min-width:0; }
.pass-item-title{
  font-size:13.5px; color:var(--white); font-weight:500;
  letter-spacing:var(--ls-ko);
}
.pass-item-sub{
  margin-top:3px; font-family:var(--font-en);
  font-size:11px; color:var(--muted); letter-spacing:.02em;
}
.pass-item-num{
  flex:0 0 auto; font-family:var(--font-en);
  font-size:15px; font-weight:600; letter-spacing:.01em;
  font-variant-numeric:tabular-nums;
}
.pass-item-num.plus{ color:var(--gold-lt); }
.pass-item-num.minus{ color:var(--muted); }
.pass-item-state{
  flex:0 0 auto; font-size:12px; color:var(--muted);
  letter-spacing:var(--ls-ko);
}
.pass-item-state.wait{ color:var(--gold-lt); }
.pass-empty{
  padding:36px 0; text-align:center;
  font-size:13px; color:var(--muted); letter-spacing:var(--ls-ko);
}

/* ─ 바닥 ─ */
.pass-foot{
  margin-top:40px; text-align:center;
  font-size:11.5px; color:var(--muted); letter-spacing:var(--ls-ko);
}
.pass-foot a{ color:var(--muted); text-decoration:none; }
.pass-foot a:hover{ color:var(--gold-lt); }
.pass-foot span{ margin:0 8px; color:rgba(201,165,92,.25); }

/* ─────────────────────────────────────────────
   신청·입금 안내 시트
   ───────────────────────────────────────────── */
.pass-modal .wt-modal-sheet{ border-radius:var(--radius-lg); }
.ps-title{
  margin:6px 0 20px;
  font-family:'Noto Serif KR',serif;
  font-size:20px; font-weight:700;
  color:var(--white); letter-spacing:var(--ls-ko-title);
}

/* 주문 요약 */
.ps-sum{
  padding:16px 18px; margin-bottom:18px;
  background:rgba(201,165,92,.05);
  border:1px solid rgba(201,165,92,.18);
  border-radius:var(--radius-md);
}
.ps-sum-row{
  display:flex; align-items:baseline; justify-content:space-between;
  gap:12px; padding:5px 0; font-size:12.5px;
}
.ps-sum-row span{ color:var(--muted); flex:0 0 auto; }
.ps-sum-row b{ color:var(--white); font-weight:600; text-align:right; word-break:break-all; }
.ps-sum-price{ font-family:var(--font-en); font-size:15px; letter-spacing:.01em; }
.ps-sum-bonus{ color:var(--gold-lt) !important; font-size:11.5px; }

/* 입력 */
.ps-field{ display:block; margin-bottom:14px; }
.ps-field span{
  display:block; margin-bottom:7px;
  font-size:12px; color:var(--muted);
}
.ps-field input{
  width:100%; padding:12px 14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(201,165,92,.24);
  border-radius:var(--radius-sm);
  color:var(--white); font-family:inherit;
  font-size:14px; letter-spacing:var(--ls-ko);
  outline:none; transition:border-color .18s;
}
.ps-field input:focus{ border-color:rgba(201,165,92,.55); }
.ps-field input::placeholder{ color:var(--muted); }
.ps-note{
  margin-bottom:18px;
  font-size:11.5px; line-height:1.8; color:var(--muted);
}

/* 현금영수증 신청 */
.ps-cr{ margin-bottom:14px; }
.ps-cr-label{
  display:block; margin-bottom:7px;
  font-size:12px; color:var(--muted);
}
.ps-cr-seg{
  display:flex; gap:6px;
}
.ps-cr-seg button{
  flex:1; padding:10px 4px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(201,165,92,.24);
  border-radius:var(--radius-sm);
  color:var(--muted); font-family:inherit;
  font-size:12.5px; letter-spacing:var(--ls-ko);
  cursor:pointer; transition:border-color .18s,color .18s,background .18s;
}
.ps-cr-seg button.on{
  background:rgba(201,165,92,.14);
  border-color:rgba(201,165,92,.55);
  color:var(--gold-lt); font-weight:600;
}
.ps-cr-ident{ margin-top:10px; }
.ps-cr-ident input{
  width:100%; padding:12px 14px;
  background:rgba(255,255,255,.04);
  border:1px solid rgba(201,165,92,.24);
  border-radius:var(--radius-sm);
  color:var(--white); font-family:inherit;
  font-size:14px; letter-spacing:var(--ls-ko);
  outline:none; transition:border-color .18s;
}
.ps-cr-ident input:focus{ border-color:rgba(201,165,92,.55); }
.ps-cr-ident input::placeholder{ color:var(--muted); }
.ps-cr-hint{
  margin:7px 0 0;
  font-size:11px; line-height:1.7; color:var(--muted);
}
.pass-item-cr{
  margin-top:5px;
  font-size:11px; color:var(--gold-dk);
}
.pass-item-crbtn{
  margin-top:7px; padding:6px 12px;
  background:rgba(201,165,92,.08);
  border:1px solid rgba(201,165,92,.32);
  border-radius:999px;
  color:var(--gold-lt); font-family:inherit;
  font-size:11px; letter-spacing:var(--ls-ko);
  cursor:pointer; transition:background .18s,border-color .18s;
}
.pass-item-crbtn:active{ background:rgba(201,165,92,.16); }

/* 계좌 박스 */
.ps-account{
  padding:20px 18px 16px; margin-bottom:16px;
  background:rgba(201,165,92,.05);
  border:1px dashed rgba(201,165,92,.32);
  border-radius:var(--radius-md);
  text-align:center;
}
.ps-account-bank{ font-size:12px; color:var(--muted); margin-bottom:4px; }
.ps-account-no{
  font-family:var(--font-en);
  font-size:22px; font-weight:600;
  color:var(--gold-lt); letter-spacing:.02em;
  line-height:1.35; word-break:break-all;
}
.ps-account-holder{ margin-top:5px; font-size:11.5px; color:var(--muted); }
.ps-account-meta{
  display:grid; grid-template-columns:auto 1fr;
  gap:6px 14px; margin-top:14px; padding-top:14px;
  border-top:1px solid rgba(201,165,92,.16);
  font-size:12.5px; text-align:left;
}
.ps-account-meta span{ color:var(--muted); }
.ps-account-meta b{
  color:var(--white); font-weight:600; text-align:right;
  font-variant-numeric:tabular-nums;
}

/* 안내 블록 */
.ps-guide{
  margin:18px 0 4px; padding:14px 16px;
  background:rgba(255,255,255,.025);
  border-radius:var(--radius-sm);
  text-align:center;
}
.ps-guide p{
  margin-bottom:8px; font-size:12.5px; line-height:1.8;
  color:var(--body); letter-spacing:var(--ls-ko);
}
.ps-guide p:last-child{ margin-bottom:0; }
.ps-guide b{ color:var(--gold-lt); font-weight:600; word-break:break-all; }
.ps-guide-warn{
  margin-top:12px !important; padding-top:12px;
  border-top:1px solid rgba(201,165,92,.14);
  font-family:var(--font-en);
  font-size:11px !important; color:var(--muted) !important;
  letter-spacing:.02em; word-break:break-all;
}
.ps-kakao{
  display:block; margin-top:14px; padding:11px 16px;
  border:1px solid rgba(201,165,92,.28);
  border-radius:var(--radius-sm);
  color:var(--gold); font-size:12.5px; font-weight:600;
  text-align:center; text-decoration:none;
  transition:background .2s,border-color .2s;
}
.ps-kakao:hover{ background:rgba(201,165,92,.07); border-color:rgba(201,165,92,.45); }
.ps-kakao:active{ background:rgba(201,165,92,.11); transform:scale(.992); }

/* ─────────────────────────────────────────────
   홍보 배너 (내용이 있을 때만 노출)
   ───────────────────────────────────────────── */
.pass-banner{
  display:none;
  margin:20px 0 0; padding:16px 18px;
  background:linear-gradient(135deg,rgba(201,165,92,.14),rgba(201,165,92,.04));
  border:1px solid rgba(201,165,92,.24);
  border-radius:var(--radius-md);
  text-decoration:none;
  position:relative; overflow:hidden;
}
.pass-banner.on{ display:flex; align-items:center; justify-content:space-between; gap:6px; }
.pass-banner-txt{ flex:1; min-width:0; }
.pass-banner-art{ flex:0 0 92px; display:flex; align-items:center; justify-content:center; position:relative; }
.pass-banner-art svg{ width:92px; height:70px; display:block; }
.pass-banner-art::before{
  content:''; position:absolute; inset:-12px;
  background:radial-gradient(closest-side,rgba(223,192,126,.20),transparent 72%);
  animation:wt-bn-breathe 4.5s ease-in-out infinite;
  pointer-events:none;
}
@keyframes wt-bn-breathe{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.pass-banner-title em{
  font-style:normal;
  background:linear-gradient(120deg,#f2dfab,var(--gold-lt) 45%,var(--gold));
  -webkit-background-clip:text; background-clip:text; color:transparent;
}
/* 기간권 배너 아트: 달 + 30일 달력 */
.pb-fillwrap{ position:relative; width:88px; height:66px; }
.pb-moon{
  position:absolute; left:6px; top:6px;
  width:44px; height:44px; border-radius:50%;
  background:radial-gradient(circle at 34% 32%,#f2e3b6,var(--gold-lt) 55%,#9c7d44);
  box-shadow:0 0 22px rgba(223,192,126,.35);
}
.pb-moon::after{
  content:''; position:absolute; right:-4px; top:-2px;
  width:40px; height:40px; border-radius:50%; background:#0c101d;
}
.pb-grid30{
  position:absolute; right:0; bottom:0;
  display:grid; grid-template-columns:repeat(6,6px); gap:2.5px;
}
.pb-grid30 i{
  width:6px; height:6px; border-radius:1.8px;
  background:rgba(223,192,126,.14);
  border:1px solid rgba(223,192,126,.16);
  animation:wt-cellfill 5.5s linear infinite;
  animation-delay:calc(var(--i) * .08s);
}
@keyframes wt-cellfill{
  0%   { background:rgba(223,192,126,.14); border-color:rgba(223,192,126,.16); box-shadow:none; }
  3%   { background:linear-gradient(150deg,#f2dfab,var(--gold)); border-color:#e8d09a;
         box-shadow:0 0 5px rgba(232,201,124,.55); }
  4.5% { box-shadow:0 0 2px rgba(232,201,124,.3); }
  76%  { background:linear-gradient(150deg,#f2dfab,var(--gold)); border-color:#e8d09a; }
  86%  { background:rgba(223,192,126,.14); border-color:rgba(223,192,126,.16); box-shadow:none; }
  100% { background:rgba(223,192,126,.14); border-color:rgba(223,192,126,.16); box-shadow:none; }
}

.pass-banner-tag{
  display:inline-flex; align-items:center;
  height:19px; margin-bottom:7px;
  padding:0 8px; border-radius:999px;
  background:rgba(201,165,92,.18);
  font-size:10.5px; font-weight:600; line-height:1;
  letter-spacing:var(--ls-ko); color:var(--gold-lt);
}
.pass-banner-title{
  font-size:14.5px; font-weight:700; color:var(--white);
  letter-spacing:var(--ls-ko); line-height:1.5;
}
.pass-banner-desc{
  margin-top:5px; font-size:12px; color:var(--body);
  letter-spacing:var(--ls-ko);
}

/* 시트 닫기 (리딩 페이지 CSS 의존 제거) */
.ps-close{
  display:block; width:100%; margin-top:10px;
  padding:13px 20px;
  background:transparent;
  border:1px solid rgba(201,165,92,.22);
  border-radius:var(--radius-sm);
  color:var(--body); font-family:inherit;
  font-size:13px; font-weight:500; letter-spacing:var(--ls-ko);
  cursor:pointer; transition:background .2s,color .2s;
}
.ps-close:hover{ background:rgba(201,165,92,.06); color:var(--white); }

/* 비로그인: 잔액 자리를 로그인 안내로 쓴다 */
body.pass-guest .pass-balance{ padding:18px 0 16px; }
body.pass-guest .pass-balance-label{
  font-size:12.5px; color:var(--muted); letter-spacing:var(--ls-ko);
}
body.pass-guest .pass-balance-label .pass-login-word{
  color:var(--gold-lt);
  font-weight:700;
}

/* 잔액 자리의 로그인 유도: 글자 그대로 버튼 */
body.pass-guest .pass-balance-label .pass-login-word{
  padding:0;
  background:none;
  border:none;
  font-family:inherit;
  font-size:inherit;
  font-weight:700;
  letter-spacing:inherit;
  color:var(--gold-lt);
  cursor:pointer;
  border-bottom:1px solid rgba(201,165,92,.4);
  line-height:1.3;
}
body.pass-guest .pass-balance-label .pass-login-word:hover{
  color:var(--gold-hi,#e8c97c);
  border-bottom-color:rgba(201,165,92,.7);
}

/* 보조 행동: 주 버튼과 같은 형태, 라인만으로 위계를 낮춘다 */
.pass-cta-line{
  margin-top:10px;
  background:transparent;
  border:1px solid rgba(201,165,92,.26);
  color:var(--body);
  text-decoration:none;
  text-align:center;
  transition:background .18s,border-color .18s,color .18s;
}
.pass-cta-line:hover{
  background:rgba(201,165,92,.06);
  border-color:rgba(201,165,92,.45);
  color:var(--white);
}