@import url('https://fonts.googleapis.com/css2?family=Gowun+Batang:wght@400;700&family=Nanum+Gothic+Coding:wght@400;700&family=Nanum+Pen+Script&display=swap');
/* === moneywise — 머니와이즈 브리프 (금융) · 2026-10-10 신설 ===
   은유: 은행 통장·가계부. 크림색 종이 + 통장 표지 녹색(#2F5A49) + 인주색 도장(#C23B22) + 통장 괘선 청회색(#B8C7D3).
   제목 Gowun Batang · 날짜·번호 Nanum Gothic Coding(통장 인자) · 본문 Pretendard. 접두어 mw- */
.skin-moneywise {
    --mw-paper: #F6EFDF;
    --mw-paper-2: #FBF6EA;
    --mw-sheet: #FFFCF4;
    --mw-cover: #2F5A49;
    --mw-cover-d: #1D3C31;
    --mw-gold: #C9A55C;
    --mw-seal: #C23B22;
    --mw-rule: #B8C7D3;
    --mw-rule-2: #DCE4EA;
    --mw-ink: #2F2A24;
    --mw-text: #4A4136;
    --mw-muted: #7A6C5A;
    --mw-line: #E2D6BD;
    --mw-blue: #3E5C7A;
    --mw-serif: 'Gowun Batang', 'Noto Serif KR', serif;
    --mw-mono: 'Nanum Gothic Coding', 'D2Coding', monospace;
    --mw-pen: 'Nanum Pen Script', cursive;
    background: var(--mw-paper) url(/assets/skins/moneywise/paper.svg);
    color: var(--mw-text); overflow-x: clip;
}
.skin-moneywise a { color: inherit; text-decoration: none; }
.skin-moneywise h1, .skin-moneywise h2, .skin-moneywise h3, .skin-moneywise h4 { font-family: var(--mw-serif); color: var(--mw-ink); letter-spacing: -0.02em; }
.skin-moneywise svg { flex-shrink: 0; }

