/* =======================================================================
theme-legacy-dashboard-v3.css
───
asset_list v3 Dashboard 스킨을 레거시 DOM(.mcont01 > .div-cont > .assets01~05)
에 포팅. 6페이지 공통: buy/transfer/reward/member/withdrawal/withdrawal_list.
asset_list는 `.ga-dashboard-v3` 래퍼로 분리 스킨이 이미 적용됨 → 여기 스코프 제외.
======================================================================= */
/* ── 스코프: 6 레거시 페이지 ── */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) {
--gold: #c7a24a;
--gold-bright: #e6c06a;
--gold-deep: #8c6b1f;
--ink: #1a1208;
--subink: #3a2f1a;
--line: #d3c7a7;
}
/* 레거시 헤더/네비 제거 (asset_list와 동일) — .goldapple-topnav만 유지 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #header-wrap,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) header#header-wrap,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #header,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #subNavi,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .NEW_NAV3,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .lm-top,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .lm-info,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .Top-intro,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .language {
display: none !important;
}
/* 로그인 후 페이지 — Floating CTA 숨김 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .ga-float-cta {
display: none !important;
}
/* member, reward, transfer, withdrawal_list, withdrawal 페이지 — bg-mark 워터마크 숨김 (2026-05-04 사장님 요청 추가: withdrawal_list, withdrawal) */
body.skin-v2.page-member .ga-v2 .page-hero-v2 .bg-mark,
body.skin-v2.page-reward .ga-v2 .page-hero-v2 .bg-mark,
body.skin-v2.page-transfer .ga-v2 .page-hero-v2 .bg-mark,
body.skin-v2.page-withdrawal-list .ga-v2 .page-hero-v2 .bg-mark,
body.skin-v2.page-withdrawal .ga-v2 .page-hero-v2 .bg-mark {
display: none !important;
}
/* topgobtn / LoginNew-Wrap — asset_list와 동일 배치 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > a:has(> img.topgobtn),
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 .topgobtn {
display: none !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap {
position: static !important;
display: flex !important;
flex-wrap: wrap !important;
justify-content: flex-end !important;
gap: 8px !important;
margin: 24px 0 24px !important;
padding: 0 !important;
background: transparent !important;
width: auto !important;
height: auto !important;
top: auto !important; right: auto !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a.signup,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a.logout-btn,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a.copy-link {
display: inline-flex !important;
align-items: center !important;
gap: 4px !important;
padding: 7px 14px !important;
border: 1px solid rgba(199,162,74,0.3) !important;
border-radius: 999px !important;
background: rgba(255,250,240,0.6) !important;
color: var(--ink) !important;
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-size: 10px !important;
letter-spacing: 0.10em !important;
text-transform: uppercase !important;
text-decoration: none !important;
white-space: nowrap !important;
transition: all 0.2s ease !important;
position: static !important;
top: auto !important; left: auto !important; right: auto !important;
width: auto !important; height: auto !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a:hover {
background: #fffaf0 !important;
border-color: var(--gold) !important;
color: var(--gold-deep) !important;
transform: translateY(-1px);
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a span {
display: inline !important;
color: inherit !important;
font-size: inherit !important;
letter-spacing: inherit !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a::before,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a::after {
display: none !important; content: none !important;
}
/* 2026-04-23: chip-shorten.js가 주입한 ga-chip-full/short 두 라벨이 동시 렌더돼 "SIGN OUTSIGN OUT"처럼 보이던 버그 —
PC에서는 풀 라벨만, 모바일에서는 축약만 노출 (asset_list와 동일 정책).
specificity: 위 `a span { display: inline !important }` (0,6,2) 규칙을 덮기 위해 #doc .mcont01 > 경로 동일하게 맞춤 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a span.ga-chip-full { display: inline !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a span.ga-chip-short { display: none !important; }
@media (max-width: 640px) {
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a span.ga-chip-full { display: none !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a span.ga-chip-short { display: inline !important; }
}
/* ═══════════════════════════════════════════════════════
Dashboard grid — PC: 2fr | 1fr | 1fr · 2 rows
Hero=assets01 (span 2 rows), Sub=02/03/04/05 (2×2 그리드)
legacy-fix.css 의 5열 repeat !important를 #doc 보강으로 덮어씀
═══════════════════════════════════════════════════════ */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont {
display: grid !important;
grid-template-columns: 2fr 1fr 1fr !important;
grid-template-rows: 1fr 1fr !important;
gap: 14px !important;
margin: 0 0 28px !important;
width: 100% !important;
align-items: stretch !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01 { grid-column: 1 !important; grid-row: 1 / span 2 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02 { grid-column: 2 !important; grid-row: 1 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03 { grid-column: 3 !important; grid-row: 1 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04 { grid-column: 2 !important; grid-row: 2 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 { grid-column: 3 !important; grid-row: 2 !important; }
/* Card common reset — luxe card style */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 {
position: relative !important;
background: #fffaf0 !important;
border: 1px solid rgba(199,162,74,0.25) !important;
border-radius: 18px !important;
padding: 22px 24px !important;
box-shadow: 0 1px 0 rgba(199,162,74,0.06), 0 24px 48px -28px rgba(58,47,26,0.18) !important;
text-align: left !important;
overflow: hidden !important;
transition: transform 0.25s ease, box-shadow 0.25s ease, border-color 0.25s ease !important;
width: auto !important; float: none !important; margin: 0 !important;
min-height: 113px;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01:hover,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02:hover,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03:hover,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04:hover,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05:hover {
transform: translateY(-2px);
border-color: rgba(199,162,74,0.55) !important;
box-shadow: 0 1px 0 rgba(199,162,74,0.10), 0 32px 56px -24px rgba(58,47,26,0.28) !important;
}
/* Left gold accent line — 사장님 요청: 5개 카드 시각 통일, 모두 A(assets01) 기준 3px/opacity 1.0 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01::before,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02::before,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03::before,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04::before,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05::before {
content: ""; position: absolute; left: 0; top: 18px; bottom: 18px; width: 3px;
background: linear-gradient(180deg, var(--gold-bright), var(--gold-deep));
border-radius: 0 2px 2px 0;
opacity: 1;
}
/* Labels (Available Assets / Acorn / ...) — 사장님 요청 그림 기준: 큰 mixed-case sans-serif (uppercase 제거) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 > p,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02 > p,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03 > p,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04 > p,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 > p {
font-family: 'Pretendard Variable', 'Pretendard', system-ui, sans-serif !important;
font-size: clamp(18px, 2.2vw, 24px) !important;
letter-spacing: -0.005em !important;
text-transform: none !important;
color: var(--ink, #2a2418) !important;
margin: 0 0 14px !important;
line-height: 1.2 !important;
white-space: normal !important;
overflow: visible !important;
background: none !important;
font-weight: 600 !important;
}
/* .assetcont — 숫자 라인 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 .assetcont {
display: flex !important;
flex-wrap: nowrap !important;
/* 2026-04-29 — 오각형/숫자/단위 일직선 정렬 (고객 요청) */
align-items: center !important;
justify-content: flex-start !important;
gap: 10px !important;
height: auto !important;
overflow: visible !important;
min-width: 0;
padding: 0 !important; background: transparent !important; border: 0 !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 .assetcont img,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02 .assetcont img,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03 .assetcont img,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04 .assetcont img,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 .assetcont img {
flex: 0 0 auto !important;
/* 펜타곤 아이콘 22px → 사장님 요청 그림 기준 36px (반응형 28~40 clamp) */
width: clamp(28px, 3.5vw, 40px) !important;
height: clamp(28px, 3.5vw, 40px) !important;
align-self: center !important;
opacity: 1;
}
/* ★ 핵심: .assets-num 숫자 잘림 제거 — clamp + nowrap + overflow visible */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont .assetcont .assets-num-perf {
display: inline-block !important;
white-space: nowrap !important;
flex: 0 1 auto !important;
min-width: 0 !important;
max-width: none !important;
overflow: visible !important;
text-overflow: clip !important;
font-family: 'Pretendard Variable', 'Manrope', system-ui, sans-serif !important;
font-weight: 600 !important;
color: var(--ink) !important;
margin: 0 !important;
/* line-height 1 → 박스 높이 = 글자 높이, center 정렬 시 기하학적 가운데 일치 */
line-height: 1 !important;
letter-spacing: -0.02em !important;
font-feature-settings: "tnum" 1, "lnum" 1;
background: none !important;
text-shadow: none !important;
align-self: center !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont .assetcont > p {
display: inline-block !important;
flex: 0 0 auto !important;
margin: 0 !important; padding: 0 !important;
white-space: nowrap !important;
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-size: 11px !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: var(--subink) !important;
font-weight: 500 !important;
position: static !important; top: auto !important;
/* 2026-04-29 — baseline → center 로 변경 (오각형/숫자와 같은 라인) */
align-self: center !important;
line-height: 1 !important;
opacity: 0.7;
}
/* 5개 카드 통합 — 사장님 요청 그림 기준: 모두 동일한 크기 + 큰 mixed-case 라벨 + 큰 숫자 + 펜타곤 아이콘 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 {
background: #fffaf0 !important;
padding: 24px 26px !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
align-self: stretch !important;
height: 100% !important;
min-height: 150px !important;
}
/* assets01 hero gradient 배경 제거 - 5개 모두 단일 톤 통일 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 .assetcont img {
display: inline-block !important;
}
/* 5개 카드 .assetcont 통일 — 가운데 정렬, 펜타곤+숫자+단위 한 줄 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 .assetcont {
align-items: center !important;
justify-content: center !important;
gap: 12px !important;
flex-wrap: nowrap !important;
width: 100% !important;
}
/* 5개 카드 숫자 통일 — 큰 사이즈 (그림 기준) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 .assetcont .assets-num-perf {
font-size: clamp(24px, 2.6vw, 34px) !important;
font-weight: 600 !important;
letter-spacing: -0.02em !important;
}
/* 5개 카드 단위 (GPay/Acorns/USDT/PET) 통일 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 .assetcont > p,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02 .assetcont > p,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03 .assetcont > p,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04 .assetcont > p,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 .assetcont > p {
font-size: 12px !important;
letter-spacing: 0.05em !important;
text-transform: none !important;
color: var(--subink, #8a7e66) !important;
font-weight: 500 !important;
opacity: 0.9 !important;
}
/* 라벨 (Available Assets 등) 가운데 정렬, hero에도 적용 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 > p {
margin-bottom: 14px !important;
text-align: center !important;
width: 100% !important;
}
/* ═══ 반응형: ≤1024px (iPad Pro 12.9" 이하) — 2x2+1 깔끔한 그리드 ═══
2026-05-02 사장님 요청: iPad 버전 반응형 개선 — A·B / C·D / E(풀폭) */
@media (max-width: 1024px) {
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
grid-template-rows: auto !important;
/* max-width 720px 제약 해제 — 위 COPY LINK / MY INFO / SIGN OUT 버튼 줄과 동일한 좌우 정렬로 확장 */
max-width: 100% !important;
width: 100% !important;
margin: 0 auto !important;
gap: clamp(12px, 2vw, 18px) !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01 { grid-column: 1 !important; grid-row: 1 !important; min-height: 140px !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02 { grid-column: 2 !important; grid-row: 1 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03 { grid-column: 1 !important; grid-row: 2 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04 { grid-column: 2 !important; grid-row: 2 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 { grid-column: 1 / -1 !important; grid-row: 3 !important; }
/* assets01 hero — 다른 카드와 동일 시각 비중 (iPad 기준 폰트 다운그레이드) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01 .assetcont .assets-num {
font-size: clamp(24px, 3vw, 36px) !important;
}
/* sub 카드 폰트 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 .assetcont .assets-num {
font-size: clamp(20px, 2.4vw, 30px) !important;
}
/* 카드 padding 컴팩트 (iPad 기준) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 {
padding: clamp(18px, 2.2vw, 24px) clamp(18px, 2vw, 22px) !important;
min-height: 120px !important;
}
}
/* ═══ 반응형: ≤768px (iPad Mini 이하) — 카드 안쪽 정렬 가운데 통일 ═══ */
@media (max-width: 768px) {
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 {
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
padding: clamp(14px, 2vw, 20px) clamp(14px, 1.8vw, 18px) !important;
min-height: 110px !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 .assetcont {
justify-content: center !important;
align-items: baseline !important;
}
}
/* ═══ 반응형: ≤640px — 그림5 2x2+1 통일 (사장님 요청 2026-05-02) ═══
1행 A·B / 2행 C·D / 3행 풀폭 E — 모든 viewport 동일
카드 좌우 = 위 divider 좌우 (.ga-v2 .container 20px L/R 동일) */
@media (max-width: 640px) {
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont {
grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
/* A/B/C/D 위 4개 행 높이 동일 lock + E는 auto */
grid-template-rows: 1fr 1fr auto !important;
max-width: 100% !important;
width: 100% !important;
gap: clamp(6px, 1.5vw, 10px) !important;
padding: 0 !important;
/* 그리드 위/아래 여백 동일 */
margin: clamp(6px, 1.5vw, 12px) auto !important;
}
/* .mcont01 좌우 padding — 사장님 요청: 박스 좌우 최대한 확장 (10px → 4px) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 {
width: 100% !important;
max-width: 100% !important;
padding: 0 4px !important;
padding-bottom: 0 !important;
margin: 0 !important;
box-sizing: border-box !important;
}
/* #contents padding 0 (.mcont01에서 padding 통일 처리) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #container-wrap.mcontainer #contents {
padding: 0 !important;
}
/* Member 테이블 좌우 여백 — buy/reward/withdrawal_list 와 동일한 #contents 자연 폭으로 통일 (2026-05-03) */
body.skin-v2.page-member .table-01.search-table,
body.skin-v2.page-member .sub-title-02 {
margin-left: 0 !important;
margin-right: 0 !important;
}
body.skin-v2.page-member .table-01.search-table {
padding-left: 0 !important;
padding-right: 0 !important;
}
/* 카드 다음 섹션(Member 헤딩 등) 위 여백도 축소 — div-cont 위쪽 여백과 대칭 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 + *,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .sub-title-02 {
margin-top: clamp(6px, 1.5vw, 12px) !important;
padding-top: 0 !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01 { grid-column: 1 !important; grid-row: 1 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02 { grid-column: 2 !important; grid-row: 1 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03 { grid-column: 1 !important; grid-row: 2 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04 { grid-column: 2 !important; grid-row: 2 !important; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 { grid-column: 1 / -1 !important; grid-row: 3 !important; }
/* 5개 카드 모두 동일 padding · 가운데 정렬 — 좁은 모바일에서도 가로 안 잘림 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 {
/* 박스 padding 살짝 늘려 박스 크기 확대 + 4개 카드 행 높이 동일 lock */
padding: clamp(14px, 3vw, 20px) clamp(10px, 2.5vw, 14px) !important;
min-height: 110px !important;
height: 100% !important;
display: flex !important;
flex-direction: column !important;
justify-content: center !important;
align-items: center !important;
text-align: center !important;
}
/* assetcont 가운데 + 가로 안 잘림 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont .assetcont {
justify-content: center !important;
align-items: baseline !important;
flex-wrap: nowrap !important;
width: 100% !important;
gap: 3px !important;
padding: 0 !important;
background: transparent !important;
border: 0 !important;
overflow: visible !important;
}
/* 라벨 — 한 줄 강제 + viewport 비례 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01 > p:first-of-type,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02 > p:first-of-type,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03 > p:first-of-type,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04 > p:first-of-type,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 > p:first-of-type {
font-size: clamp(8px, 2.2vw, 11px) !important;
letter-spacing: clamp(0.04em, 0.4vw, 0.12em) !important;
margin: 0 0 6px !important;
text-align: center !important;
width: 100% !important;
white-space: nowrap !important;
overflow: hidden !important;
text-overflow: ellipsis !important;
}
/* 별/펜타곤 이미지 표시 (그림5 패턴 — 모든 viewport 동일) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont .assetcont img {
display: inline-block !important;
width: clamp(14px, 4vw, 18px) !important;
height: clamp(14px, 4vw, 18px) !important;
flex: 0 0 auto !important;
align-self: center !important;
opacity: 0.92 !important;
margin-right: 4px !important;
}
/* 모든 카드 동일 숫자 사이즈 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets01 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets02 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets03 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets04 .assetcont .assets-num,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont > .assets05 .assetcont .assets-num {
font-size: clamp(13px, 3.6vw, 18px) !important;
}
/* 단위 폰트 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .div-cont .assetcont > p {
font-size: clamp(7px, 1.8vw, 9px) !important;
letter-spacing: 0.08em !important;
margin-left: 2px !important;
}
/* LoginNew-Wrap 모바일 단축 */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a {
padding: 6px 10px !important;
font-size: 9px !important;
letter-spacing: 0.06em !important;
}
/* 2026-04-29 — 3 chips 한 줄 강제 (고객 요청: 모바일에서 wrap 금지) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap {
flex-wrap: nowrap !important;
gap: 6px !important;
}
/* 2026-04-29 — withdrawal-list: 카드 그리드 아래 여백을 카드 위 여백(~22px)과 일치 (사용자 요청)
기본 .div-cont는 28px 하단 마진 → 12px로 축소 (10px 그리드 잔여 + 12 = 22) */
body.skin-v2.page-withdrawal-list #doc .mcont01 > .div-cont {
margin-bottom: 12px !important;
}
}
/* 2026-04-29 — chip 표시 순서 강제: COPY LINK · MY INFO · SIGN OUT (전 뷰포트 공통, 고객 요청) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a.copy-link { order: 1; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a.signup { order: 2; }
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) #doc .mcont01 > .LoginNew-Wrap a.logout-btn { order: 3; }
/* ═══════════════════════════════════════════════════════
buy 폼 — 모바일 vertical stack (25 overflow fix)
═══════════════════════════════════════════════════════ */
body.skin-v2.page-buy .section-buy {
display: flex !important;
flex-direction: column !important;
gap: 10px !important;
}
body.skin-v2.page-buy .section-buy > span,
body.skin-v2.page-buy .section-buy > input,
body.skin-v2.page-buy .section-buy > select,
body.skin-v2.page-buy .section-buy > .qty-wrapper,
body.skin-v2.page-buy .section-buy > .clear-row {
width: 100% !important;
max-width: 100% !important;
box-sizing: border-box !important;
margin: 0 !important;
float: none !important;
display: block !important;
}
body.skin-v2.page-buy .section-buy > span {
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-size: 10px !important;
letter-spacing: 0.12em !important;
text-transform: uppercase !important;
color: var(--gold-deep) !important;
margin-bottom: 4px !important;
}
body.skin-v2.page-buy .section-buy input.input-span,
body.skin-v2.page-buy .section-buy select.input-span {
padding: 11px 14px !important;
border: 1px solid var(--line) !important;
border-radius: 10px !important;
background: #f5efe0 !important;
color: var(--ink) !important;
font-family: 'Pretendard Variable', system-ui, sans-serif !important;
font-size: 14px !important;
text-align: right;
width: 100% !important;
box-sizing: border-box !important;
}
/* 2026-04-29 — Withdrawable assets 표시 input 중앙정렬 (고객 요청)
common.css 의 .right { text-align:right !important } 를 specificity + !important 로 덮어씀 */
body.skin-v2.page-buy .section-buy input.input-span.available-assets,
body.skin-v2.page-buy .section-buy input.input-span#milage-available,
body.skin-v2.page-buy .section-buy input.input-span.right.available-assets {
text-align: center !important;
}
body.skin-v2.page-buy .Buy-list {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
body.skin-v2.page-buy .Buy-list ul {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
}
body.skin-v2.page-buy .Buy-list li.bd-A {
background: #fffaf0 !important;
border: 1px solid rgba(199,162,74,0.20) !important;
border-radius: 16px !important;
padding: 20px !important;
margin: 0 0 16px !important;
list-style: none !important;
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
/* 2026-04-23: buy 모바일에서 Transaction 테이블이 카드 밖으로 삐져나와 우측 컬럼이 잘리던 버그 —
카드 자체는 max-w:100%, table은 자연 너비 유지해 카드 내부에서 가로 스크롤 발생 */
body.skin-v2.page-buy .Buy-list li.bd-A { max-width: 100% !important; }
body.skin-v2.page-buy .Buy-list li.bd-A table {
min-width: max-content !important;
width: auto !important;
max-width: none !important;
}
@media (max-width: 640px) {
body.skin-v2.page-buy .section-buy input.input-span,
body.skin-v2.page-buy .section-buy select.input-span {
font-size: 16px !important; /* iOS zoom 방지 */
}
}
/* ═══════════════════════════════════════════════════════
withdrawal_list 테이블 — 모바일 카드화 (4 overflow fix)
═══════════════════════════════════════════════════════ */
body.skin-v2.page-withdrawal-list .table-01 {
background: #fffaf0 !important;
border: 1px solid rgba(199,162,74,0.20) !important;
border-radius: 16px !important;
overflow: hidden !important;
margin: 0 0 28px !important;
}
body.skin-v2.page-withdrawal-list .table-01 table {
width: 100% !important;
border-collapse: collapse !important;
border: 0 !important;
background: transparent !important;
min-width: 0 !important;
}
body.skin-v2.page-withdrawal-list .table-01 thead {
background: linear-gradient(180deg, rgba(199,162,74,0.10), rgba(199,162,74,0.04)) !important;
}
body.skin-v2.page-withdrawal-list .table-01 thead td,
body.skin-v2.page-withdrawal-list .table-01 thead th {
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-size: 11px !important;
font-weight: 600 !important;
letter-spacing: 0.14em !important;
text-transform: uppercase !important;
color: var(--gold-deep) !important;
padding: 14px 16px !important;
border: 0 !important;
border-bottom: 1px solid rgba(199,162,74,0.25) !important;
text-align: left !important;
}
body.skin-v2.page-withdrawal-list .table-01 tbody td {
padding: 14px 16px !important;
border: 0 !important;
border-bottom: 1px solid rgba(199,162,74,0.10) !important;
font-family: 'Pretendard Variable', system-ui, sans-serif !important;
font-size: 13px !important;
color: var(--ink) !important;
background: transparent !important;
}
body.skin-v2.page-withdrawal-list .table-01 tbody tr:last-child td {
border-bottom: 0 !important;
}
body.skin-v2.page-withdrawal-list .table-01 tbody td[colspan] {
text-align: center !important;
padding: 40px 20px !important;
color: var(--subink) !important;
font-style: italic;
}
body.skin-v2.page-withdrawal-list .table-01 tbody td[colspan] br { display: none !important; }
/* withdrawal_list 카드 모드 — 모든 viewport 통일 (사장님 요청 2026-05-04) */
@media all {
body.skin-v2.page-withdrawal-list .table-01 { overflow: visible !important; border: 0 !important; background: transparent !important; }
body.skin-v2.page-withdrawal-list .table-01 table,
body.skin-v2.page-withdrawal-list .table-01 thead,
body.skin-v2.page-withdrawal-list .table-01 tbody,
body.skin-v2.page-withdrawal-list .table-01 tr,
body.skin-v2.page-withdrawal-list .table-01 td {
display: block !important;
width: 100% !important;
min-width: 0 !important;
}
body.skin-v2.page-withdrawal-list .table-01 thead { display: none !important; }
body.skin-v2.page-withdrawal-list .table-01 tbody tr {
background: #fffaf0 !important;
border: 1px solid rgba(199,162,74,0.20) !important;
border-radius: 12px !important;
padding: 12px 14px !important;
margin: 0 0 10px !important;
}
body.skin-v2.page-withdrawal-list .table-01 tbody td {
padding: 6px 0 !important;
border: 0 !important;
text-align: left !important;
}
body.skin-v2.page-withdrawal-list .table-01 tbody td[colspan] {
padding: 20px !important;
}
}
/* ═══════════════════════════════════════════════════════
page-hero-v2 (공통 상단 hero) — 남은 legacy 오버플로 봉인
═══════════════════════════════════════════════════════ */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .page-hero-v2 {
overflow: hidden;
}
/* .space20 safe margin */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .space20 {
height: 24px !important;
}
/* iPhoneSE autoshrink test */
@media (max-width: 400px) {
.asset-main-number { font-size: clamp(18px, 6vw, 28px); }
}
/* ═══════════════════════════════════════════════════════
asset_list R2 — PC/Mobile critical/major fixes (2026-04-21)
═══════════════════════════════════════════════════════ */
/* @section: chip label fallback (HTML 단일 span 변경 후 안전망) */
body.skin-v2.page-asset-list .LoginNew-Wrap .ga-chip-label {
display: inline-block;
white-space: nowrap;
letter-spacing: 0.02em;
}
/* @section: PC hero card grid alignment (1920/1440/1280) */
@media (min-width: 1024px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 {
align-items: stretch !important;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 > .asset-main,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 > .asset-grid {
display: flex;
flex-direction: column;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main {
min-height: 0;
height: 100%;
}
/* main number 위계 조정 — 너무 큰 메인 숫자 살짝 축소 */
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .asset-main-number,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .amount {
font-size: clamp(28px, 2.6vw, 44px) !important;
font-variant-numeric: tabular-nums;
line-height: 1.1;
overflow-wrap: anywhere;
word-break: break-word;
}
/* 서브 카드 숫자 살짝 키워서 위계 균형 */
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-grid .num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-grid .amount {
font-size: clamp(18px, 1.4vw, 24px) !important;
font-variant-numeric: tabular-nums;
}
}
/* @section: PC subheader / action buttons alignment (1024/1280) */
@media (min-width: 1024px) and (max-width: 1366px) {
body.skin-v2.page-asset-list .LoginNew-Wrap {
display: flex;
align-items: center;
justify-content: flex-end;
gap: 8px;
flex-wrap: nowrap;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta {
align-self: center;
}
}
/* @section: 1024 tab — START INVESTING button shrink + nowrap */
@media (min-width: 768px) and (max-width: 1100px) {
body.skin-v2.page-asset-list .charge,
body.skin-v2.page-asset-list a.start-investing,
body.skin-v2.page-asset-list .start-invest-btn {
padding: 8px 14px !important;
font-size: 13px !important;
white-space: nowrap;
}
body.skin-v2.page-asset-list #header,
body.skin-v2.page-asset-list .header-wrap {
column-gap: 12px;
}
}
/* @section: 768 tab — sub-header layout fix */
@media (min-width: 600px) and (max-width: 900px) {
body.skin-v2.page-asset-list .LoginNew-Wrap {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
gap: 6px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta {
flex-wrap: wrap;
column-gap: 10px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta .meta-currency b {
background: rgba(199,162,74,0.10);
border: 1px solid rgba(199,162,74,0.22);
border-radius: 999px;
padding: 2px 8px;
font-weight: 600;
}
}
/* @section: hero overflow-x safety + asset main number autoshrink */
body.skin-v2.page-asset-list .ga-dashboard-v3,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main {
max-width: 100%;
overflow-x: hidden;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .asset-main-number,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .amount {
max-width: 100%;
overflow-wrap: anywhere;
word-break: break-word;
}
/* @section: mobile hero (≤640) — clamp + currency inline baseline */
@media (max-width: 640px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .asset-main-number,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .amount {
font-size: clamp(20px, 7vw, 32px) !important;
font-variant-numeric: tabular-nums;
line-height: 1.1;
letter-spacing: -0.01em;
white-space: normal;
overflow-wrap: anywhere;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .currency,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .unit {
display: inline;
margin-left: 6px;
font-size: 0.55em;
vertical-align: baseline;
opacity: 0.85;
}
}
/* @section: iPhoneSE (≤400) — extra autoshrink for very small viewports */
@media (max-width: 400px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .asset-main-number,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .amount {
font-size: clamp(17px, 5.6vw, 24px) !important;
}
}
/* @section: mobile header chips — touch target ≥44 + gap */
@media (max-width: 640px) {
body.skin-v2.page-asset-list .LoginNew-Wrap {
display: flex;
justify-content: flex-end;
align-items: center;
flex-wrap: wrap;
gap: 8px;
padding: 8px 4px;
}
body.skin-v2.page-asset-list .LoginNew-Wrap > a {
min-height: 44px;
min-width: 44px;
padding: 10px 14px !important;
line-height: 1.2;
display: inline-flex;
align-items: center;
justify-content: center;
letter-spacing: 0;
border-radius: 999px;
}
}
/* @section: sub cards 2x2 grid on phones (iPhone13/Pixel7) */
@media (min-width: 360px) and (max-width: 640px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-grid {
display: grid !important;
grid-template-columns: repeat(2, 1fr) !important;
gap: 8px !important;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-grid > * {
min-width: 0;
padding: 12px !important;
}
}
/* @section: empty state compact (No transactions yet) */
@media (max-width: 640px) {
body.skin-v2.page-asset-list .empty-state,
body.skin-v2.page-asset-list .no-transactions,
body.skin-v2.page-asset-list .table-01 tbody td[colspan] {
min-height: 0 !important;
padding: 28px 16px !important;
}
body.skin-v2.page-asset-list .empty-state img,
body.skin-v2.page-asset-list .no-transactions img {
max-width: 64px;
height: auto;
}
}
/* @section: My Assets history title + FILTER alignment */
@media (max-width: 640px) {
body.skin-v2.page-asset-list .history-head,
body.skin-v2.page-asset-list .ga-dashboard-v3-head {
display: flex;
flex-wrap: wrap;
align-items: center;
justify-content: space-between;
gap: 8px;
}
body.skin-v2.page-asset-list .history-head h2,
body.skin-v2.page-asset-list .history-head h3 {
flex: 1 1 auto;
max-width: 70%;
line-height: 1.2;
}
body.skin-v2.page-asset-list .history-head .filter-btn,
body.skin-v2.page-asset-list .filter-btn {
flex: 0 0 auto;
min-height: 44px;
align-self: center;
}
}
/* @section: footer fixed nav — safe area + body padding-bottom */
@media (max-width: 900px) {
body.skin-v2.page-asset-list {
padding-bottom: calc(72px + env(safe-area-inset-bottom, 0px)) !important;
}
body.skin-v2.page-asset-list #footer-wrap {
padding-bottom: env(safe-area-inset-bottom, 0px) !important;
background: rgba(20, 16, 10, 0.96) !important;
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
box-shadow: 0 -1px 0 rgba(199,162,74,0.18);
}
body.skin-v2.page-asset-list #footer-wrap #footer {
min-height: 56px;
}
body.skin-v2.page-asset-list #footer-wrap #footer > div > a {
min-height: 48px;
min-width: 48px;
display: flex;
flex-direction: column;
align-items: center;
justify-content: center;
padding: 6px 4px;
}
}
/* @section: footer-seal image fallback (broken image hide) */
body.skin-v2.page-asset-list .footer-seal img {
max-height: 48px;
width: auto;
object-fit: contain;
}
body.skin-v2.page-asset-list .footer-seal img:not([src]),
body.skin-v2.page-asset-list .footer-seal img[src=""] {
display: none;
}
/* @section: 1280 PC — main-number not bumping into card edge */
@media (min-width: 1200px) and (max-width: 1366px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main {
padding-right: clamp(20px, 2vw, 32px) !important;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-main .asset-main-number {
font-size: clamp(26px, 2.2vw, 38px) !important;
}
}
/* @section: hero overflow-x lock for asset_list specifically */
body.skin-v2.page-asset-list #container-wrap,
body.skin-v2.page-asset-list .mcont01 {
overflow-x: hidden;
}
/* ═══════════════════════════════════════════════════════
asset_list R3 — PC/Mobile residual critical/major fixes (2026-04-21)
═══════════════════════════════════════════════════════ */
/* @section-R3: chip label unification safety (all 3 LoginNew-Wrap anchors now use ga-chip-label) */
body.skin-v2.page-asset-list .LoginNew-Wrap a .ga-chip-full,
body.skin-v2.page-asset-list .LoginNew-Wrap a .ga-chip-short {
display: none !important;
}
body.skin-v2.page-asset-list .LoginNew-Wrap a .ga-chip-label {
display: inline-block !important;
white-space: nowrap;
letter-spacing: 0.02em;
}
/* @section-R3: 1440 PC meta alignment — label/value spacing, split onto two lines */
@media (min-width: 1367px) and (max-width: 1600px) {
body.skin-v2.page-asset-list .ga-dashboard-v3-head {
align-items: flex-start;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
line-height: 1.4;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta .meta-line {
display: inline-flex;
gap: 6px;
font-size: 12px;
letter-spacing: 0.04em;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta .meta-line > b {
color: #c7a24a;
font-weight: 600;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta .meta-line:first-child {
opacity: 0.7;
}
}
/* @section-R3: 1440 PC hero number / spark chart spacing */
@media (min-width: 1367px) and (max-width: 1600px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 {
padding-right: 28px !important;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont {
padding-right: 12px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .hero-extra {
margin-top: 16px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .spark {
margin-top: 10px;
max-width: 100%;
height: 44px;
}
}
/* @section-R3: 1024 tab — hero spark chart min height + sub padding so chart readable */
@media (min-width: 901px) and (max-width: 1100px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .spark {
height: 40px;
margin-top: 8px;
opacity: 0.9;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .hero-extra .chip-row {
gap: 6px;
flex-wrap: wrap;
}
}
/* @section-R3: 768 tab — eyebrow/breadcrumb left-align to grid container */
@media (min-width: 600px) and (max-width: 900px) {
body.skin-v2.page-asset-list .mcont01 > .LoginNew-Wrap {
padding-right: 16px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head {
padding-left: 4px;
padding-right: 4px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .eyebrow {
padding-left: 0;
margin-left: 0;
letter-spacing: 0.14em;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
line-height: 1.35;
}
}
/* @section-R3: empty-state integrate with table (desktop) — fade header when empty */
@media (min-width: 1024px) {
body.skin-v2.page-asset-list .table-01:has(tbody td[colspan]) thead,
body.skin-v2.page-asset-list .table-01.is-empty thead {
opacity: 0.45;
}
body.skin-v2.page-asset-list .table-01 tbody td[colspan] {
padding: 36px 16px;
background: rgba(199,162,74,0.03);
border-top: 1px dashed rgba(199,162,74,0.18);
}
}
/* @section-R3: CRITICAL iPhoneSE/GalaxyS9+ — hero number truncation (≤380px) */
@media (max-width: 380px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 {
min-width: 0 !important;
overflow: hidden;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 4px;
min-width: 0;
max-width: 100%;
overflow: hidden;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont .assets-num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .asset-main .asset-main-number,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .asset-main .num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .asset-main .amount {
font-size: clamp(15px, 5.2vw, 22px) !important;
letter-spacing: -0.02em !important;
line-height: 1.1 !important;
max-width: 100% !important;
min-width: 0 !important;
flex: 1 1 auto;
overflow-wrap: anywhere;
word-break: break-word;
text-overflow: clip;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont > p,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont .unit,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont .currency {
font-size: 0.6em;
opacity: 0.85;
flex: 0 0 auto;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont img {
width: 18px;
height: 18px;
flex: 0 0 auto;
}
}
/* @section-R3: mobile hero aspect-ratio — reduce vertical dominance */
@media (max-width: 640px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 {
padding: 16px 14px !important;
aspect-ratio: auto;
min-height: 0 !important;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .spark {
height: 32px !important;
margin-top: 6px;
opacity: 0.75;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .hero-extra {
margin-top: 10px;
gap: 6px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .chip-row {
gap: 6px;
flex-wrap: wrap;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .chip {
font-size: 11px;
padding: 3px 8px;
}
}
/* @section-R3: Pixel7 — keep number+unit inline (single line) */
@media (min-width: 381px) and (max-width: 480px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont {
display: flex;
flex-wrap: nowrap;
align-items: baseline;
gap: 6px;
min-width: 0;
overflow: hidden;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont .assets-num {
font-size: clamp(20px, 6.4vw, 28px) !important;
flex: 1 1 auto;
min-width: 0;
overflow: hidden;
text-overflow: clip;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont > p {
font-size: 0.52em;
vertical-align: baseline;
opacity: 0.82;
flex: 0 0 auto;
}
}
/* @section-R3: history title — prevent 3-line wrap on narrow phones */
@media (max-width: 640px) {
body.skin-v2.page-asset-list .history-head h2,
body.skin-v2.page-asset-list .history-head h3,
body.skin-v2.page-asset-list h2.history-title,
body.skin-v2.page-asset-list h3.history-title {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
max-width: 100%;
flex: 1 1 auto;
min-width: 0;
}
body.skin-v2.page-asset-list .history-head {
flex-wrap: nowrap !important;
gap: 10px;
min-width: 0;
}
body.skin-v2.page-asset-list .history-head .filter-btn {
flex: 0 0 auto;
white-space: nowrap;
}
}
/* @section-R3: sub-card value+unit right-aligned column (label/value axis fix) */
@media (max-width: 640px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-grid .assets02,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-grid .assets03,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-grid .assets04,
body.skin-v2.page-asset-list .ga-dashboard-v3 .asset-grid .assets05,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 {
padding: 12px !important;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02 .assetcont,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03 .assetcont,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04 .assetcont,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 .assetcont {
display: flex;
align-items: baseline;
justify-content: flex-end;
gap: 4px;
min-width: 0;
overflow: hidden;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02 .assetcont .assets-num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03 .assetcont .assets-num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04 .assetcont .assets-num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 .assetcont .assets-num {
font-variant-numeric: tabular-nums;
text-align: right;
font-size: clamp(15px, 4.4vw, 20px) !important;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02 .assetcont > p,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03 .assetcont > p,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04 .assetcont > p,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 .assetcont > p {
font-size: 10px;
text-transform: uppercase;
letter-spacing: 0.08em;
color: rgba(199,162,74,0.75);
flex: 0 0 auto;
}
}
/* @section-R3: iPhoneSE header chips — 2-row wrap with min 44px touch target */
@media (max-width: 380px) {
body.skin-v2.page-asset-list .LoginNew-Wrap {
flex-wrap: wrap !important;
row-gap: 8px;
column-gap: 8px;
justify-content: flex-end;
}
body.skin-v2.page-asset-list .LoginNew-Wrap > a {
flex: 0 1 auto;
min-height: 44px !important;
padding: 10px 12px !important;
font-size: 12px !important;
}
body.skin-v2.page-asset-list .LoginNew-Wrap > a.logout-btn {
order: 3;
}
}
/* @section-R3: MENU button affordance on iPhoneSE (visual hint) */
@media (max-width: 480px) {
body.skin-v2.page-asset-list #header .bt-menu,
body.skin-v2.page-asset-list .header-wrap .bt-menu,
body.skin-v2.page-asset-list a.bt-menu {
min-height: 44px;
min-width: 44px;
border: 1px solid rgba(199,162,74,0.35);
border-radius: 8px;
padding: 8px 12px;
display: inline-flex;
align-items: center;
gap: 6px;
}
body.skin-v2.page-asset-list #header .bt-menu::before,
body.skin-v2.page-asset-list .header-wrap .bt-menu::before,
body.skin-v2.page-asset-list a.bt-menu::before {
content: "";
display: inline-block;
width: 16px;
height: 12px;
background:
linear-gradient(currentColor, currentColor) top/100% 2px no-repeat,
linear-gradient(currentColor, currentColor) center/100% 2px no-repeat,
linear-gradient(currentColor, currentColor) bottom/100% 2px no-repeat;
opacity: 0.9;
}
}
/* @section-R3: footer fixed nav — stronger safe-area handling across all mobile */
@media (max-width: 900px) {
body.skin-v2.page-asset-list {
padding-bottom: calc(84px + env(safe-area-inset-bottom, 0px)) !important;
}
body.skin-v2.page-asset-list #footer-wrap {
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 4px) !important;
}
body.skin-v2.page-asset-list #footer-wrap #footer > div > a {
min-height: 52px;
padding: 8px 4px 10px;
}
body.skin-v2.page-asset-list .footer-seal,
body.skin-v2.page-asset-list #footer-wrap .copyright {
padding-bottom: 0;
}
}
/* @section-R3: hero number container max-width / overflow lockdown (all viewports) */
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 {
min-width: 0;
max-width: 100%;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assetcont {
max-width: 100%;
overflow-x: hidden;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assetcont .assets-num {
max-width: 100%;
min-width: 0;
overflow-wrap: anywhere;
}
/* =========================================================
@section-R4: PC/MOBILE follow-up — 2026-04-21
========================================================= */
/* @section-R4-PC1: 1920/1440/1280 — equalize hero vs 2x2 sub grid height */
@media (min-width: 1280px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 {
display: grid;
grid-template-columns: minmax(360px, 1fr) 2fr;
grid-auto-rows: 1fr;
align-items: stretch;
gap: 20px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 {
grid-column: 1 / 2;
grid-row: 1 / 3;
align-self: stretch;
display: flex;
flex-direction: column;
justify-content: space-between;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 {
min-height: 0;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 > .div-cont {
display: contents;
}
}
/* @section-R4-PC2: hero number vs sparkline clearance (1440/1280) */
@media (min-width: 1280px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont {
padding-right: 16px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont .assets-num {
max-width: calc(100% - 8px);
font-size: clamp(26px, 2.4vw, 40px);
letter-spacing: -0.01em;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .hero-spark,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 svg.hero-spark {
margin-top: 14px;
padding-top: 8px;
border-top: 1px solid rgba(199,162,74,0.15);
}
}
/* @section-R4-PC3: 1440/1280 meta-lines align & label tone */
@media (min-width: 1280px) {
body.skin-v2.page-asset-list .ga-dashboard-v3-head {
align-items: baseline;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta {
display: flex;
flex-direction: column;
align-items: flex-end;
gap: 4px;
line-height: 1.5;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta .meta-line {
color: rgba(94, 75, 36, 0.65);
font-size: 12px;
letter-spacing: 0.04em;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta .meta-line > b {
color: rgba(94, 75, 36, 0.95);
font-weight: 600;
margin-left: 4px;
}
}
/* @section-R4-PC4: empty table integration (desktop+tablet) */
body.skin-v2.page-asset-list .asset-history-empty,
body.skin-v2.page-asset-list .history-empty-state {
margin-top: -1px;
border-top: 1px dashed rgba(199,162,74,0.2);
background: linear-gradient(180deg, rgba(255,253,247,0.4) 0%, transparent 100%);
}
body.skin-v2.page-asset-list .history-thead-empty th,
body.skin-v2.page-asset-list table.empty thead th,
body.skin-v2.page-asset-list .asset-history-table[data-empty="true"] thead th {
opacity: 0.45;
color: rgba(94, 75, 36, 0.6);
font-weight: 500;
}
/* @section-R4-PC5: 1280 account utility row — tighten to header visual */
@media (min-width: 1024px) and (max-width: 1439px) {
body.skin-v2.page-asset-list .LoginNew-Wrap {
margin-top: -12px;
margin-bottom: 16px;
display: flex;
justify-content: flex-end;
gap: 8px;
}
body.skin-v2.page-asset-list .LoginNew-Wrap > a {
font-size: 11px;
padding: 6px 10px;
letter-spacing: 0.06em;
}
}
/* @section-R4-PC6: 1024 tab — consolidate utility row into header band */
@media (min-width: 900px) and (max-width: 1100px) {
body.skin-v2.page-asset-list .LoginNew-Wrap {
position: relative;
margin-top: -24px;
margin-bottom: 12px;
padding: 6px 0;
border-bottom: 1px solid rgba(199,162,74,0.15);
}
}
/* @section-R4-PC7: 1024 hero sparkline — add min/max tick labels via CSS */
@media (min-width: 900px) and (max-width: 1100px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .hero-spark-wrap,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 figure.spark {
position: relative;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 svg.hero-spark::after {
content: "";
}
}
/* @section-R4-PC8: 768 tab — breadcrumb/eyebrow align to card grid padding */
@media (min-width: 720px) and (max-width: 900px) {
body.skin-v2.page-asset-list .ga-dashboard-v3-head {
padding-left: 20px;
padding-right: 20px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .eyebrow {
margin-left: 0;
padding-left: 0;
}
body.skin-v2.page-asset-list .ga-dashboard-v3-head .meta {
margin-top: 6px;
flex-direction: row;
flex-wrap: wrap;
gap: 10px;
justify-content: flex-start;
font-size: 12px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 {
padding-left: 20px;
padding-right: 20px;
}
}
/* @section-R4-M1: CRITICAL — hero number overflow on narrow mobile (≤412px) */
@media (max-width: 412px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 {
overflow: hidden;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont {
flex-wrap: wrap;
align-items: baseline;
max-width: 100%;
overflow-x: hidden;
padding-right: 4px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont .assets-num {
font-size: clamp(20px, 6.4vw, 30px) !important;
letter-spacing: -0.02em;
max-width: 100%;
min-width: 0;
display: inline-block;
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont > p {
font-size: 11px;
margin-left: 6px;
}
}
/* @section-R4-M1b: GalaxyS9+ (360px) hard cap */
@media (max-width: 360px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .assetcont .assets-num {
font-size: clamp(18px, 6vw, 26px) !important;
}
}
/* @section-R4-M2: hero card aspect ratio — reduce vertical stretching */
@media (max-width: 480px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 {
padding-top: 16px;
padding-bottom: 16px;
row-gap: 10px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .hero-extra,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .chip-row {
margin-top: 6px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 svg.hero-spark,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 .hero-spark {
height: 48px !important;
max-height: 48px;
}
}
/* @section-R4-M3: sub cards — 2x2 grid on mobile */
@media (max-width: 480px) {
body.skin-v2.page-asset-list .ga-dashboard-v3 {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 > .div-cont {
display: contents;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets01 {
grid-column: 1 / -1;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 {
min-height: 0;
padding: 12px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02 .assetcont,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03 .assetcont,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04 .assetcont,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 .assetcont {
display: flex;
align-items: baseline;
justify-content: space-between;
flex-wrap: nowrap;
gap: 4px;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02 .assetcont .assets-num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03 .assetcont .assets-num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04 .assetcont .assets-num,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 .assetcont .assets-num {
text-align: right;
flex: 1 1 auto;
font-size: 16px;
min-width: 0;
}
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets02 .assetcont > p,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets03 .assetcont > p,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets04 .assetcont > p,
body.skin-v2.page-asset-list .ga-dashboard-v3 .assets05 .assetcont > p {
font-size: 10px;
color: rgba(94, 75, 36, 0.6);
letter-spacing: 0.08em;
flex: 0 0 auto;
margin-left: 4px;
}
}
/* @section-R4-M4: footer tab-bar safe-area (home indicator) */
@media (max-width: 900px) {
body.skin-v2.page-asset-list #footer-wrap,
body.skin-v2.page-asset-list #footer {
padding-bottom: calc(env(safe-area-inset-bottom, 0px) + 6px) !important;
}
body.skin-v2.page-asset-list #footer-wrap #footer > div > a {
min-height: 56px;
}
}
/* @section-R4-M5: My Assets history title — prevent 3-line wrap */
@media (max-width: 480px) {
body.skin-v2.page-asset-list .asset-history-head h2,
body.skin-v2.page-asset-list .asset-history-head h3,
body.skin-v2.page-asset-list .asset-history-section > h2,
body.skin-v2.page-asset-list .asset-history-section > h3,
body.skin-v2.page-asset-list section.asset-history > header h2,
body.skin-v2.page-asset-list section.asset-history > header h3 {
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
min-width: 0;
flex: 1 1 auto;
font-size: 15px;
letter-spacing: 0.02em;
}
body.skin-v2.page-asset-list .asset-history-head,
body.skin-v2.page-asset-list .asset-history-section > header {
flex-wrap: wrap;
row-gap: 6px;
}
}
/* @section-R4-M6: chip row alignment (buy/transfer와 동일 — min-height 강제 제거) */
@media (max-width: 480px) {
body.skin-v2.page-asset-list .LoginNew-Wrap {
gap: 6px !important;
column-gap: 6px !important;
}
body.skin-v2.page-asset-list .LoginNew-Wrap > a {
min-height: auto !important;
padding: 7px 14px !important;
display: inline-flex;
align-items: center;
justify-content: center;
}
}
/* @section-R4-M7: empty-state compact on mobile */
@media (max-width: 480px) {
body.skin-v2.page-asset-list .asset-history-empty,
body.skin-v2.page-asset-list .history-empty-state,
body.skin-v2.page-asset-list .no-data,
body.skin-v2.page-asset-list .asset-history-section .empty {
min-height: 0;
padding: 24px 16px !important;
}
}
/* @section-R4-M8: FILTER button alignment & badge clarity on narrow vp */
@media (max-width: 380px) {
body.skin-v2.page-asset-list .asset-history-filter,
body.skin-v2.page-asset-list .filter-btn {
flex: 0 0 auto;
order: 2;
}
body.skin-v2.page-asset-list .asset-history-filter .badge,
body.skin-v2.page-asset-list .filter-btn .badge,
body.skin-v2.page-asset-list .filter-count {
background: rgba(199,162,74,0.12);
color: rgba(94,75,36,0.75);
min-width: 18px;
padding: 0 6px;
border-radius: 10px;
font-size: 10px;
}
}
/* @section-R4-M9: global mobile overflow-x lockdown */
@media (max-width: 480px) {
body.skin-v2.page-asset-list,
body.skin-v2.page-asset-list #container-wrap,
body.skin-v2.page-asset-list #contents,
body.skin-v2.page-asset-list .mcont01 {
overflow-x: hidden;
max-width: 100vw;
}
}
/* 2026-04-23: buy Transaction 테이블 thead/tbody 셀 가운데 정렬 통일 (PC·모바일 공통)
(content.css의 nth-child(3/5/6/7) right-align 덮어씀) */
body.skin-v2.page-buy .Buy-list li.bd-A table thead tr th,
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td,
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td:nth-child(1),
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td:nth-child(2),
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td:nth-child(3),
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td:nth-child(4),
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td:nth-child(5),
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td:nth-child(6),
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td:nth-child(7),
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th,
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td,
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(1),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(2),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(3),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(4),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(5),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(6),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(7) {
text-align: center !important;
}
@media (max-width: 768px) {
body.skin-v2.page-buy .Buy-list li.bd-A table thead tr th,
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td,
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th,
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td {
text-align: center !important;
}
}
/* 2026-04-23: buy Transaction 테이블 컬럼 너비 고정 — 행별 셀 위치 정렬 통일
(table-layout:auto + nowrap 조합으로 행별 컬럼 폭이 어긋나 보이는 문제 해결) */
body.skin-v2.page-buy #contents .Buy-list li.table-A > div[style*="overflow-x"] {
overflow-x: auto;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table,
body.skin-v2.page-buy .Buy-list li.bd-A table {
table-layout: fixed !important;
width: 100% !important;
min-width: 820px;
border-collapse: collapse;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th,
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td,
body.skin-v2.page-buy .Buy-list li.bd-A table thead tr th,
body.skin-v2.page-buy .Buy-list li.bd-A table tbody tr td {
vertical-align: middle !important;
text-align: center !important;
word-break: keep-all;
white-space: nowrap;
}
/* 컬럼별 고정 너비: 7개 컬럼 합 = 100% */
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th:nth-child(1),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(1) { width: 10%; }
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th:nth-child(2),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(2) { width: 18%; }
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th:nth-child(3),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(3) { width: 13%; }
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th:nth-child(4),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(4) { width: 18%; }
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th:nth-child(5),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(5) { width: 13%; }
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th:nth-child(6),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(6) { width: 14%; }
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th:nth-child(7),
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:nth-child(7) { width: 14%; }
/* 빈 셀도 최소 높이 유지 (행 높이 일치) */
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td:empty::before {
content: "—";
opacity: 0.35;
}
@media (max-width: 768px) {
body.skin-v2.page-buy #contents .Buy-list li.table-A table,
body.skin-v2.page-buy .Buy-list li.bd-A table {
min-width: 760px;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr th,
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr td {
font-size: 12px;
padding: 0.5em 0.3em;
}
}
/* ================================================================
2026-04-23: member 테이블 — 모바일에서도 데스크톱 동일 가로 테이블 유지
(theme-detail-v3.css 카드화 규칙 전면 무효화)
================================================================ */
/* 래퍼에 가로 스크롤 활성화 */
body.skin-v2.page-member .table-01 {
overflow-x: auto !important;
-webkit-overflow-scrolling: touch;
}
/* 테이블 고정 레이아웃 + 최소 너비 */
body.skin-v2.page-member .table-01 table {
table-layout: fixed !important;
width: 100% !important;
min-width: 780px;
border-collapse: collapse;
display: table !important;
}
body.skin-v2.page-member .table-01 thead {
display: table-header-group !important;
}
body.skin-v2.page-member .table-01 tbody {
display: table-row-group !important;
}
body.skin-v2.page-member .table-01 tbody tr {
display: table-row !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
body.skin-v2.page-member .table-01 thead td,
body.skin-v2.page-member .table-01 tbody td {
display: table-cell !important;
vertical-align: middle !important;
text-align: center !important;
word-break: keep-all;
white-space: nowrap;
justify-content: initial !important;
}
/* 컬럼별 동일 너비 — 6 컬럼 ÷ 100% = 16.6667% (사장님 요청 2026-05-03: 컬럼 사이 여백 균등) */
body.skin-v2.page-member .table-01 table thead td,
body.skin-v2.page-member .table-01 table tbody td { width: 16.6667% !important; }
/* Subscription date 컬럼 — 헤더 2줄(
) + 데이터 폰트 축소 + 가운데 정렬 */
body.skin-v2.page-member .table-01 thead td:nth-child(2) {
line-height: 1.2 !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
}
body.skin-v2.page-member .table-01 tbody td:nth-child(2) {
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-size: 12px !important;
letter-spacing: 0.02em !important;
text-align: center !important;
}
/* 모바일 768px 이하 — 카드화 규칙 완전 무효화 + 폰트 축소
2026-04-29: overflow-x auto가 가로 스크롤바 회색 바 만드는 이슈 → hidden */
@media (max-width: 768px) {
body.skin-v2.page-member .table-01 {
overflow-x: hidden !important;
border: none !important;
}
body.skin-v2.page-member .table-01 table {
display: table !important;
width: 100% !important;
min-width: 760px;
}
body.skin-v2.page-member .table-01 thead {
display: table-header-group !important;
}
body.skin-v2.page-member .table-01 tbody {
display: table-row-group !important;
}
body.skin-v2.page-member .table-01 tbody tr {
display: table-row !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: none !important;
border-radius: 0 !important;
}
body.skin-v2.page-member .table-01 thead td,
body.skin-v2.page-member .table-01 tbody td {
display: table-cell !important;
justify-content: initial !important;
text-align: center !important;
vertical-align: middle !important;
font-size: 12px !important;
font-weight: 400 !important;
letter-spacing: 0.02em !important;
padding: 10px 8px !important;
}
body.skin-v2.page-member .table-01 thead td {
font-weight: 500 !important;
letter-spacing: 0.08em !important;
font-size: 10px !important;
}
/* 768~641 가로스크롤 모드: 날짜 셀 더 작게 + 가운데 + 모노 */
body.skin-v2.page-member .table-01 tbody td:nth-child(2) {
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-size: 11px !important;
letter-spacing: 0.02em !important;
text-align: center !important;
}
}
/* Member 테이블 — 카드 모드 통일 블록 제거 (2026-05-04 사장님 revert 지시)
사유: 가로 테이블 레이아웃(PC/iPad/모바일 모두 가로)으로 되돌림. USDT/길이 셀 줄바꿈 허용.
이전 커밋 8a956bd의 카드 모드 통일을 이 위치에서 무효화. theme-detail-v3.css의 :is() 통일 블록에서도 .page-member 제거 완료. */
/* ================================================================
Buy Transaction 카드 모드 통일 블록 제거 (2026-05-04 사장님 revert 지시)
사유: PC/iPad/모바일 모두 가로 테이블 레이아웃으로 되돌림 (그림11 패턴).
카드 모드(라벨좌/값우 세로 카드) 통일 룰을 이 위치에서 무효화.
theme-detail-v3.css의 :is() 통일 selector에서도 .page-buy 제거 완료.
가로 테이블 강제 override는 파일 끝(Member 블록 다음)에 추가됨.
================================================================ */
/* ════════════════════════════════════════════════════════════
2026-04-29 — page-header-inject.js 가 만든 .ga-dashboard-v3-head
를 buy / transfer / withdrawal / withdrawal-list / reward / member / rules / join
페이지에도 적용 (asset_list 와 같은 시각). 고객 요청: h2 + meta 한 줄 정렬
════════════════════════════════════════════════════════════ */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head {
display: flex;
align-items: center;
justify-content: space-between;
gap: 16px;
flex-wrap: nowrap;
padding: 0 4px 18px;
border-bottom: 1px solid rgba(199,162,74,0.20);
margin: 0 0 22px;
min-width: 0;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head > div:first-child {
flex: 0 1 auto;
min-width: 0;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head .eyebrow {
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 10px;
letter-spacing: 0.16em;
text-transform: uppercase;
color: var(--gold-deep, #8c6b1f);
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head h2 {
font-family: 'Cormorant Garamond', 'Playfair Display', serif;
font-style: italic;
font-weight: 500;
font-size: clamp(22px, 3vw, 36px);
color: var(--ink, #1a1208);
margin: 4px 0 0;
line-height: 1.05;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head .meta {
flex: 0 1 auto;
min-width: 0;
font-family: 'JetBrains Mono', ui-monospace, monospace;
font-size: 11px;
letter-spacing: 0.10em;
color: var(--subink, #3a2f1a);
text-align: right;
line-height: 1.5;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head .meta-line {
display: block;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}
@media (max-width: 640px) {
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head {
gap: 10px;
padding: 0 2px 14px;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head .eyebrow {
display: none;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head h2 {
font-size: clamp(18px, 5.4vw, 26px);
margin: 0;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head .meta {
font-size: 10px;
letter-spacing: 0.08em;
}
/* meta-currency 는 보조 정보이므로 좁은 폭에선 숨김 (asset_list 모바일 정책과 동일) */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-rules, .page-join) .ga-dashboard-v3-head .meta-currency {
display: none;
}
}
/* 2026-05-03 — 위 override 블록 제거 — 모바일 responsive card-mode 복원 (사장님 요청) */
/* ═══════════════════════════════════════════════════════════════════════
2026-05-02 그림7 — Withdrawal 페이지 출금 폼 깔끔한 2-col (사장님 요청)
─────────────────────────────────────────────────────────────────────
문제: 모바일에서 라벨이 "(withdrawab le)" 처럼 어색하게 줄바꿈
해결: 을 CSS Grid 2-col (라벨 / input)로 강제, 모든 viewport 동일 룩
═══════════════════════════════════════════════════════════════════════ */
body.skin-v2.page-withdrawal div.Members ul {
display: grid !important;
grid-template-columns: minmax(0, max-content) minmax(0, 1fr) !important; /* 라벨 col = max-content, 입력 col = 풀폭 stretch */
column-gap: clamp(10px, 2vw, 20px) !important;
row-gap: clamp(10px, 1.5vw, 16px) !important;
align-items: center !important;
justify-items: stretch !important; /* grid item이 col 풀폭 stretch 보장 */
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
width: 100% !important;
box-sizing: border-box !important;
}
/* 기본 li = 라벨 (1열) — 한 줄 강제, 잘림 없이 풀 표시 + grid track 전체 차지 */
body.skin-v2.page-withdrawal div.Members ul > li {
list-style: none !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
font-family: 'Pretendard Variable', system-ui, sans-serif !important;
font-size: clamp(12px, 1.3vw, 14px) !important;
font-weight: 500 !important;
color: var(--ink, #1a1208) !important;
line-height: 1.4 !important;
white-space: nowrap !important; /* 한 줄 강제 */
overflow: visible !important; /* 잘림 없음 */
text-overflow: clip !important;
text-align: left !important;
word-break: keep-all !important; /* theme-ga-v2.css의 break-word override */
overflow-wrap: normal !important;
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
justify-self: stretch !important;
box-sizing: border-box !important;
}
/* input/select 자식 있는 li = 입력 (2열, 오른쪽 정렬 — 사장님 요청) */
body.skin-v2.page-withdrawal div.Members ul > li:has(input),
body.skin-v2.page-withdrawal div.Members ul > li:has(select) {
display: flex !important;
align-items: center !important;
justify-content: flex-end !important;
gap: 8px !important;
position: relative !important;
white-space: normal !important;
overflow: visible !important;
}
/* input/select 박스 — col 2 풀폭 + 안 텍스트 우측 정렬 (사장님 요청, 반응형) */
body.skin-v2.page-withdrawal div.Members ul > li input[type="text"],
body.skin-v2.page-withdrawal div.Members ul > li input[type="number"],
body.skin-v2.page-withdrawal div.Members ul > li input[type="password"],
body.skin-v2.page-withdrawal div.Members ul > li select {
flex: 1 1 0 !important; /* col 2 풀폭으로 채움 (잘림 0) */
min-width: 0 !important;
width: 100% !important;
max-width: 100% !important;
height: 44px !important;
line-height: 22px !important;
padding: 11px 14px !important;
border: 1px solid var(--line, #d3c7a7) !important;
border-radius: 10px !important;
background: #f5efe0 !important;
color: var(--ink, #1a1208) !important;
font-family: 'Pretendard Variable', system-ui, sans-serif !important;
font-size: 15px !important;
text-align: right !important; /* 안 텍스트 우측 정렬 */
vertical-align: middle !important;
box-sizing: border-box !important;
-moz-appearance: textfield !important;
appearance: textfield !important;
}
/* USDT 단위 input — 통합 박스 (input + Unit absolute) */
body.skin-v2.page-withdrawal div.Members ul > li:has(.Unit),
body.skin-v2.page-withdrawal div.Members ul > li.li_calc {
position: relative !important;
}
body.skin-v2.page-withdrawal div.Members ul > li:has(.Unit) input,
body.skin-v2.page-withdrawal div.Members ul > li.li_calc input {
padding: 11px 56px 11px 14px !important; /* 우측 56px = USDT 자리 */
}
body.skin-v2.page-withdrawal div.Members ul > li:has(.Unit) .Unit,
body.skin-v2.page-withdrawal div.Members ul > li.li_calc .Unit {
position: absolute !important;
right: 14px !important;
top: 50% !important;
transform: translateY(-50%) !important;
font-family: 'JetBrains Mono', monospace !important;
font-size: 11px !important;
letter-spacing: 0.10em !important;
text-transform: uppercase !important;
color: var(--gold-deep, #8c6b1f) !important;
font-weight: 600 !important;
white-space: nowrap !important;
user-select: none !important;
pointer-events: none !important;
}
/* number input spinner 제거 */
body.skin-v2.page-withdrawal div.Members ul > li input[type="number"]::-webkit-outer-spin-button,
body.skin-v2.page-withdrawal div.Members ul > li input[type="number"]::-webkit-inner-spin-button {
-webkit-appearance: none !important;
margin: 0 !important;
}
/* 빈 li — 숨김 + grid 자리 0 */
body.skin-v2.page-withdrawal div.Members ul > li:empty {
display: none !important;
}
/* fee 안내 li (style="height: 4em;") — 풀폭 카드 */
body.skin-v2.page-withdrawal div.Members ul > li[style*="height"] {
grid-column: 1 / -1 !important;
height: auto !important;
padding: 10px 14px !important;
background: rgba(199, 162, 74, 0.06) !important;
border-radius: 8px !important;
border: 1px solid rgba(199, 162, 74, 0.18) !important;
text-align: left !important;
}
body.skin-v2.page-withdrawal div.Members ul > li[style*="height"] span {
color: var(--gold-deep, #8c6b1f) !important;
font-size: 12px !important;
letter-spacing: 0 !important;
text-transform: none !important;
font-weight: 500 !important;
line-height: 1.5 !important;
}
/* 라디오 li (USDT 선택) — 풀폭 */
body.skin-v2.page-withdrawal div.Members ul > li.radio_li {
grid-column: 1 / -1 !important;
display: flex !important;
align-items: center !important;
gap: 12px !important;
padding: 4px 0 !important;
}
body.skin-v2.page-withdrawal div.Members ul > li.radio_li .radiobox {
display: flex !important;
gap: 16px !important;
align-items: center !important;
}
body.skin-v2.page-withdrawal div.Members ul > li.radio_li label {
display: inline-flex !important;
align-items: center !important;
gap: 8px !important;
font-family: 'JetBrains Mono', monospace !important;
font-size: 12px !important;
letter-spacing: 0.10em !important;
text-transform: uppercase !important;
color: var(--ink, #1a1208) !important;
cursor: pointer !important;
}
/* withd-line — radio 아래 분리선 */
body.skin-v2.page-withdrawal .Members .withd-line {
height: 1px;
background: rgba(199, 162, 74, 0.18);
margin: 8px 0 12px;
grid-column: 1 / -1;
}
/* 모바일 ≤480 — 폰트 살짝 축소, 라벨 col 너비 제한 (input col 풀폭 보장) */
@media (max-width: 480px) {
/* 카드 padding 축소 — input이 카드 외곽 가장자리(세로 라인)까지 더 바짝 붙음 */
body.skin-v2.page-withdrawal .Members.withdrawal {
padding-left: 10px !important;
padding-right: 10px !important;
}
body.skin-v2.page-withdrawal div.Members ul {
/* 라벨 col = 최대 38% 한계, input col = 1fr 풀폭 (카드 우측 끝까지 채움) */
grid-template-columns: minmax(0, 38%) minmax(0, 1fr) !important;
column-gap: 10px !important;
}
body.skin-v2.page-withdrawal div.Members ul > li {
font-size: 12px !important;
/* 모바일 라벨은 줄바꿈 허용 (긴 라벨 잘리지 않게) */
white-space: normal !important;
line-height: 1.3 !important;
}
body.skin-v2.page-withdrawal div.Members ul > li:has(input),
body.skin-v2.page-withdrawal div.Members ul > li:has(select) {
width: 100% !important;
min-width: 0 !important;
max-width: 100% !important;
justify-self: stretch !important;
}
body.skin-v2.page-withdrawal div.Members ul > li input[type="text"],
body.skin-v2.page-withdrawal div.Members ul > li input[type="number"],
body.skin-v2.page-withdrawal div.Members ul > li input[type="password"],
body.skin-v2.page-withdrawal div.Members ul > li select {
font-size: 13px !important;
padding: 10px 12px !important;
width: 100% !important;
max-width: 100% !important;
flex: 1 1 0 !important;
}
body.skin-v2.page-withdrawal div.Members ul > li:has(.Unit) input,
body.skin-v2.page-withdrawal div.Members ul > li.li_calc input {
padding: 10px 48px 10px 12px !important;
}
body.skin-v2.page-withdrawal div.Members ul > li[style*="height"] span {
font-size: 11px !important;
}
}
/* iPad/태블릿 가로 테이블 룰 제거 (2026-05-04) — 모든 viewport에서 모바일 카드 모드로 통일 (사장님 요청) */
/* ================================================================
Subscription date 컬럼 — 모든 viewport에서 강제 적용
(search-table 클래스 포함 specificity 최대 + 카드 모드 column layout)
2026-05-02
================================================================ */
body.skin-v2.page-member .table-01.search-table tbody td:nth-child(2),
body.skin-v2.page-member .table-01 tbody td:nth-child(2) {
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-size: 12px !important;
letter-spacing: 0.02em !important;
text-align: center !important;
}
body.skin-v2.page-member .table-01.search-table thead td:nth-child(2),
body.skin-v2.page-member .table-01 thead td:nth-child(2) {
line-height: 1.2 !important;
padding-top: 8px !important;
padding-bottom: 8px !important;
text-align: center !important;
}
@media (max-width: 768px) {
body.skin-v2.page-member .table-01.search-table tbody td:nth-child(2),
body.skin-v2.page-member .table-01 tbody td:nth-child(2) {
font-size: 11px !important;
}
}
@media (max-width: 640px) {
/* mobile-nav.css가 카드 모드 차단 + 가로 테이블 강제하므로 그 의도 존중.
specificity로 mobile-nav.css의 td text-align:left를 이기도록 page-member 한정 강화. */
body.skin-v2.page-member .table-01 tbody td:nth-child(2),
body.skin-v2.page-member .search-table tbody td:nth-child(2),
body.skin-v2.page-member .table-01.search-table tbody td:nth-child(2) {
text-align: center !important;
font-family: 'JetBrains Mono', ui-monospace, monospace !important;
font-size: 12px !important;
letter-spacing: 0.02em !important;
white-space: nowrap !important;
}
body.skin-v2.page-member .table-01 thead td:nth-child(2),
body.skin-v2.page-member .search-table thead td:nth-child(2),
body.skin-v2.page-member .table-01.search-table thead td:nth-child(2) {
text-align: center !important;
line-height: 1.2 !important;
white-space: normal !important;
padding-top: 6px !important;
padding-bottom: 6px !important;
}
}
/* ════════════════════════════════════════════════════════════
Member 가로 테이블 강제 (2026-05-04 사장님 revert 지시)
사유: PC/iPad/모바일 모두 가로 테이블로 되돌림. USDT/긴 셀 줄바꿈 허용.
#contents ID 포함으로 specificity (1,3,2) 확보 — mobile-nav.css의
`body.skin-v2 .table-01 table` (0,2,2) 등 모든 비-ID 룰을 확실히 이김.
════════════════════════════════════════════════════════════ */
@media all {
body.skin-v2.page-member #contents .table-01 table {
display: table !important;
table-layout: fixed !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
border-collapse: collapse !important;
}
body.skin-v2.page-member #contents .table-01 thead {
display: table-header-group !important;
}
body.skin-v2.page-member #contents .table-01 thead tr {
display: table-row !important;
}
body.skin-v2.page-member #contents .table-01 tbody {
display: table-row-group !important;
}
body.skin-v2.page-member #contents .table-01 tbody tr {
display: table-row !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
}
body.skin-v2.page-member #contents .table-01 thead td,
body.skin-v2.page-member #contents .table-01 thead th,
body.skin-v2.page-member #contents .table-01 tbody td {
display: table-cell !important;
padding: 6px 2px !important;
text-align: center !important;
vertical-align: middle !important;
border: 0 !important;
border-bottom: 1px solid rgba(199,162,74,0.15) !important;
width: auto !important;
min-width: 0 !important;
max-width: none !important;
white-space: normal !important;
word-break: break-all !important;
overflow-wrap: anywhere !important;
line-height: 1.25 !important;
justify-content: initial !important;
align-items: initial !important;
flex-direction: initial !important;
gap: 0 !important;
}
/* 컬럼 폭 재배분 — NO는 좁게(단일 숫자), 나머지 5컬럼 균등 */
body.skin-v2.page-member #contents .table-01 thead td:nth-child(1),
body.skin-v2.page-member #contents .table-01 thead th:nth-child(1),
body.skin-v2.page-member #contents .table-01 tbody td:nth-child(1) {
width: 7% !important;
}
body.skin-v2.page-member #contents .table-01 thead td:nth-child(2),
body.skin-v2.page-member #contents .table-01 thead th:nth-child(2),
body.skin-v2.page-member #contents .table-01 tbody td:nth-child(2),
body.skin-v2.page-member #contents .table-01 thead td:nth-child(3),
body.skin-v2.page-member #contents .table-01 thead th:nth-child(3),
body.skin-v2.page-member #contents .table-01 tbody td:nth-child(3),
body.skin-v2.page-member #contents .table-01 thead td:nth-child(4),
body.skin-v2.page-member #contents .table-01 thead th:nth-child(4),
body.skin-v2.page-member #contents .table-01 tbody td:nth-child(4),
body.skin-v2.page-member #contents .table-01 thead td:nth-child(5),
body.skin-v2.page-member #contents .table-01 thead th:nth-child(5),
body.skin-v2.page-member #contents .table-01 tbody td:nth-child(5),
body.skin-v2.page-member #contents .table-01 thead td:nth-child(6),
body.skin-v2.page-member #contents .table-01 thead th:nth-child(6),
body.skin-v2.page-member #contents .table-01 tbody td:nth-child(6) {
width: 18.6% !important;
}
body.skin-v2.page-member #contents .table-01 tbody td::before,
body.skin-v2.page-member #contents .table-01 thead td::before {
display: none !important;
content: "" !important;
}
body.skin-v2.page-member #contents .table-01 {
overflow-x: hidden !important;
overflow-y: hidden !important;
background: transparent !important;
padding: 0 !important;
border: 0 !important;
border-radius: 0 !important;
width: 100% !important;
max-width: 100% !important;
}
/* 좁은 viewport: 글자 더 작게 + 라벨(헤더) 더 작게 (그림3 squeeze 패턴) */
body.skin-v2.page-member #contents .table-01 tbody td {
font-size: clamp(9px, 2.4vw, 13px) !important;
}
body.skin-v2.page-member #contents .table-01 thead td,
body.skin-v2.page-member #contents .table-01 thead th {
font-size: clamp(8px, 2.1vw, 11px) !important;
letter-spacing: 0.02em !important;
font-weight: 600 !important;
}
}
/* ════════════════════════════════════════════════════════════
Buy 거래내역 가로 테이블 강제 (2026-05-04 사장님 revert 지시)
사유: PC/iPad/모바일 모두 가로 테이블로 되돌림 (그림11 = Member 가로 테이블 동일 패턴).
USDT/긴 셀 줄바꿈 허용. #contents ID 포함 specificity 확보.
대상 markup: .Buy-list li.bd-A.table-A > table (7컬럼: Transaction No / Purchase Date / Purchase Amount / Sale Date / Sale Revenue / Total / Progress)
════════════════════════════════════════════════════════════ */
@media all {
body.skin-v2.page-buy #contents .Buy-list li.table-A {
display: block !important;
width: 100% !important;
max-width: 100% !important;
position: static !important;
left: auto !important;
transform: none !important;
padding: 0 !important;
overflow: visible !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A > div[style*="overflow-x"] {
overflow-x: hidden !important;
border: 0 !important;
background: transparent !important;
padding: 0 !important;
border-radius: 0 !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table {
display: table !important;
table-layout: fixed !important;
width: 100% !important;
max-width: 100% !important;
min-width: 0 !important;
border-collapse: collapse !important;
background: transparent !important;
border: 0 !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table thead {
display: table-header-group !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead tr,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table thead tr {
display: table-row !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table tbody {
display: table-row-group !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody tr,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table tbody tr {
display: table-row !important;
padding: 0 !important;
margin: 0 !important;
background: transparent !important;
border: 0 !important;
border-radius: 0 !important;
box-shadow: none !important;
width: auto !important;
max-width: none !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead td,
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead th,
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody td,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table thead td,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table thead th,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table tbody td {
display: table-cell !important;
padding: 6px 3px !important;
text-align: center !important;
vertical-align: middle !important;
border: 0 !important;
border-bottom: 1px solid rgba(199,162,74,0.15) !important;
width: 14.2857% !important;
min-width: 0 !important;
max-width: none !important;
white-space: normal !important;
word-break: break-all !important;
overflow-wrap: anywhere !important;
line-height: 1.25 !important;
flex: initial !important;
justify-content: initial !important;
align-items: initial !important;
flex-direction: initial !important;
gap: 0 !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody td::before,
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead td::before,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table tbody td::before,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table thead td::before {
display: none !important;
content: "" !important;
}
/* 좁은 viewport: 글자 더 작게 + 라벨(헤더) 더 작게 (그림3 squeeze 패턴) */
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody td,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table tbody td {
font-size: clamp(9px, 2.0vw, 13px) !important;
color: var(--ink, #1a1208) !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead td,
body.skin-v2.page-buy #contents .Buy-list li.table-A table thead th,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table thead td,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table thead th {
font-size: clamp(8px, 1.8vw, 11px) !important;
letter-spacing: 0.02em !important;
font-weight: 600 !important;
color: var(--gold-deep, #8c6b1f) !important;
}
/* 날짜 셀 ga-tx-stack: 카드 모드용 column flex 해제 + inline 표시 */
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody td .ga-tx-stack,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table tbody td .ga-tx-stack {
display: inline !important;
flex-direction: row !important;
align-items: initial !important;
gap: 0 !important;
line-height: inherit !important;
}
body.skin-v2.page-buy #contents .Buy-list li.table-A table tbody td .ga-tx-time,
body.skin-v2.page-buy #contents .Buy-list li.bd-A table tbody td .ga-tx-time {
font-size: 0.85em !important;
opacity: 0.75 !important;
display: block !important;
}
}
/* 2026-05-07: 5개 카드 값(.assetcont) baseline 통일
문제: Protection Deposit 등 타이틀이 2줄로 줄바꿈되면 값이 아래로 밀려서
같은 row 의 다른 카드(Acorn Assets 1줄)와 값 y위치가 안 맞음.
해결: 카드를 flex column 으로 만들고 .assetcont 를 margin-top:auto 로 카드 하단 고정. */
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 {
display: flex !important;
flex-direction: column !important;
}
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets02 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets03 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets04 .assetcont,
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets05 .assetcont {
margin-top: auto !important;
}
/* 2026-05-07: 모바일 — assets01도 .assetcont margin-top:auto 적용
데스크톱은 assets01이 큰 좌측 카드(grid-row 1/span 2)라 별개 취급이지만,
모바일은 2-column 그리드에서 assets01 옆에 assets02 가 와서 같은 row 가 됨.
같은 row 의 두 카드 값 baseline 통일을 위해 모바일에서만 assets01 도 동일 처리. */
@media (max-width:768px) {
body.skin-v2:is(.page-buy, .page-transfer, .page-reward, .page-member, .page-withdrawal, .page-withdrawal-list, .page-asset-list) .mcont01 > .div-cont > .assets01 .assetcont {
margin-top: auto !important;
}
}