:root{--color-primary:#3d63dd;--color-secondary:#475569;--color-accent:#0ca678;--color-bg:#f7f8fa;--color-surface:#fff;--color-text:#1a1d23;--color-text-muted:#6b7280;--color-border:#e2e8f0;--color-success:#12b886;--color-warning:#f59f00;--color-danger:#e03131;--font-heading:"Noto Sans KR", sans-serif;--font-body:"Noto Sans KR", sans-serif;--radius:10px;--spacing-unit:calc(8px * 1)}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{--u:var(--spacing-unit);background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);word-break:keep-all;margin:0;font-size:16px;line-height:1.7}a{color:var(--color-primary)}h1,h2,h3{font-family:var(--font-heading);letter-spacing:-.01em;line-height:1.35}h1{margin:0 0 calc(var(--u) * 1.5);font-size:28px}h2{margin:calc(var(--u) * 5) 0 calc(var(--u) * 1.5);font-size:21px}h3{margin:calc(var(--u) * 3) 0 calc(var(--u) * 1);font-size:17px}h3 small{color:var(--color-text-muted);margin-left:6px;font-size:13px;font-weight:400}.container{max-width:1040px;padding:0 calc(var(--u) * 2);margin:0 auto}.narrow{max-width:760px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border)}.site-header .container{align-items:center;gap:calc(var(--u) * 1) calc(var(--u) * 3);padding-top:calc(var(--u) * 1.5);padding-bottom:calc(var(--u) * 1.5);flex-wrap:wrap;display:flex}.brand{font-family:var(--font-heading);color:var(--color-text);font-size:17px;font-weight:700;text-decoration:none}.site-nav{gap:calc(var(--u) * 2.5);font-size:15px;display:flex}.site-nav a{color:var(--color-secondary);text-decoration:none}.site-nav a:hover,.site-nav a[aria-current=page]{color:var(--color-primary)}main{padding:calc(var(--u) * 4) 0 calc(var(--u) * 8)}.lead{color:var(--color-secondary);margin:0 0 calc(var(--u) * 3)}.site-footer{border-top:1px solid var(--color-border);padding:calc(var(--u) * 3) 0 calc(var(--u) * 5);color:var(--color-text-muted);font-size:13px}.site-footer p{margin:0 0 calc(var(--u) * .75)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:calc(var(--radius) * 1.4);padding:calc(var(--u) * 3)}.card>:first-child{margin-top:0}.card>:last-child{margin-bottom:0}table{border-collapse:collapse;width:100%;font-size:15px}th,td{padding:calc(var(--u) * 1.25) calc(var(--u) * 1);border-bottom:1px solid var(--color-border);text-align:right;font-variant-numeric:tabular-nums}th:first-child,td:first-child{text-align:left}thead th{color:var(--color-text-muted);font-size:13px;font-weight:500}tbody th{font-weight:500}.table-scroll{overflow-x:auto}.planner{gap:calc(var(--u) * 3);align-items:start;display:grid}@media (width>=920px){.planner{grid-template-columns:minmax(0,5fr) minmax(0,6fr)}.planner-result{top:calc(var(--u) * 2);max-height:calc(100vh - var(--u) * 4);position:sticky;overflow-y:auto}}.field{margin-bottom:calc(var(--u) * 2);display:block}.field-label{margin-bottom:calc(var(--u) * .5);font-size:14px;font-weight:500;display:block}.field-hint{color:var(--color-text-muted);margin-top:calc(var(--u) * .5);font-size:13px;line-height:1.5;display:block}.input-unit{border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-surface);padding-right:calc(var(--u) * 1.5);align-items:center;display:flex}.input-unit:focus-within{border-color:var(--color-primary);box-shadow:0 0 0 3px color-mix(in srgb, var(--color-primary) 18%, transparent)}.input-unit input{min-width:0;font:inherit;font-variant-numeric:tabular-nums;color:inherit;padding:calc(var(--u) * 1.25) calc(var(--u) * 1.5);text-align:right;background:0 0;border:0;outline:none;flex:1}.input-unit span{color:var(--color-text-muted);white-space:nowrap;font-size:14px}.field-primary .input-unit input{font-size:20px;font-weight:700}select,input[type=text]{width:100%;font:inherit;color:inherit;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--u) * 1.25) calc(var(--u) * 1.5)}select:focus-visible,input[type=text]:focus-visible,button:focus-visible,summary:focus-visible,a:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.field-grid{gap:0 calc(var(--u) * 2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}details.group{border-top:1px solid var(--color-border);padding:calc(var(--u) * 1.5) 0}details.group>summary{cursor:pointer;font-size:15px;font-weight:500;list-style-position:outside}details.group>summary small{color:var(--color-text-muted);margin-left:6px;font-weight:400}details.group[open]>summary{margin-bottom:calc(var(--u) * 2)}.button-row{gap:calc(var(--u) * 1);flex-wrap:wrap;display:flex}button{font:inherit;cursor:pointer;border-radius:var(--radius);border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:calc(var(--u) * 1) calc(var(--u) * 1.5);font-size:14px}button:hover{border-color:var(--color-primary);color:var(--color-primary)}.voucher{border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--u) * 2);margin-bottom:calc(var(--u) * 2)}.voucher-head{gap:calc(var(--u) * 1);margin-bottom:calc(var(--u) * 2);display:flex}.voucher-head button{white-space:nowrap}.check{align-items:center;gap:calc(var(--u) * 1);font-size:14px;display:flex}.voucher .field-hint{margin-top:calc(var(--u) * 1)}.summary{background:color-mix(in srgb, var(--color-primary) 7%, var(--color-surface));border-radius:var(--radius);padding:calc(var(--u) * 2.5)}.summary-label{color:var(--color-secondary);font-size:14px;display:block}.summary-total{font-family:var(--font-heading);letter-spacing:-.02em;color:var(--color-primary);font-variant-numeric:tabular-nums;font-size:30px;line-height:1.3;display:block}.summary-parts{margin:calc(var(--u) * 1.5) 0 0;padding:calc(var(--u) * 1.5) 0 0;border-top:1px solid color-mix(in srgb, var(--color-primary) 20%, transparent);font-size:15px;list-style:none}.summary-parts li,.step-head,.step-lines li{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 2);display:flex}.summary-parts strong,.step-head strong,.step-lines li span:last-child{font-variant-numeric:tabular-nums;white-space:nowrap}.summary-caveat{margin:calc(var(--u) * 1.5) 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.5}.steps{counter-reset:step;margin:0;padding:0;list-style:none}.steps>li{counter-increment:step;padding:calc(var(--u) * 1.5) 0 calc(var(--u) * 1.5) calc(var(--u) * 4.5);border-bottom:1px solid var(--color-border);position:relative}.steps>li:before{content:counter(step);left:0;top:calc(var(--u) * 1.5);width:calc(var(--u) * 3.25);height:calc(var(--u) * 3.25);background:var(--color-primary);color:#fff;border-radius:50%;justify-content:center;align-items:center;font-size:13px;font-weight:700;display:flex;position:absolute}.step-head span{font-weight:500}.step-lines{margin:calc(var(--u) * 1) 0 0;padding:calc(var(--u) * 1) calc(var(--u) * 1.5);background:var(--color-bg);border-radius:calc(var(--radius) * .6);color:var(--color-secondary);font-size:14px;list-style:none}.step-lines li+li{margin-top:calc(var(--u) * .5)}.step-lines li:last-child:not(:first-child){color:var(--color-text)}.step-note{margin:calc(var(--u) * .75) 0 0;color:var(--color-text-muted);font-size:13px;line-height:1.6}.plan-gain{margin:calc(var(--u) * 1.5) 0 0;color:var(--color-secondary);font-size:14px}.notice{background:color-mix(in srgb, var(--color-warning) 12%, var(--color-surface));border-radius:var(--radius);padding:calc(var(--u) * 1.5) calc(var(--u) * 2);margin:calc(var(--u) * 2) 0 0;font-size:14px;line-height:1.6}.placeholder{color:var(--color-text-muted);margin:0}.ratio-bar{background:var(--color-border);height:12px;margin-bottom:calc(var(--u) * 1);border-radius:6px;display:flex;overflow:hidden}.bar-credit,.dot-credit{background:var(--color-primary)}.bar-debit,.dot-debit{background:var(--color-accent)}.bar-voucher,.dot-voucher{background:var(--color-warning)}.plan-table tbody th{padding-left:calc(var(--u) * 3.25);position:relative}.dot{left:calc(var(--u) * 1);top:calc(var(--u) * 1.25 + .5em);border-radius:50%;width:10px;height:10px;position:absolute}.assumptions{color:var(--color-secondary);padding-left:calc(var(--u) * 2.5);font-size:14px}.link-grid{gap:calc(var(--u) * 1);grid-template-columns:repeat(auto-fill,minmax(150px,1fr));margin:0;padding:0;list-style:none;display:grid}.link-grid a,.link-list a{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius);padding:calc(var(--u) * 1.5) calc(var(--u) * 2);color:var(--color-text);text-decoration:none;display:block}.link-grid a:hover,.link-list a:hover{border-color:var(--color-primary)}.link-list{gap:calc(var(--u) * 1);margin:0;padding:0;list-style:none;display:grid}.link-list strong{display:block}.link-list span{color:var(--color-text-muted);font-size:14px}.prose p,.prose ul,.prose ol{margin:0 0 calc(var(--u) * 2)}.prose .table-scroll,.prose table{margin-bottom:calc(var(--u) * 3)}.prose th,.prose td{text-align:left}.meta{color:var(--color-text-muted);font-size:13px}.cta{background:var(--color-primary);color:#fff;border-radius:var(--radius);padding:calc(var(--u) * 1.5) calc(var(--u) * 2.5);font-weight:500;text-decoration:none;display:inline-block}