/* 분류 색 — 아이콘·태그에만 쓴다 */
.skin-moneywise .tone-rate    { --tone: #3E5C7A; --tone-bg: #E3EAF0; }
.skin-moneywise .tone-loan    { --tone: #8A5A2B; --tone-bg: #F3E7D6; }
.skin-moneywise .tone-stock   { --tone: #B23A27; --tone-bg: #F7E2DC; }
.skin-moneywise .tone-insure  { --tone: #2F5A49; --tone-bg: #E0EBE4; }
.skin-moneywise .tone-pension { --tone: #7A5C8E; --tone-bg: #ECE5F0; }
.skin-moneywise .tone-tax     { --tone: #9A7413; --tone-bg: #F4EBCF; }
.skin-moneywise .tone-fintech { --tone: #2C6E7A; --tone-bg: #DDEDEF; }
.skin-moneywise .tone-saving  { --tone: #A2552E; --tone-bg: #F5E4D8; }
.skin-moneywise .tone-general { --tone: #5A4E3E; --tone-bg: #EEE6D6; }

/* ── 머리글: 통장 표지 띠 ── */
.skin-moneywise .main-header {
    background: var(--mw-cover); border-bottom: 0; padding: 0; margin: 0; box-shadow: 0 2px 0 var(--mw-cover-d);
}
.skin-moneywise .main-header::after {
    content: ''; display: block; height: 10px;
    background: url(/assets/skins/moneywise/guilloche.svg) left center / 120px 10px repeat-x, var(--mw-cover-d);
}
.skin-moneywise .main-header .containerHeader {
    flex-direction: row; justify-content: space-between; align-items: center; text-align: left;
    max-width: 1200px; min-height: 74px; gap: 24px;
}
.skin-moneywise .main-header .brand-logo,
.skin-moneywise .main-header .brand-logo a {
    font-family: var(--mw-serif) !important; font-size: 1.5rem; margin: 0; letter-spacing: -0.02em; color: #FBF3DF;
}
.skin-moneywise .main-header .brand-logo a { display: inline-flex; align-items: center; gap: 10px; font-weight: 700; }
.skin-moneywise .main-header .brand-logo a::before {
    content: ''; width: 40px; height: 40px; flex: 0 0 40px; border-radius: 10px;
    background: #FBF3DF url(/assets/skins/moneywise/mark.svg) center/32px no-repeat;
}
.skin-moneywise .main-header nav { width: auto; border-top: 0; padding-top: 0; }
.skin-moneywise .main-header nav ul { justify-content: flex-end; gap: 2px; flex-wrap: nowrap; }
.skin-moneywise .main-header nav ul li a {
    color: #E9DFC6; font-weight: 600; font-size: .92rem; text-transform: none; padding: 9px 12px; border-radius: 6px 6px 0 0;
    border-bottom: 2px solid transparent;
}
.skin-moneywise .main-header nav ul li a:hover { color: #fff; border-bottom-color: var(--mw-gold); background: rgba(255, 255, 255, .06); }
.skin-moneywise .main-header .dropdown { background: var(--mw-sheet); border: 1px solid var(--mw-line); border-radius: 8px; }
.skin-moneywise .main-header .dropdown li a { color: var(--mw-ink); }
.skin-moneywise .main-header .menu-toggle {
    background: #FBF3DF; color: var(--mw-cover); border-radius: 8px; min-width: 56px; min-height: 42px;
    font: 700 .9rem/1 var(--mw-serif); padding: 0 14px; border: 1px solid var(--mw-gold);
}
/* 모바일 메뉴: 통장 목차 */
.skin-moneywise .mobile-menu-overlay {
    background: var(--mw-sheet) repeating-linear-gradient(180deg, transparent 0 55px, var(--mw-rule-2) 55px 56px);
    padding: 92px 22px 32px; counter-reset: mwm;
}
.skin-moneywise .mobile-menu-header { background: var(--mw-cover); border-bottom: 4px solid var(--mw-cover-d); padding: 14px 18px; }
.skin-moneywise .mobile-menu-header .logo { color: #FBF3DF; font-family: var(--mw-serif); font-weight: 700; font-size: 1.25rem; }
.skin-moneywise .close-menu { background: #FBF3DF; color: var(--mw-cover); min-height: 40px; border-radius: 8px; font-family: var(--mw-serif); }
.skin-moneywise .mobile-menu-overlay > a {
    color: var(--mw-ink); min-height: 56px; display: flex; align-items: center; gap: 14px; padding: 0 4px; border-bottom: 0;
    font: 700 1.05rem/1.3 var(--mw-serif); counter-increment: mwm;
}
.skin-moneywise .mobile-menu-overlay > a::before {
    content: counter(mwm, decimal-leading-zero); font: 700 .8rem/1 var(--mw-mono); color: var(--mw-seal);
    border: 1.5px solid var(--mw-seal); border-radius: 50%; width: 32px; height: 32px; display: grid; place-items: center; flex: 0 0 32px;
}

/* ── 공통 ── */
.skin-moneywise main.container { max-width: 1200px; }
.skin-moneywise .mw-btn {
    display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 24px;
    border-radius: 6px; font-weight: 700; font-size: 1rem; transition: transform .15s, background .2s; box-sizing: border-box;
}
.skin-moneywise .mw-btn-solid { background: var(--mw-cover); color: #FBF3DF; box-shadow: 0 3px 0 var(--mw-cover-d); }
.skin-moneywise .mw-btn-solid:hover { transform: translateY(-1px); background: #356651; }
.skin-moneywise .mw-btn-line { border: 1.5px solid var(--mw-ink); color: var(--mw-ink); background: var(--mw-sheet); box-shadow: 0 3px 0 var(--mw-line); }
.skin-moneywise .mw-btn-line:hover { background: #fff; }
.skin-moneywise .mw-btn-sm { min-height: 44px; padding: 0 16px; font-size: .9rem; }

.skin-moneywise .mw-tag {
    display: inline-flex; align-items: center; gap: 5px; width: fit-content; max-width: 100%;
    padding: 3px 9px 3px 7px; border-radius: 4px; background: var(--tone-bg); color: var(--tone);
    font-size: .76rem; font-weight: 700; line-height: 1.3; border: 1px solid color-mix(in srgb, var(--tone) 25%, transparent);
}
.skin-moneywise .mw-tag span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.skin-moneywise .mw-stamp { display: inline-block; color: var(--mw-seal); line-height: 0; }
.skin-moneywise .mw-stamp svg { width: 100%; height: 100%; }

.skin-moneywise .mw-thumb { position: relative; overflow: hidden; background: #E9DDC3; aspect-ratio: 16 / 10; }
.skin-moneywise .mw-thumb-img { position: absolute; inset: 0; background: center/cover no-repeat; filter: sepia(.55) saturate(.8) contrast(1.02); transition: transform .5s; }
.skin-moneywise .mw-thumb-tone { position: absolute; inset: 0; background: linear-gradient(180deg, rgba(246, 239, 223, 0) 50%, rgba(47, 42, 36, .28)); }
.skin-moneywise .mw-thumb-mark {
    position: absolute; right: 12px; bottom: 12px; width: 38px; height: 38px; border-radius: 50%;
    display: grid; place-items: center; background: var(--mw-sheet); color: var(--mw-seal); border: 2px solid var(--mw-seal);
}
.skin-moneywise a:hover .mw-thumb-img { transform: scale(1.04); }

.skin-moneywise .mw-sec-head { margin: 0 0 26px; scroll-margin-top: 90px; border-bottom: 2px solid var(--mw-ink); padding-bottom: 14px; }
.skin-moneywise .mw-sec-label { display: flex; align-items: center; gap: 10px; margin: 0 0 8px; font: 700 .82rem/1 var(--mw-mono); color: var(--mw-muted); letter-spacing: .04em; }
.skin-moneywise .mw-sec-code { display: inline-block; padding: 4px 7px; background: var(--mw-ink); color: var(--mw-paper); border-radius: 3px; font-family: var(--mw-mono); }
.skin-moneywise .mw-sec-title { font-size: 2.1rem; line-height: 1.25; margin: 0; font-weight: 700; }
.skin-moneywise .mw-sec-desc { margin: 8px 0 0; color: var(--mw-muted); font-size: 1rem; line-height: 1.6; }
.skin-moneywise .mw-section { padding: 68px 0 8px; }
.skin-moneywise .mw-section-top { padding-top: 40px; }
.skin-moneywise #latest, .skin-moneywise #accounts { scroll-margin-top: 90px; }

/* ── 메인 첫 화면 ── */
.skin-moneywise .mw-hero {
    position: relative; display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.02fr); gap: 48px; align-items: center; padding: 60px 0 56px;
}
.skin-moneywise .mw-hero-label { display: flex; align-items: center; gap: 12px; margin: 0 0 22px; font: 700 .86rem/1 var(--mw-mono); color: var(--mw-muted); }
.skin-moneywise .mw-hero-label span { color: var(--mw-seal); border: 1.5px solid var(--mw-seal); padding: 5px 9px; border-radius: 3px; transform: rotate(-2deg); }
.skin-moneywise .mw-hero-title { font-size: 3.4rem; line-height: 1.22; margin: 0 0 22px; font-weight: 700; word-break: keep-all; }
.skin-moneywise .mw-hero-title em {
    font-style: normal; color: var(--mw-cover);
    background: linear-gradient(transparent 68%, rgba(201, 165, 92, .45) 68% 92%, transparent 92%);
}
.skin-moneywise .mw-hero-lead { font-size: 1.08rem; line-height: 1.8; margin: 0 0 30px; max-width: 34em; word-break: keep-all; }
.skin-moneywise .mw-hero-cta { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 26px; }
.skin-moneywise .mw-hero-trust {
    display: flex; align-items: center; gap: 12px; margin: 0; padding: 12px 16px; max-width: 34em;
    background: var(--mw-sheet); border: 1px dashed var(--mw-line); border-radius: 6px; font-size: .92rem; color: var(--mw-text);
}
.skin-moneywise .mw-hero-trust-stamp { width: 46px; height: 46px; flex: 0 0 46px; transform: rotate(-10deg); opacity: .9; }
.skin-moneywise .mw-hero-visual { position: relative; }
.skin-moneywise .mw-hero-art { width: 100%; height: auto; display: block; filter: drop-shadow(0 18px 24px rgba(47, 42, 36, .18)); }

.skin-moneywise .mw-rules {
    list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
    border-top: 1px solid var(--mw-ink); border-bottom: 1px solid var(--mw-ink);
}
.skin-moneywise .mw-rules li { padding: 16px 18px; font-family: var(--mw-serif); font-weight: 700; color: var(--mw-ink); display: flex; gap: 12px; align-items: baseline; }
.skin-moneywise .mw-rules li + li { border-left: 1px solid var(--mw-line); }
.skin-moneywise .mw-rules-k { font: 700 .74rem/1 var(--mw-mono); color: var(--mw-seal); flex: 0 0 auto; }

/* ── 계정과목 장부 ── */
.skin-moneywise .mw-accounts { background: var(--mw-sheet); border: 1px solid var(--mw-line); border-radius: 6px; box-shadow: 0 2px 0 var(--mw-line), 0 12px 30px rgba(47, 42, 36, .06); overflow: hidden; }
.skin-moneywise .mw-accounts-head, .skin-moneywise .mw-acct { display: grid; grid-template-columns: 96px minmax(150px, 220px) minmax(0, 1fr) 120px; align-items: center; }
.skin-moneywise .mw-accounts-head { background: #EFE3C8; font: 700 .8rem/1 var(--mw-mono); color: #6B5537; }
.skin-moneywise .mw-accounts-head span { padding: 13px 18px; }
.skin-moneywise .mw-acct { border-top: 1px solid var(--mw-rule); min-height: 64px; transition: background .2s; }
.skin-moneywise .mw-acct > span { padding: 12px 18px; }
.skin-moneywise .mw-acct > span + span { border-left: 1px solid var(--mw-rule-2); }
.skin-moneywise .mw-acct:hover { background: #FFF6E2; }
.skin-moneywise .mw-acct-code { font: 700 1rem/1 var(--mw-mono); color: var(--mw-seal); align-self: stretch; display: flex; align-items: center; }
.skin-moneywise .mw-acct-name { display: flex; align-items: center; gap: 10px; min-width: 0; align-self: stretch; }
.skin-moneywise .mw-acct-name strong { font: 700 1.12rem/1.3 var(--mw-serif); color: var(--mw-ink); overflow-wrap: anywhere; }
.skin-moneywise .mw-acct-icon { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 8px; display: grid; place-items: center; background: var(--tone-bg); color: var(--tone); }
.skin-moneywise .mw-acct-memo { color: var(--mw-muted); font-size: .92rem; line-height: 1.5; align-self: stretch; display: flex; align-items: center; }
.skin-moneywise .mw-acct-count { display: flex; align-items: center; justify-content: flex-end; gap: 6px; font: 400 .88rem/1 var(--mw-mono); color: var(--mw-muted); align-self: stretch; }
.skin-moneywise .mw-acct-count b { font-size: 1.1rem; color: var(--mw-ink); }
.skin-moneywise .mw-acct-count em { font-style: normal; color: var(--mw-blue); }
.skin-moneywise .mw-acct.is-active { background: #FFF1D6; }

/* ── 주요 기록 ── */
.skin-moneywise .mw-feature > a {
    position: relative; display: grid; grid-template-columns: minmax(0, 1.05fr) minmax(0, 1fr); background: var(--mw-sheet);
    border: 1px solid var(--mw-line); border-radius: 6px; overflow: hidden; box-shadow: 0 3px 0 var(--mw-line), 0 16px 34px rgba(47, 42, 36, .08);
}
.skin-moneywise .mw-feature-thumb { aspect-ratio: auto; min-height: 340px; }
.skin-moneywise .mw-feature-body {
    padding: 36px 40px 40px; display: flex; flex-direction: column; gap: 16px;
    border-left: 3px double var(--mw-seal);
}
.skin-moneywise .mw-feature-date { margin: 0; display: flex; align-items: center; gap: 12px; flex-wrap: wrap; font: 700 .9rem/1 var(--mw-mono); color: var(--mw-blue); }
.skin-moneywise .mw-feature-title { margin: 0; font-size: 1.85rem; line-height: 1.38; overflow-wrap: anywhere; word-break: keep-all; padding-right: 60px; }
.skin-moneywise .mw-feature-excerpt { margin: 0; line-height: 1.8; color: var(--mw-text); }
.skin-moneywise .mw-feature-more { margin-top: auto; display: inline-flex; align-items: center; gap: 8px; font-weight: 700; color: var(--mw-cover); border-bottom: 2px solid var(--mw-cover); width: fit-content; padding-bottom: 3px; }
.skin-moneywise .mw-feature-stamp { position: absolute; right: 22px; top: 20px; width: 84px; height: 84px; transform: rotate(12deg); opacity: .85; }

/* ── 전표 카드 ── */
.skin-moneywise .mw-slips { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 24px; margin-top: 34px; }
.skin-moneywise .mw-slip > a {
    position: relative; display: flex; flex-direction: column; height: 100%; background: var(--mw-sheet); border: 1px solid var(--mw-line);
    box-shadow: 0 2px 0 var(--mw-line); transition: transform .2s, box-shadow .2s;
}
.skin-moneywise .mw-slip > a::before {
    content: ''; position: absolute; left: 0; right: 0; top: -6px; height: 6px;
    background: radial-gradient(circle at 6px 6px, var(--mw-paper) 4px, transparent 4.5px) 0 0 / 14px 12px repeat-x;
}
.skin-moneywise .mw-slip > a:hover { transform: translateY(-3px); box-shadow: 0 10px 22px rgba(47, 42, 36, .12); }
.skin-moneywise .mw-slip-top { display: flex; justify-content: space-between; gap: 10px; padding: 10px 14px; border-bottom: 1px dashed var(--mw-line); font: 400 .8rem/1 var(--mw-mono); color: var(--mw-muted); }
.skin-moneywise .mw-slip-no { color: var(--mw-seal); font-weight: 700; }
.skin-moneywise .mw-slip-body { display: flex; flex-direction: column; gap: 10px; padding: 16px 16px 12px; flex: 1; }
.skin-moneywise .mw-slip-title { margin: 0; font-size: 1.12rem; line-height: 1.45; overflow-wrap: anywhere; word-break: keep-all; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.skin-moneywise .mw-slip-excerpt { margin: 0; font-size: .9rem; line-height: 1.65; color: var(--mw-muted); display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.skin-moneywise .mw-slip-foot { display: flex; justify-content: space-between; padding: 11px 0; border-top: 1px solid var(--mw-ink); margin: 0 16px; font: 400 .82rem/1 var(--mw-mono); color: var(--mw-muted); }
.skin-moneywise .mw-slip-foot b { color: var(--mw-ink); }

/* ── 통장 거래 내역 줄 ── */
.skin-moneywise .mw-rows { background: var(--mw-sheet); border: 1px solid var(--mw-line); border-radius: 6px; overflow: hidden; box-shadow: 0 2px 0 var(--mw-line); }
.skin-moneywise .mw-rows-head, .skin-moneywise .mw-rows li > a { display: grid; grid-template-columns: 64px 110px minmax(0, 1fr) 150px 70px; align-items: center; }
.skin-moneywise .mw-rows-head { background: #EFE3C8; font: 700 .8rem/1 var(--mw-mono); color: #6B5537; }
.skin-moneywise .mw-rows-head span { padding: 12px 14px; }
.skin-moneywise .mw-rows ol { list-style: none; margin: 0; padding: 0; }
.skin-moneywise .mw-rows li { border-top: 1px solid var(--mw-rule); }
.skin-moneywise .mw-rows li:nth-child(even) { background: rgba(239, 227, 200, .22); }
.skin-moneywise .mw-rows li > a { min-height: 58px; }
.skin-moneywise .mw-rows li > a > * { padding: 12px 14px; }
.skin-moneywise .mw-rows li > a:hover { background: #FFF6E2; }
.skin-moneywise .mw-row-no { font: 700 .86rem/1 var(--mw-mono); color: var(--mw-seal); }
.skin-moneywise .mw-row-date { font: 400 .86rem/1 var(--mw-mono); color: var(--mw-blue); }
.skin-moneywise .mw-row-title { font: 700 1.02rem/1.5 var(--mw-serif); color: var(--mw-ink); overflow-wrap: anywhere; word-break: keep-all; }
.skin-moneywise .mw-row-cat { min-width: 0; }
.skin-moneywise .mw-row-amt { font: 700 .9rem/1 var(--mw-mono); color: var(--mw-ink); text-align: right; }

/* ── 가계부 점검표 ── */
.skin-moneywise .mw-check { position: relative; margin-top: 76px; padding: 64px 0; }
.skin-moneywise .mw-check::before {
    content: ''; position: absolute; z-index: -1; top: 0; bottom: 0; left: calc(50% - 50vw); right: calc(50% - 50vw);
    background: var(--mw-cover) url(/assets/skins/moneywise/paper.svg);
}
.skin-moneywise .mw-check-inner { display: grid; grid-template-columns: minmax(0, .8fr) minmax(0, 2fr); gap: 44px; align-items: start; }
.skin-moneywise .mw-check-intro { color: #E9DFC6; position: relative; }
.skin-moneywise .mw-check-intro .mw-sec-label { color: #CFC3A6; }
.skin-moneywise .mw-check-intro .mw-sec-code { background: var(--mw-gold); color: var(--mw-cover-d); }
.skin-moneywise .mw-check-title { color: #FBF3DF; font-size: 2rem; line-height: 1.35; margin: 0 0 16px; }
.skin-moneywise .mw-check-desc { margin: 0; line-height: 1.75; font-size: .95rem; }
.skin-moneywise .mw-check-stamp { width: 92px; height: 92px; margin-top: 22px; color: #F2B9A8; transform: rotate(-12deg); opacity: .9; }
.skin-moneywise .mw-check-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.skin-moneywise .mw-check-card {
    background: var(--mw-sheet);
    border-radius: 4px; padding: 20px 20px 22px 30px; position: relative; box-shadow: 0 4px 0 rgba(0, 0, 0, .18);
}
.skin-moneywise .mw-check-card::before { content: ''; position: absolute; left: 18px; top: 0; bottom: 0; width: 1.5px; background: rgba(194, 59, 34, .45); }
.skin-moneywise .mw-check-card header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 10px; }
.skin-moneywise .mw-check-icon { width: 38px; height: 38px; border-radius: 8px; display: grid; place-items: center; background: var(--tone-bg); color: var(--tone); }
.skin-moneywise .mw-check-no { font: 700 .78rem/1 var(--mw-mono); color: var(--mw-seal); }
.skin-moneywise .mw-check-card h3 { margin: 0 0 10px; font-size: 1.2rem; }
.skin-moneywise .mw-check-card ul { list-style: none; margin: 0; padding: 0; }
.skin-moneywise .mw-check-card li { display: flex; gap: 10px; align-items: flex-start; font-size: .92rem; line-height: 1.6; padding: 6px 0; }
.skin-moneywise .mw-box { flex: 0 0 20px; width: 20px; height: 20px; margin-top: 2px; border: 1.5px solid var(--mw-ink); border-radius: 3px; display: grid; place-items: center; color: var(--mw-seal); background: #fff; }
.skin-moneywise .mw-check-link { display: inline-flex; align-items: center; gap: 6px; margin-top: 12px; font-weight: 700; font-size: .9rem; color: var(--mw-cover); border-bottom: 1.5px solid currentColor; }

/* ── 뒤표지(안내) ── */
.skin-moneywise .mw-back { margin-top: 80px; border-top: 2px solid var(--mw-ink); padding: 44px 0 40px; }
.skin-moneywise .mw-check + .mw-back { margin-top: 0; }
.skin-moneywise .pagination-container + .mw-back { margin-top: 56px; }
.skin-moneywise .mw-back-inner { display: grid; grid-template-columns: 1.2fr 1fr 1.2fr; gap: 40px; }
.skin-moneywise .mw-back-brand strong { display: flex; align-items: center; gap: 10px; font: 700 1.35rem/1.3 var(--mw-serif); color: var(--mw-ink); }
.skin-moneywise .mw-back-mark { display: inline-block; width: 42px; height: 42px; vertical-align: middle; margin-bottom: 10px; background: url(/assets/skins/moneywise/mark.svg) center/contain no-repeat; }
.skin-moneywise .mw-back-brand p { margin: 10px 0 0; line-height: 1.7; font-size: .92rem; color: var(--mw-muted); }
.skin-moneywise .mw-back-col h3 { margin: 0 0 12px; font-size: 1rem; padding-bottom: 8px; border-bottom: 1px solid var(--mw-line); }
.skin-moneywise .mw-back-col ul { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: 1fr 1fr; gap: 6px 14px; }
.skin-moneywise .mw-back-col li a { display: flex; gap: 8px; font-size: .92rem; padding: 3px 0; }
.skin-moneywise .mw-back-col li a span { font-family: var(--mw-mono); color: var(--mw-seal); font-size: .8rem; padding-top: 2px; }
.skin-moneywise .mw-back-note p { margin: 0 0 8px; font-size: .88rem; line-height: 1.7; color: var(--mw-muted); }
.skin-moneywise footer { background: var(--mw-cover-d); color: rgba(251, 243, 223, .6); margin-top: 0; padding: 22px 0; text-align: left; font-size: .82rem; }
.skin-moneywise footer .container { max-width: 1200px; }
.skin-moneywise footer p { margin: 0; font-family: var(--mw-mono); }

/* ── 빈 화면 ── */
.skin-moneywise .mw-empty { display: grid; grid-template-columns: minmax(0, 380px) minmax(0, 1fr); gap: 36px; align-items: center; background: var(--mw-sheet); border: 1px solid var(--mw-line); border-radius: 6px; padding: 32px; }
.skin-moneywise .mw-empty-page { position: relative; display: flex; flex-direction: column; background: #FFFDF7; border: 1px solid var(--mw-line); padding: 0 0 12px; }
.skin-moneywise .mw-empty-head { display: grid; grid-template-columns: 70px 1fr 70px; background: #EFE3C8; font: 700 .76rem/1 var(--mw-mono); color: #6B5537; }
.skin-moneywise .mw-empty-head i { font-style: normal; padding: 10px 12px; }
.skin-moneywise .mw-empty-line { height: 34px; border-bottom: 1px solid var(--mw-rule); margin: 0 12px; }
.skin-moneywise .mw-empty-stamp { position: absolute; right: 22px; bottom: 26px; width: 92px; height: 92px; transform: rotate(-14deg); opacity: .85; }
.skin-moneywise .mw-empty-copy h3 { margin: 0 0 10px; font-size: 1.5rem; }
.skin-moneywise .mw-empty-copy p { margin: 0; line-height: 1.75; color: var(--mw-muted); }

/* ── 글 화면 ── */
.skin-moneywise .mw-crumb { display: flex; gap: 8px; align-items: center; padding: 22px 0 0; font: 400 .86rem/1 var(--mw-mono); color: var(--mw-muted); }
.skin-moneywise .mw-crumb a:hover { color: var(--mw-seal); }
.skin-moneywise .mw-post-head { position: relative; margin: 18px 0 34px; padding: 0 0 26px; border-bottom: 3px double var(--mw-ink); }
.skin-moneywise .mw-post-strip { display: flex; flex-wrap: wrap; border: 1px solid var(--mw-rule); background: var(--mw-sheet); width: fit-content; max-width: 100%; margin-bottom: 20px; }
.skin-moneywise .mw-post-strip > span { padding: 9px 14px; font: 400 .86rem/1.2 var(--mw-mono); color: var(--mw-ink); display: flex; gap: 8px; align-items: center; }
.skin-moneywise .mw-post-strip > span + span { border-left: 1px solid var(--mw-rule); }
.skin-moneywise .mw-post-strip i { font-style: normal; font-weight: 700; color: var(--mw-muted); font-size: .76rem; }
.skin-moneywise .mw-post-title { margin: 0; font-size: 2.5rem; line-height: 1.35; font-weight: 700; max-width: 22em; padding-right: 110px; overflow-wrap: anywhere; word-break: keep-all; }
.skin-moneywise .mw-post-stamp { position: absolute; right: 6px; top: 50px; width: 96px; height: 96px; transform: rotate(10deg); opacity: .85; }
.skin-moneywise .mw-post-layout { display: grid; grid-template-columns: minmax(0, 1fr) 300px; gap: 56px; align-items: start; }
.skin-moneywise .mw-post { min-width: 0; max-width: 760px; }
.skin-moneywise .mw-post-thumb { aspect-ratio: 16 / 8; border: 1px solid var(--mw-line); margin: 0 0 34px; border-radius: 4px; }
.skin-moneywise .mw-body { font-size: 1.08rem; line-height: 1.9; color: #3A332B; }
.skin-moneywise .mw-body p { margin: 0 0 1.4em; }
.skin-moneywise .mw-body h2 {
    font-size: 1.5rem; line-height: 1.4; margin: 2.2em 0 .8em; padding: 0 0 10px; border-bottom: 1px solid var(--mw-rule); position: relative;
}
.skin-moneywise .mw-body h2::after { content: ''; position: absolute; left: 0; bottom: -1px; width: 64px; height: 3px; background: var(--mw-seal); }
.skin-moneywise .mw-body h3 { font-size: 1.22rem; margin: 1.8em 0 .6em; padding-left: 12px; border-left: 4px solid var(--mw-gold); }
.skin-moneywise .mw-body a { color: var(--mw-blue); border-bottom: 1px solid rgba(62, 92, 122, .4); font-weight: 600; }
.skin-moneywise .mw-body ul, .skin-moneywise .mw-body ol { padding-left: 1.3em; margin: 0 0 1.4em; }
.skin-moneywise .mw-body li { margin: .35em 0; }
.skin-moneywise .mw-body li::marker { color: var(--mw-seal); }
.skin-moneywise .mw-body blockquote { margin: 1.6em 0; padding: 16px 20px; background: var(--mw-sheet); border-left: 4px solid var(--mw-cover); color: var(--mw-text); }
.skin-moneywise .mw-body table { width: 100%; border-collapse: collapse; margin: 1.6em 0; font-size: .95rem; background: var(--mw-sheet); }
.skin-moneywise .mw-body th { background: #EFE3C8; font-family: var(--mw-mono); font-size: .86rem; color: #6B5537; text-align: left; }
.skin-moneywise .mw-body th, .skin-moneywise .mw-body td { padding: 10px 12px; border: 1px solid var(--mw-rule); vertical-align: top; }
.skin-moneywise .mw-body img { max-width: 100%; height: auto; border-radius: 4px; }
.skin-moneywise .mw-notice { display: flex; gap: 16px; align-items: center; margin-top: 44px; padding: 18px 20px; background: var(--mw-sheet); border: 1px dashed var(--mw-seal); border-radius: 6px; }
.skin-moneywise .mw-notice-stamp { width: 54px; height: 54px; flex: 0 0 54px; transform: rotate(-10deg); }
.skin-moneywise .mw-notice p { margin: 0; font-size: .9rem; line-height: 1.7; color: var(--mw-text); }
.skin-moneywise .mw-notice strong { display: block; color: var(--mw-seal); margin-bottom: 2px; }
.skin-moneywise .mw-rail { position: sticky; top: 110px; display: flex; flex-direction: column; gap: 18px; }
.skin-moneywise .mw-rail-box { background: var(--mw-sheet); border: 1px solid var(--mw-line); border-radius: 6px; padding: 20px; box-shadow: 0 2px 0 var(--mw-line); }
.skin-moneywise .mw-rail-acct { border-top: 5px solid var(--tone); }
.skin-moneywise .mw-rail-label { margin: 0 0 10px; font: 700 .78rem/1 var(--mw-mono); color: var(--mw-muted); }
.skin-moneywise .mw-rail-box h2 { margin: 0 0 8px; font-size: 1.3rem; display: flex; align-items: center; gap: 10px; overflow-wrap: anywhere; }
.skin-moneywise .mw-rail-icon { width: 38px; height: 38px; flex: 0 0 38px; border-radius: 8px; display: grid; place-items: center; background: var(--tone-bg); color: var(--tone); }
.skin-moneywise .mw-rail-box > p:not(.mw-rail-label) { margin: 0 0 16px; font-size: .9rem; line-height: 1.65; color: var(--mw-muted); }
.skin-moneywise .mw-rail-box .mw-btn { width: 100%; }
.skin-moneywise .mw-rail-list { list-style: none; margin: 0; padding: 0; }
.skin-moneywise .mw-rail-list li + li { border-top: 1px solid var(--mw-rule-2); }
.skin-moneywise .mw-rail-list a { display: flex; align-items: center; gap: 10px; padding: 10px 2px; font-size: .95rem; }
.skin-moneywise .mw-rail-list a:hover .mw-rail-name { color: var(--mw-seal); }
.skin-moneywise .mw-rail-code { font: 700 .8rem/1 var(--mw-mono); color: var(--mw-seal); }
.skin-moneywise .mw-rail-name { flex: 1; min-width: 0; overflow-wrap: anywhere; font-weight: 600; }
.skin-moneywise .mw-rail-count { font: 400 .8rem/1 var(--mw-mono); color: var(--mw-muted); }
.skin-moneywise .mw-related { padding-top: 76px; }

/* ── 분류 화면: 통장 표지 ── */
.skin-moneywise .mw-cover {
    position: relative; margin: 18px 0 22px; padding: 40px 44px 40px 72px; border-radius: 10px; overflow: hidden;
    background: linear-gradient(135deg, #2F5A49, #1D3C31); color: #FBF3DF;
    display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 28px; align-items: center;
    box-shadow: 0 4px 0 #142B23, 0 18px 34px rgba(29, 60, 49, .25);
}
.skin-moneywise .mw-cover::after { content: ''; position: absolute; inset: 12px 12px 12px 40px; border: 1px dashed rgba(201, 165, 92, .55); border-radius: 6px; pointer-events: none; }
.skin-moneywise .mw-cover-band { position: absolute; left: 0; top: 0; bottom: 0; width: 28px; background: rgba(0, 0, 0, .22); border-right: 1px solid rgba(201, 165, 92, .4); }
.skin-moneywise .mw-cover-main { display: flex; gap: 22px; align-items: center; min-width: 0; position: relative; z-index: 1; }
.skin-moneywise .mw-cover-icon { width: 76px; height: 76px; flex: 0 0 76px; border-radius: 50%; display: grid; place-items: center; border: 2px solid var(--mw-gold); color: var(--mw-gold); }
.skin-moneywise .mw-cover-copy { min-width: 0; }
.skin-moneywise .mw-cover-code { margin: 0 0 8px; font: 400 .84rem/1.3 var(--mw-mono); color: #CFC3A6; }
.skin-moneywise .mw-cover-title { margin: 0 0 8px; font-size: 2.6rem; line-height: 1.2; color: #FBF3DF; overflow-wrap: anywhere; word-break: keep-all; }
.skin-moneywise .mw-cover-title span { color: var(--mw-gold); font-weight: 400; }
.skin-moneywise .mw-cover-desc { margin: 0; color: #E2D8BF; line-height: 1.65; }
.skin-moneywise .mw-cover-count { position: relative; z-index: 1; display: flex; align-items: baseline; gap: 6px; padding: 16px 22px; background: #FBF3DF; color: var(--mw-ink); border-radius: 6px; font: 400 .9rem/1 var(--mw-mono); }
.skin-moneywise .mw-cover-count strong { font: 700 2.2rem/1 var(--mw-mono); color: var(--mw-seal); }
.skin-moneywise .mw-tabs { display: flex; flex-wrap: wrap; gap: 6px; margin: 0 0 26px; border-bottom: 2px solid var(--mw-ink); padding-bottom: 0; }
.skin-moneywise .mw-tab {
    display: inline-flex; align-items: center; gap: 6px; padding: 9px 14px; background: #EFE3C8; border: 1px solid var(--mw-line); border-bottom: 0;
    border-radius: 6px 6px 0 0; font-weight: 600; font-size: .92rem; color: var(--mw-text);
}
.skin-moneywise .mw-tab span { font: 700 .74rem/1 var(--mw-mono); color: var(--mw-seal); }
.skin-moneywise .mw-tab:hover { background: var(--mw-sheet); }
.skin-moneywise .mw-tab.is-active { background: var(--mw-ink); color: var(--mw-paper); border-color: var(--mw-ink); }
.skin-moneywise .mw-tab.is-active span { color: var(--mw-gold); }

/* 공용 쪽 번호 */
.skin-moneywise .pagination-container { margin: 48px 0 0 !important; }
/* (색) — 인라인 색을 은유에 맞춘다 */
.skin-moneywise .pagination { background: var(--mw-sheet) !important; border: 1px solid var(--mw-line) !important; border-radius: 6px !important; box-shadow: 0 2px 0 var(--mw-line) !important; }
.skin-moneywise .pagination .page-link { border-radius: 4px !important; font-family: var(--mw-mono); color: var(--mw-text) !important; }
.skin-moneywise .pagination .page-link.active { background: var(--mw-cover) !important; color: #FBF3DF !important; box-shadow: none !important; }

/* ── 반응형 ── */
@media (max-width: 1100px) {
    .skin-moneywise .main-header nav ul li a { padding: 8px 8px; font-size: .86rem; }
    .skin-moneywise .mw-check-inner { grid-template-columns: 1fr; gap: 28px; }
    .skin-moneywise .mw-post-layout { grid-template-columns: 1fr; gap: 40px; }
    .skin-moneywise .mw-post { max-width: none; }
    .skin-moneywise .mw-rail { position: static; display: grid; grid-template-columns: 1fr 1fr; }
}
@media (max-width: 900px) {
    .skin-moneywise .mw-hero { grid-template-columns: 1fr; gap: 30px; padding: 40px 0 44px; }
    .skin-moneywise .mw-hero-visual { max-width: 560px; }
    .skin-moneywise .mw-feature > a { grid-template-columns: 1fr; }
    .skin-moneywise .mw-feature-thumb { min-height: 0; aspect-ratio: 16 / 9; }
    .skin-moneywise .mw-feature-body { border-left: 0; border-top: 3px double var(--mw-seal); }
    .skin-moneywise .mw-slips { grid-template-columns: repeat(2, minmax(0, 1fr)); }
    .skin-moneywise .mw-check-cards { grid-template-columns: 1fr; }
    .skin-moneywise .mw-back-inner { grid-template-columns: 1fr 1fr; }
    .skin-moneywise .mw-back-brand { grid-column: 1 / -1; }
    .skin-moneywise .mw-accounts-head, .skin-moneywise .mw-acct { grid-template-columns: 76px minmax(130px, 180px) minmax(0, 1fr) 100px; }
    .skin-moneywise .mw-rows-head, .skin-moneywise .mw-rows li > a { grid-template-columns: 54px 100px minmax(0, 1fr) 120px 60px; }
}
@media (max-width: 768px) {
    .skin-moneywise .main-header .containerHeader { min-height: 62px; padding: 0 16px; }
    .skin-moneywise .main-header .brand-logo, .skin-moneywise .main-header .brand-logo a { font-size: 1.22rem; white-space: nowrap; }
    .skin-moneywise .main-header .brand-logo a::before { width: 34px; height: 34px; flex-basis: 34px; background-size: 27px; }
    .skin-moneywise .main-header .menu-toggle { display: inline-flex !important; align-items: center; justify-content: center; }
}
@media (max-width: 640px) {
    .skin-moneywise main.container { padding: 0 16px; }
    .skin-moneywise .mw-hero { padding: 30px 0 34px; gap: 24px; }
    .skin-moneywise .mw-hero-label { margin-bottom: 16px; font-size: .78rem; }
    .skin-moneywise .mw-hero-title { font-size: 2.15rem; line-height: 1.28; }
    .skin-moneywise .mw-hero-lead { font-size: 1rem; margin-bottom: 22px; }
    .skin-moneywise .mw-hero-cta .mw-btn { flex: 1 1 100%; }
    .skin-moneywise .mw-hero-trust { font-size: .86rem; }
    .skin-moneywise .mw-rules { grid-template-columns: 1fr; }
    .skin-moneywise .mw-rules li { padding: 12px 4px; }
    .skin-moneywise .mw-rules li + li { border-left: 0; border-top: 1px solid var(--mw-line); }
    .skin-moneywise .mw-section { padding-top: 50px; }
    .skin-moneywise .mw-sec-title { font-size: 1.6rem; }
    .skin-moneywise .mw-sec-desc { font-size: .92rem; }
    .skin-moneywise .mw-accounts-head { display: none; }
    .skin-moneywise .mw-acct { grid-template-columns: 52px minmax(0, 1fr) auto; grid-template-rows: auto auto; min-height: 0; padding: 12px 0; }
    .skin-moneywise .mw-acct > span { padding: 2px 12px; }
    .skin-moneywise .mw-acct > span + span { border-left: 0; }
    .skin-moneywise .mw-acct-code { grid-row: 1 / span 2; font-size: .88rem; border-right: 1px solid var(--mw-rule-2); justify-content: center; padding: 0 !important; }
    .skin-moneywise .mw-acct-name { grid-column: 2; }
    .skin-moneywise .mw-acct-icon { width: 30px; height: 30px; flex-basis: 30px; }
    .skin-moneywise .mw-acct-icon svg { width: 18px; height: 18px; }
    .skin-moneywise .mw-acct-memo { grid-column: 2 / span 2; font-size: .84rem; padding-top: 6px !important; }
    .skin-moneywise .mw-acct-count { grid-column: 3; grid-row: 1; font-size: .8rem; }
    .skin-moneywise .mw-feature-body { padding: 22px 20px 26px; gap: 12px; }
    .skin-moneywise .mw-feature-title { font-size: 1.35rem; padding-right: 0; }
    .skin-moneywise .mw-feature-excerpt { font-size: .93rem; }
    .skin-moneywise .mw-feature-stamp { width: 64px; height: 64px; right: 12px; top: 12px; }
    .skin-moneywise .mw-slips { grid-template-columns: 1fr; gap: 22px; margin-top: 28px; }
    .skin-moneywise .mw-slip > a { display: grid; grid-template-columns: 104px minmax(0, 1fr); }
    .skin-moneywise .mw-slip-top { grid-column: 1 / -1; }
    .skin-moneywise .mw-slip .mw-thumb { aspect-ratio: auto; height: 100%; min-height: 112px; }
    .skin-moneywise .mw-slip .mw-thumb-mark { width: 30px; height: 30px; right: 8px; bottom: 8px; }
    .skin-moneywise .mw-slip .mw-thumb-mark svg { width: 16px; height: 16px; }
    .skin-moneywise .mw-slip-body { padding: 12px 14px; gap: 8px; }
    .skin-moneywise .mw-slip-title { font-size: 1rem; }
    .skin-moneywise .mw-slip-excerpt { display: none; }
    .skin-moneywise .mw-slip-foot { grid-column: 1 / -1; margin: 0 14px; padding: 9px 0; }
    .skin-moneywise .mw-rows-head { display: none; }
    .skin-moneywise .mw-rows li > a { grid-template-columns: 46px minmax(0, 1fr) auto; grid-template-rows: auto auto auto; padding: 12px 0; min-height: 0; }
    .skin-moneywise .mw-rows li > a > * { padding: 2px 12px; }
    .skin-moneywise .mw-row-no { grid-row: 1 / span 3; align-self: start; padding-top: 4px !important; font-size: .78rem; }
    .skin-moneywise .mw-row-date { grid-column: 2; grid-row: 1; font-size: .78rem; }
    .skin-moneywise .mw-row-amt { grid-column: 3; grid-row: 1; font-size: .78rem; }
    .skin-moneywise .mw-row-title { grid-column: 2 / span 2; grid-row: 2; font-size: .98rem; padding-top: 6px !important; }
    .skin-moneywise .mw-row-cat { grid-column: 2 / span 2; grid-row: 3; padding-top: 6px !important; }
    .skin-moneywise .mw-check { margin-top: 60px; padding: 48px 0; }
    .skin-moneywise .mw-check-title { font-size: 1.6rem; }
    .skin-moneywise .mw-check-stamp { position: absolute; right: 0; top: 0; width: 70px; height: 70px; margin: 0; }
    .skin-moneywise .mw-back { margin-top: 60px; padding-top: 34px; }
    .skin-moneywise .mw-back-inner { grid-template-columns: 1fr; gap: 26px; }
    .skin-moneywise .mw-empty { grid-template-columns: 1fr; padding: 20px; gap: 22px; }
    .skin-moneywise .mw-empty-copy h3 { font-size: 1.3rem; }
    .skin-moneywise .mw-post-head { margin-top: 14px; }
    .skin-moneywise .mw-post-strip { max-width: calc(100% - 74px); }
    .skin-moneywise .mw-post-strip > span { padding: 7px 10px; font-size: .78rem; }
    .skin-moneywise .mw-post-title { font-size: 1.7rem; padding-right: 0; }
    .skin-moneywise .mw-post-stamp { width: 64px; height: 64px; top: -6px; right: 0; opacity: .7; }
    .skin-moneywise .mw-body { font-size: 1.02rem; line-height: 1.85; }
    .skin-moneywise .mw-body h2 { font-size: 1.3rem; }
    .skin-moneywise .mw-body table { display: block; overflow-x: auto; }
    .skin-moneywise .mw-rail { grid-template-columns: 1fr; }
    .skin-moneywise .mw-notice { align-items: flex-start; }
    .skin-moneywise .mw-notice-stamp { width: 44px; height: 44px; flex-basis: 44px; }
    .skin-moneywise .mw-cover { grid-template-columns: 1fr; padding: 28px 20px 26px 44px; gap: 18px; }
    .skin-moneywise .mw-cover::after { inset: 8px 8px 8px 30px; }
    .skin-moneywise .mw-cover-band { width: 20px; }
    .skin-moneywise .mw-cover-main { flex-direction: column; align-items: flex-start; gap: 14px; }
    .skin-moneywise .mw-cover-icon { width: 56px; height: 56px; flex-basis: 56px; }
    .skin-moneywise .mw-cover-icon svg { width: 30px; height: 30px; }
    .skin-moneywise .mw-cover-title { font-size: 1.9rem; }
    .skin-moneywise .mw-cover-count { width: fit-content; padding: 10px 16px; }
    .skin-moneywise .mw-cover-count strong { font-size: 1.6rem; }
    .skin-moneywise .mw-tabs { flex-wrap: nowrap; overflow-x: auto; margin-right: -16px; padding-right: 16px; -webkit-overflow-scrolling: touch; }
    .skin-moneywise .mw-tab { flex: 0 0 auto; }
}