@import "https://fonts.googleapis.com/css2?family=Hahmlet:wght@300;400;500;600;700&family=IBM+Plex+Sans+KR:wght@400;500;600&display=swap";:root{--paper:#f7f3ec;--card:#fffdf8;--dark:#241f1a;--dark-2:#2f2923;--dark-3:#3a332c;--ink:#241f1a;--ink-2:#6b6157;--muted:#9b9186;--muted-2:#a79c90;--on-dark:#f7f3ec;--on-dark-2:#f0e7d9;--accent:#6f6ad0;--accent-soft:#a49df0;--accent-deep:#3f3a78;--pill:#f2ddcb;--pill-2:#ddc4ab;--line:#e7ded1;--brown:#8d6f56;--bad:#b3452b;--serif:Hahmlet, serif;--sans:"IBM Plex Sans KR", system-ui, -apple-system, sans-serif;--r-card:34px;--r-inner:22px;--t-h1:40px;--t-hero:54px;--t-hero-unit:20px;--t-sentence:22px;--t-wait:23px;--t-stat:29px;--t-h2:26px;--t-pill:18px;--t-fact:25px;--t-type:42px;--pad-max:36px;--card-max:620px;--pad:clamp(26px, 5vw, var(--pad-max));--gap:clamp(12px, 2vw, 20px)}*{box-sizing:border-box}html,body{background:var(--paper);margin:0;padding:0}body{font-family:var(--sans);color:var(--ink);-webkit-font-smoothing:antialiased;word-break:keep-all;padding:clamp(14px,2vw,28px) clamp(14px,3vw,36px) 96px;overflow-x:hidden}@keyframes rise{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}.inner{max-width:1120px;margin:0 auto}.topbar{justify-content:space-between;align-items:center;gap:16px;padding:10px 6px 22px;display:flex}.topbar .brand{font-family:var(--serif);letter-spacing:-.02em;font-size:17px;font-weight:600}.topbar .note{color:var(--muted);font-size:12px}.card{background:var(--card);border-radius:var(--r-card);padding:var(--pad);margin-top:var(--gap)}.card:first-of-type{margin-top:0}.card-group,.card.ad-slot{margin-top:var(--gap)}.card.dark{background:var(--dark);color:var(--on-dark)}.panel-foot{color:#c6bbad;margin:clamp(16px,2.4vh,22px) 0 0;font-size:13px;line-height:1.75}.panel-foot b{color:var(--on-dark-2);font-weight:600}h1{font-family:var(--serif);font-weight:600;font-size:clamp(34px, calc(31.16px + .789vw), var(--t-h1));letter-spacing:-.035em;text-wrap:balance;margin:0;line-height:1.12;animation:.7s cubic-bezier(.2,.8,.2,1) both rise}.lead{color:var(--ink-2);max-width:34em;margin:clamp(16px,2.5vh,26px) 0 0;font-size:clamp(14px,1.3vw,15px);line-height:1.7}.sentence{font-family:var(--serif);font-weight:400;font-size:clamp(19px, calc(17.58px + .395vw), var(--t-sentence));letter-spacing:-.02em;color:var(--ink-2);flex-wrap:wrap;align-items:baseline;gap:8px 12px;margin-top:clamp(24px,4.5vh,36px);line-height:1.6;display:flex}.sentence input{font-family:var(--serif);color:var(--ink);background:var(--pill);text-align:center;border:none;border-radius:999px;padding:.12em .3em;font-size:1em;font-weight:600}.sentence input::placeholder{color:var(--brown);opacity:.55}.sentence input:focus{outline:2px solid var(--accent);outline-offset:2px}input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=number]{-moz-appearance:textfield}input:focus,select:focus{outline:none}.wait{font-family:var(--serif);font-weight:400;font-size:clamp(20px, calc(18.58px + .395vw), var(--t-wait));letter-spacing:-.025em;color:#6d6259;max-width:24em;margin:0;line-height:1.4}.cap{color:#b6ab9e;margin:0;font-size:13px}.count{flex-wrap:wrap;align-items:baseline;gap:0 12px;margin:8px 0 0;display:flex}.count b{font-family:var(--serif);font-weight:500;font-size:clamp(46px, calc(42.21px + 1.053vw), var(--t-hero));letter-spacing:-.045em;font-variant-numeric:tabular-nums;line-height:1.04}.count span{font-family:var(--serif);font-weight:400;font-size:clamp(18px, calc(17.05px + .263vw), var(--t-hero-unit));color:#b6ab9e}.count-bar{background:var(--dark-3);border-radius:999px;height:6px;margin-top:clamp(16px,2.5vh,22px);overflow:hidden}.count-bar>div{background:var(--accent-soft);border-radius:999px;height:6px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.stats{gap:var(--gap);flex-wrap:wrap;margin-top:clamp(20px,3.5vh,30px);display:flex}.stats>div{background:var(--dark-2);border-radius:var(--r-inner);flex:220px;padding:clamp(18px,2.4vw,26px) clamp(20px,2.8vw,32px)}.stats .v{font-family:var(--serif);font-weight:600;font-size:clamp(26px, calc(24.58px + .395vw), var(--t-stat));letter-spacing:-.03em;color:var(--on-dark-2);margin:6px 0 0}.ledger{margin:clamp(22px,3.5vh,34px) 0 clamp(26px,4vh,40px)}.ledger .cap{color:var(--ink-2);margin:22px 0 0;font-size:13px}.ledger .cap .sub-note{color:var(--muted)}.ledger .cap:first-child{margin-top:0}.split{gap:2px;height:14px;margin:12px 0 0;display:flex}.split .seg{border-radius:2px;min-width:2px}.split .seg:first-child{border-top-left-radius:5px;border-bottom-left-radius:5px}.split .seg:last-child{border-top-right-radius:5px;border-bottom-right-radius:5px}.seg.ends{background:var(--accent-soft)}.seg.base{background:var(--accent)}.seg.forever{background:var(--accent-deep)}.split-legend{color:var(--ink-2);flex-wrap:wrap;gap:4px 18px;margin:9px 0 0;font-size:12px;display:flex}.split-legend .k{align-items:center;gap:6px;display:inline-flex}.split-legend .k:before{content:"";border-radius:2px;width:9px;height:9px}.split-legend .ends:before{background:var(--accent-soft)}.split-legend .base:before{background:var(--accent)}.split-legend .forever:before{background:var(--accent-deep)}.ledger ul{border-top:1px solid var(--line);margin:14px 0 0;padding:0;list-style:none}.ledger li .n:before{content:"";vertical-align:1px;background:var(--line);border-radius:2px;width:7px;height:7px;margin-right:8px;display:inline-block}.ledger li.ends .n:before{background:var(--accent-soft)}.ledger li.base .n:before{background:var(--accent)}.ledger li.forever .n:before{background:var(--accent-deep)}.ledger li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 16px;padding:11px 0;display:grid}.ledger .n{color:var(--ink);align-self:baseline;font-size:15px}.ledger .v{font-family:var(--serif);letter-spacing:-.02em;text-align:right;align-self:baseline;font-size:20px;font-weight:600}.ledger .v:after{content:"만원";margin-left:3px;font-size:12px;font-weight:400}.ledger .w{color:var(--muted);grid-column:1/-1;font-size:12px;line-height:1.6}.ledger .foot{color:var(--ink-2);margin:16px 0 0;font-size:13px;line-height:1.75}.assume-cap{color:var(--ink-2);margin:clamp(24px,3.5vh,34px) 0 0;font-size:13px}.assume{border-top:1px solid var(--line);margin:8px 0 0;padding:0;list-style:none}.assume li{border-bottom:1px solid var(--line);grid-template-columns:1fr auto;gap:2px 16px;padding:11px 0;display:grid}.assume .n{color:var(--ink);font-size:14px}.assume .v{color:var(--ink);text-align:right;font-size:14px;font-weight:500}.assume .w{color:var(--muted);grid-column:1/-1;font-size:12px;line-height:1.6}.stats .d{color:#b6ab9e;margin:8px 0 0;font-size:12px;line-height:1.6}.card h2{font-family:var(--serif);font-weight:600;font-size:clamp(22px, calc(20.11px + .526vw), var(--t-h2));letter-spacing:-.03em;margin:0}.card .sub{color:var(--ink-2);max-width:38em;margin:10px 0 clamp(22px,3.5vh,38px);font-size:14px}.pills{flex-wrap:wrap;gap:10px;display:flex}.pill{all:unset;cursor:pointer;background:var(--pill);color:var(--ink);border-radius:999px;align-items:baseline;gap:10px;padding:13px 22px;transition:opacity .14s,background .14s;display:flex}.pill:hover{opacity:.86}.pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pill.on{background:var(--dark);color:var(--on-dark)}.pill .t{font-size:clamp(14px,1.5vw,17px);font-weight:500}.pill .d{font-family:var(--serif);font-weight:600;font-size:clamp(16px, calc(15.05px + .263vw), var(--t-pill));letter-spacing:-.02em}.pill-body{border-top:1px solid var(--line);margin-top:clamp(20px,3vh,30px);padding-top:clamp(20px,3vh,30px)}.fields{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:18px 22px;display:grid}label{color:var(--muted);flex-direction:column;gap:7px;font-size:13px;display:flex}label>input,label>select{font-family:var(--serif);color:var(--ink);border:none;border-bottom:1.5px solid var(--line);background:0 0;width:100%;padding:0 0 8px;font-size:22px;font-weight:600}label>select{font-family:var(--sans);font-size:17px;font-weight:500}label>input:focus,label>select:focus{border-bottom-color:var(--accent)}input[type=range]{-webkit-appearance:none;appearance:none;background:0 0;width:100%;height:26px}input[type=range]::-webkit-slider-runnable-track{background:var(--line);border-radius:999px;height:8px}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;background:var(--accent);cursor:grab;border-radius:999px;width:26px;height:26px;margin-top:-9px}input[type=range]::-moz-range-track{background:var(--line);border-radius:999px;height:8px}input[type=range]::-moz-range-thumb{background:var(--accent);border:none;border-radius:999px;width:26px;height:26px}.slider{margin-bottom:clamp(20px,3vh,30px)}.slider .row{justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:10px;display:flex}.slider .name{color:var(--ink-2);font-size:14px}.slider .val{font-family:var(--serif);color:var(--accent);letter-spacing:-.02em;font-size:26px;font-weight:600}.slider .val input{font-family:var(--serif);color:var(--accent);border:none;border-bottom:1.5px solid var(--line);text-align:right;background:0 0;width:82px;padding:0 0 2px;font-size:26px;font-weight:600}.slider .hint{color:var(--muted);margin:8px 0 0;font-size:13px;line-height:1.6}.slider .hint.aside{color:var(--ink-2)}.facts{gap:var(--gap);flex-wrap:wrap;margin-top:clamp(22px,3vh,34px);display:flex}.facts>div{background:var(--paper);border-radius:var(--r-inner);flex:210px;padding:clamp(18px,2.2vw,24px)}.facts .t{color:var(--ink-2);margin:0;font-size:13px;line-height:1.5}.facts .v{font-family:var(--serif);font-weight:600;font-size:clamp(22px, calc(20.58px + .395vw), var(--t-fact));letter-spacing:-.03em;margin:10px 0 4px}.facts .v.accent{color:var(--accent)}.facts .v.late{color:var(--bad)}.facts .d{color:var(--muted);margin:0;font-size:12px}.dist{height:40px;margin-top:8px;position:relative}.dist .track{background:var(--line);border-radius:999px;height:8px;position:absolute;top:18px;left:0;right:0}.dist .fill{background:var(--accent);border-radius:999px;height:8px;transition:width .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:18px;left:0}.dist .mark{background:var(--ink);border-radius:2px;width:3px;height:24px;transition:left .5s cubic-bezier(.2,.8,.2,1);position:absolute;top:10px}.dist-caps{color:var(--muted);justify-content:space-between;font-size:12px;display:flex}.type .name{font-family:var(--serif);font-weight:600;font-size:clamp(38px, calc(36.11px + .526vw), var(--t-type));letter-spacing:-.04em;color:var(--accent);margin:12px 0 0;line-height:1.1}.type .desc{color:var(--ink-2);max-width:34em;margin:18px 0 0;font-size:clamp(15px,1.5vw,17px);line-height:1.75}.share{flex-wrap:wrap;gap:10px;margin-top:clamp(26px,4vh,40px);display:flex}button.action{font:inherit;cursor:pointer;background:var(--pill);color:var(--ink);border:none;border-radius:999px;padding:14px 26px;font-size:14px;font-weight:500;transition:opacity .14s}button.action:hover{opacity:.86}button.action.primary{background:var(--accent);color:#fff}button.action.example{margin-top:clamp(22px,3vh,32px)}.notice,.await{color:var(--ink-2);margin:clamp(18px,2.5vh,26px) 0 0;font-size:14px;line-height:1.75}.await ul{margin:12px 0 0;padding-left:18px}.await li{color:var(--muted);margin-bottom:6px}.hint{color:var(--muted);margin:12px 0 0;font-size:12px;line-height:1.7}.warn{color:var(--bad);margin-top:8px;display:block}.children{gap:12px;display:grid}.child{grid-template-columns:22px 1fr 1.3fr auto;align-items:end;gap:14px;display:grid}.child.head span{color:var(--muted);font-size:12px}.child .no{font-family:var(--serif);color:var(--muted-2);padding-bottom:10px;font-size:15px}.child input{font-family:var(--serif);color:var(--ink);border:none;border-bottom:1.5px solid var(--line);background:0 0;width:100%;padding:0 0 8px;font-size:20px;font-weight:600}.child input:focus{border-bottom-color:var(--accent)}.child .remove{all:unset;cursor:pointer;color:var(--muted);padding-bottom:10px;font-size:12px}.child .remove:hover:not(:disabled){color:var(--bad)}.child .remove:disabled{opacity:.35;cursor:default}.children .add{justify-self:start;margin-top:6px}.cuts{margin-top:12px}.cut{grid-template-columns:1.2fr 1fr 5.4em auto;align-items:end;gap:14px;display:grid}.cut.head span{color:var(--muted);font-size:12px}.cut input,.cut select{font-family:var(--serif);color:var(--ink);border:none;border-bottom:1.5px solid var(--line);background:0 0;width:100%;padding:0 0 8px;font-size:20px;font-weight:600}.cut input::placeholder{color:var(--brown);opacity:.5}.cut select{appearance:none;cursor:pointer}.cut input:focus,.cut select:focus{border-bottom-color:var(--accent)}.cut .remove{all:unset;cursor:pointer;color:var(--muted);padding-bottom:10px;font-size:12px}.cut .remove:hover{color:var(--bad)}.prose h2{margin-bottom:18px}.prose p,.prose li{color:var(--ink-2);margin:0 0 12px;font-size:15px;line-height:1.8}.prose details{border-top:1px solid var(--line)}.prose details:last-of-type{border-bottom:1px solid var(--line)}.prose summary{cursor:pointer;font-family:var(--serif);letter-spacing:-.02em;justify-content:space-between;align-items:center;gap:12px;padding:20px 0;font-size:19px;font-weight:500;list-style:none;display:flex}.prose summary::-webkit-details-marker{display:none}.prose summary:after{content:"+";color:var(--muted);font-size:20px}.prose details[open] summary:after{content:"−"}.prose details>:not(summary){margin-bottom:16px}footer{color:var(--muted);padding:32px 6px 0;font-size:12px;line-height:1.9}.sticky{z-index:40;left:clamp(10px,2vw,20px);right:clamp(10px,2vw,20px);bottom:calc(clamp(10px, 2vw, 18px) + env(safe-area-inset-bottom));background:var(--dark);color:var(--on-dark);border-radius:999px;flex-wrap:wrap;justify-content:center;align-items:baseline;gap:clamp(16px,4vw,48px);padding:13px clamp(20px,3vw,34px);animation:.5s cubic-bezier(.2,.8,.2,1) both rise;display:flex;position:fixed}.sticky>span{align-items:baseline;gap:9px;display:flex}.sticky .s-label{color:#b6ab9e;font-size:12px}.sticky .s-age{font-family:var(--serif);letter-spacing:-.02em;font-size:19px;font-weight:600}body{padding-bottom:104px}@media (width<=560px){.child{grid-template-columns:22px 1fr 1.2fr auto;gap:10px}.child.head{display:none}.cut{grid-template-columns:1.1fr 1fr 4.6em;gap:10px}.cut.head{display:none}.cut .remove{grid-column:1/-1;justify-self:end;padding-bottom:0}.f:before{content:attr(data-l);color:var(--muted);font-size:12px;line-height:1}}.sources table{border-collapse:collapse;width:100%;margin:22px 0 0}.sources thead th{text-align:left;color:var(--muted);border-bottom:1px solid var(--line);white-space:nowrap;padding:0 14px 10px 0;font-size:12px;font-weight:500}.sources tbody th{text-align:left;color:var(--ink);vertical-align:top;white-space:nowrap;width:1%;padding:16px 14px 16px 0;font-size:15px;font-weight:600}.sources tbody td{vertical-align:top;color:var(--ink-2);padding:16px 14px 16px 0;font-size:14px;line-height:1.7}.sources tbody tr{border-bottom:1px solid var(--line)}.sources .v{font-family:var(--serif);color:var(--ink);white-space:nowrap;font-size:16px;font-weight:600}.sources .caveat{color:var(--muted);margin-top:6px;font-size:13px;display:block}.sources .mark{background:var(--bad);color:var(--card);vertical-align:middle;border-radius:999px;margin-left:8px;padding:2px 8px;font-size:11px;font-weight:500;display:inline-block}.sources .mark.derived{background:var(--pill-2);color:var(--ink)}.sources .note{color:var(--muted);margin-top:24px;font-size:13px}@media (width<=720px){.sources thead{display:none}.sources tbody tr{padding:18px 0;display:block}.sources tbody th,.sources tbody td{white-space:normal;width:auto;padding:0;display:block}.sources tbody th{white-space:normal}.sources .v{margin:6px 0 10px}}.mycard{flex-direction:column;gap:clamp(18px,2.5vh,26px);margin-top:clamp(22px,3.5vh,38px);display:flex}.mycard-img{width:100%;height:auto;max-width:var(--card-max);box-shadow:0 1px 0 var(--line);border-radius:clamp(20px,2vw,28px);margin:0 auto;display:block}.mycard .side{flex-wrap:wrap;align-items:center;gap:18px clamp(24px,4vw,40px);margin-top:0;display:flex}.mycard .side p{color:var(--ink-2);flex:320px;margin:0;font-size:14px;line-height:1.8}.mycard .share{flex-wrap:wrap;gap:10px;display:flex}.sources details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-top:20px}.sources details[open]{padding-bottom:8px}.sources summary{padding:18px 0;font-size:17px}.sources details table{margin-top:4px}.reset{all:unset;cursor:pointer;color:var(--muted);border-radius:999px;padding:7px 14px;font-size:13px;transition:background .14s,color .14s}.reset:hover{background:var(--pill);color:var(--ink)}.reset:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.reset.ask{background:var(--bad);color:var(--card)}.cut.loan,.cut.loan-head{grid-template-columns:1.1fr 1fr .7fr .8fr auto}.cut.loan{padding-bottom:20px;position:relative}.cut.extra,.cut.extra-head{grid-template-columns:1.1fr .9fr .8fr .8fr auto}.cut.extra+.cut.extra{margin-top:10px}.loan-note{color:var(--muted);flex-wrap:wrap;grid-column:1/-1;align-items:center;gap:16px;margin:4px 0 0;font-size:12px;display:flex}.loan-housing{font-size:inherit;cursor:pointer;flex-direction:row;align-items:center;gap:6px;display:flex}.loan-housing input[type=checkbox]{width:auto;accent-color:var(--accent);cursor:pointer;border:none;margin:0;padding:0}.loan-housing b{color:var(--accent);font-weight:600}.loan-housing b.on{color:var(--muted);font-weight:500}@media (width<=560px){.cut.loan,.cut.extra{grid-template-columns:1fr 1fr}.cut.extra .remove,.cut.loan .remove{grid-column:1/-1;justify-self:end;padding-bottom:0}}.why{all:unset;cursor:pointer;color:var(--brown);border-bottom:1px solid var(--line);white-space:nowrap;padding-bottom:1px;font-size:11px}.why:hover{color:var(--ink);border-bottom-color:var(--ink)}.why:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.hint .more{margin-top:8px;display:block}.aside{color:var(--muted);margin-top:8px;display:block}.topbar a.brand{color:var(--ink);text-decoration:none}.topbar a.brand:hover{color:var(--brown)}.ad-slot{justify-content:center;align-items:center;min-height:120px;display:flex}.ad-slot .ad-label{letter-spacing:.08em;color:var(--muted);font-size:11px}.site-foot{padding:clamp(26px, 4vh, 40px) var(--pad) clamp(10px, 2vh, 18px);flex-wrap:wrap;align-items:baseline;gap:10px clamp(18px,3vw,28px);display:flex}.site-foot a{color:var(--ink);text-underline-offset:3px;font-size:14px}.site-foot .note{color:var(--muted);font-size:13px}
