@import "https://fonts.googleapis.com/css2?family=Gabarito:wght@500;600;700;800;900&family=IBM+Plex+Sans+KR:wght@400;500;600;700&display=swap";
:root{--bg:#0e1116;--surface:#161b22;--surface-2:#1d242e;--border:#2a323d;--text:#e8edf2;--text-dim:#8b97a6;--accent:#4fd1a5;--accent-warm:#f5c542;--c-pension:#4fd1a5;--c-health:#5aa9f0;--c-care:#9d7af0;--c-employ:#f0884f;--c-tax:#f5c542;--c-local:#ef6f8b;--num-font:"Gabarito", sans-serif;--body-font:"IBM Plex Sans KR", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background:radial-gradient(1200px 600px at 80% -10%, #4fd1a514, transparent 60%), radial-gradient(900px 500px at -10% 20%, #5aa9f00f, transparent 55%), var(--bg);color:var(--text);font-family:var(--body-font);min-height:100vh;line-height:1.6}.page{max-width:760px;margin:0 auto;padding:48px 20px 80px}.hero{text-align:center;margin-bottom:36px}.badge{color:var(--accent);letter-spacing:.02em;background:#4fd1a51a;border:1px solid #4fd1a540;border-radius:100px;margin-bottom:18px;padding:5px 14px;font-size:13px;font-weight:600;display:inline-block}.hero h1{font-family:var(--num-font);letter-spacing:-.02em;margin-bottom:14px;font-size:42px;font-weight:800;line-height:1.1}.lede{color:var(--text-dim);max-width:520px;margin:0 auto;font-size:16px}.calc-wrap{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:48px;display:grid}@media (max-width:680px){.calc-wrap{grid-template-columns:1fr}}.panel{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:24px}.field{margin-bottom:18px;display:block}.field-label{color:var(--text-dim);margin-bottom:8px;font-size:14px;font-weight:500;display:block}.input-row{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;align-items:center;gap:8px;padding:0 14px;transition:border-color .15s;display:flex}.input-row:focus-within{border-color:var(--accent)}.input-row input{color:var(--text);font-family:var(--num-font);background:0 0;border:none;outline:none;flex:1;width:100%;padding:12px 0;font-size:22px;font-weight:700}.input-row input::-webkit-outer-spin-button{-webkit-appearance:none}.input-row input::-webkit-inner-spin-button{-webkit-appearance:none}.unit{color:var(--text-dim);font-size:14px;font-weight:500}.field-hint{color:var(--accent);font-size:13px;font-family:var(--num-font);margin-top:8px;font-weight:600;display:block}.slider{appearance:none;background:var(--surface-2);border-radius:100px;outline:none;width:100%;height:6px;margin:6px 0 20px}.slider::-webkit-slider-thumb{appearance:none;background:var(--accent);cursor:pointer;border-radius:50%;width:22px;height:22px;box-shadow:0 0 0 4px #4fd1a533}.slider::-moz-range-thumb{background:var(--accent);cursor:pointer;border:none;border-radius:50%;width:22px;height:22px}.advanced-toggle{border:1px dashed var(--border);width:100%;color:var(--text-dim);cursor:pointer;font-family:var(--body-font);background:0 0;border-radius:12px;padding:11px;font-size:14px;transition:all .15s}.advanced-toggle:hover{border-color:var(--accent);color:var(--accent)}.advanced{border-top:1px solid var(--border);margin-top:16px;padding-top:16px}.advanced .input-row input{padding:10px 0;font-size:18px}.result-panel{flex-direction:column;display:flex}.net-headline{text-align:center;border-bottom:1px solid var(--border);margin-bottom:20px;padding-bottom:20px}.net-label{color:var(--text-dim);margin-bottom:6px;font-size:14px;display:block}.net-value{font-family:var(--num-font);letter-spacing:-.02em;color:var(--accent);font-size:40px;font-weight:900;line-height:1.1;display:block}.net-value em{color:var(--text);margin-left:4px;font-size:20px;font-style:normal;font-weight:700}.net-sub{color:var(--text-dim);margin-top:8px;font-size:13px;display:block}.chart-block{align-items:center;gap:20px;display:flex}@media (max-width:360px){.chart-block{flex-direction:column}}.donut{flex-shrink:0;width:130px;height:130px;transform:rotate(-90deg)}.donut text{transform-origin:50%;transform:rotate(90deg)}.donut-center-top{fill:var(--text-dim);text-anchor:middle;font-size:3px;font-family:var(--body-font)}.donut-center-val{fill:var(--text);text-anchor:middle;font-size:4.2px;font-family:var(--num-font);font-weight:800}.legend{flex-direction:column;flex:1;gap:7px;list-style:none;display:flex}.legend li{align-items:center;gap:8px;font-size:13px;display:flex}.dot{border-radius:3px;flex-shrink:0;width:9px;height:9px}.leg-label{color:var(--text-dim)}.leg-val{font-family:var(--num-font);color:var(--text);margin-left:auto;font-weight:600}.content h2{font-family:var(--num-font);letter-spacing:-.01em;margin:40px 0 16px;font-size:24px;font-weight:700}.content p{color:var(--text-dim);margin-bottom:14px}.content strong{color:var(--text);font-weight:600}.rate-list{flex-direction:column;gap:10px;list-style:none;display:flex}.rate-list li{background:var(--surface);border:1px solid var(--border);color:var(--text-dim);border-radius:12px;padding:14px 16px;font-size:14px}.rate-list strong{color:var(--accent)}.faq{flex-direction:column;gap:10px;display:flex}.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:12px;padding:4px 18px}.faq-item summary{cursor:pointer;color:var(--text);padding:14px 28px 14px 0;font-weight:600;list-style:none;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:after{content:"+";color:var(--accent);font-size:22px;font-weight:400;position:absolute;right:0}.faq-item[open] summary:after{content:"−"}.faq-item p{margin:0;padding:0 0 16px;font-size:14px}.related{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}@media (max-width:560px){.related{grid-template-columns:1fr}}.related-card{background:var(--surface);border:1px solid var(--border);border-radius:14px;flex-direction:column;gap:4px;padding:18px;text-decoration:none;transition:all .15s;display:flex}.related-card:hover{border-color:var(--accent);transform:translateY(-2px)}.rc-emoji{font-size:24px}.rc-title{color:var(--text);font-size:15px;font-weight:700}.rc-desc{color:var(--text-dim);font-size:12.5px}.disclaimer{color:var(--text-dim);background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-top:32px;padding:14px 16px;font-size:12.5px}.footer{text-align:center;color:var(--text-dim);margin-top:48px;font-size:13px}.footer a{color:var(--accent);text-decoration:none}.footer a:hover{text-decoration:underline}.calc-section{margin-bottom:48px;position:relative}.calc-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.compare-toggle{color:var(--text-dim);cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid var(--border);background:var(--surface);border-radius:100px;align-items:center;gap:8px;padding:8px 12px;font-size:13.5px;transition:all .15s;display:inline-flex}.compare-toggle:hover{border-color:var(--accent);color:var(--text)}.compare-toggle input{accent-color:var(--accent);cursor:pointer;width:14px;height:14px}.share-btn{color:var(--accent);cursor:pointer;font-size:13.5px;font-weight:600;font-family:var(--body-font);background:#4fd1a514;border:1px solid #4fd1a540;border-radius:100px;align-items:center;gap:6px;padding:8px 14px;transition:all .15s;display:inline-flex}.share-btn:hover{border-color:var(--accent);background:#4fd1a529}.share-btn:active{transform:scale(.97)}.compare-wrap{grid-template-columns:1fr 1fr;gap:16px;display:grid}@media (max-width:680px){.compare-wrap{grid-template-columns:1fr}}.compare-col{flex-direction:column;gap:12px;display:flex;position:relative}.compare-tag{z-index:2;font-family:var(--num-font);letter-spacing:.04em;border-radius:100px;padding:3px 10px;font-size:12px;font-weight:800;position:absolute;top:-8px;left:12px}.tag-a{background:var(--accent);color:#0e1116}.tag-b{background:var(--accent-warm);color:#0e1116}.result-panel.compact{flex-direction:column;align-items:flex-start;gap:4px;padding:18px 20px;display:flex}.result-panel.compact .net-label{font-size:13px}.result-panel.compact .net-value{font-size:32px}.result-panel.compact .net-value.warm{color:var(--accent-warm)}.result-panel.compact .net-sub{font-size:12.5px}.compare-diff{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;grid-column:1/-1;gap:10px;padding:20px 22px;display:flex}.diff-headline{flex-direction:column;gap:4px;display:flex}.diff-label{color:var(--text-dim);font-size:13px}.diff-value{font-family:var(--num-font);letter-spacing:-.02em;font-size:32px;font-weight:900;line-height:1.1}.diff-value em{color:var(--text-dim);margin-left:6px;font-size:16px;font-style:normal;font-weight:600}.diff-value.pos{color:var(--accent)}.diff-value.neg{color:var(--c-local)}.diff-sub{color:var(--text-dim);font-size:13px;font-family:var(--num-font);font-weight:600}.diff-note{color:var(--text-dim);margin:0;font-size:13.5px}.diff-note strong{color:var(--text);font-weight:700}.conversions{background:var(--surface);border:1px solid var(--border);border-radius:18px;margin-top:18px;padding:20px 22px}.conv-title{color:var(--text-dim);letter-spacing:.01em;margin:0 0 12px;font-size:14px;font-weight:600}.conv-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:0 0 12px;padding:0;list-style:none;display:grid}@media (max-width:560px){.conv-grid{grid-template-columns:repeat(2,1fr)}}.conv-grid li{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:4px;padding:12px 14px;display:flex}.conv-label{color:var(--text-dim);font-size:12px}.conv-value{font-family:var(--num-font);color:var(--text);letter-spacing:-.01em;font-size:18px;font-weight:700}.conv-value em{color:var(--text-dim);margin-left:3px;font-size:12px;font-style:normal;font-weight:500}.conv-note{color:var(--text-dim);margin:0;font-size:12px;line-height:1.55}.toast{background:var(--surface-2);border:1px solid var(--accent);color:var(--text);z-index:100;border-radius:100px;padding:10px 18px;font-size:13.5px;animation:.2s ease-out toast-in;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #00000059}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.table-wrap{margin:0 0 24px}.table-scroll{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden}.salary-table{border-collapse:collapse;width:100%;font-size:14px}.salary-table thead th{text-align:left;color:var(--text-dim);border-bottom:1px solid var(--border);background:var(--surface-2);letter-spacing:.01em;padding:12px 14px;font-size:13px;font-weight:600}.salary-table tbody tr{border-bottom:1px solid var(--border);transition:background .12s}.salary-table tbody tr:last-child{border-bottom:none}.salary-table tbody tr:hover{background:var(--surface-2)}.salary-table th[scope=row]{padding:0;font-weight:600}.salary-table .row-select{text-align:left;width:100%;color:var(--text);font-family:var(--num-font);cursor:pointer;background:0 0;border:none;padding:14px;font-size:15px;font-weight:700;transition:color .12s}.salary-table .row-select:hover{color:var(--accent)}.salary-table td{padding:14px}.salary-table .num{font-family:var(--num-font);font-weight:600}.salary-table .num.accent{color:var(--accent)}.salary-table .num.dim{color:var(--text-dim)}.salary-table .link-cell{text-align:right}.salary-table .row-detail{color:var(--text-dim);border:1px solid #0000;border-radius:100px;padding:4px 10px;font-size:13px;text-decoration:none;transition:all .12s;display:inline-block}.salary-table .row-detail:hover{color:var(--accent);background:#4fd1a50f;border-color:#4fd1a559}@media (max-width:560px){.salary-table .hide-sm{display:none}.salary-table{font-size:13px}.salary-table .row-select{padding:12px;font-size:14px}.salary-table td{padding:12px}}.table-foot{color:var(--text-dim);margin-top:10px;font-size:12.5px}.breadcrumb{color:var(--text-dim);margin-bottom:16px;font-size:13px}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb span[aria-hidden]{opacity:.6;margin:0 6px}.detail-hero{margin-bottom:28px}.detail-hero h1{font-size:36px}.inline-link{color:var(--accent);border-bottom:1px dashed #4fd1a566;text-decoration:none}.inline-link:hover{border-bottom-style:solid}.detail-summary{margin-bottom:24px;padding:28px 24px}.detail-grid{grid-template-columns:repeat(4,1fr);gap:10px;margin:24px 0 0;padding:0;list-style:none;display:grid}@media (max-width:560px){.detail-grid{grid-template-columns:repeat(2,1fr)}}.detail-grid li{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;flex-direction:column;gap:6px;padding:14px;display:flex}.dg-label{color:var(--text-dim);font-size:12px}.dg-value{font-family:var(--num-font);color:var(--text);font-size:17px;font-weight:700}.nav-pager{grid-template-columns:1fr auto 1fr;align-items:stretch;gap:10px;margin:32px 0 8px;display:grid}@media (max-width:560px){.nav-pager{grid-template-columns:1fr}}.pager-link{border:1px solid var(--border);background:var(--surface);color:var(--text);border-radius:12px;justify-content:center;align-items:center;padding:14px 16px;font-size:14px;font-weight:600;text-decoration:none;transition:all .15s;display:flex}.pager-link:hover:not(.disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.pager-link.center{color:var(--accent);background:#4fd1a514;border-color:#4fd1a54d}.pager-link.center:hover{background:#4fd1a529}.pager-link.disabled{opacity:.45;cursor:default}.pager-link.prev{justify-content:flex-start}.pager-link.next{justify-content:flex-end}.hub-hero{margin-bottom:28px}.hub-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin-bottom:40px;display:grid}.hub-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:10px;padding:22px 22px 20px;text-decoration:none;transition:all .15s;display:flex}.hub-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 8px 32px #4fd1a514}.hub-emoji{font-size:32px;line-height:1}.hub-title{font-family:var(--num-font);color:var(--text);letter-spacing:-.01em;font-size:20px;font-weight:800}.hub-desc{color:var(--text-dim);flex:1;font-size:13.5px;line-height:1.55}.hub-cta{color:var(--accent);margin-top:4px;font-size:13px;font-weight:600}.cross-links{margin-top:40px}.cross-links h2{font-family:var(--num-font);letter-spacing:-.01em;margin:0 0 14px;font-size:22px;font-weight:700}.unit-select{color:var(--text-dim);font-family:var(--body-font);cursor:pointer;background:0 0;border:none;outline:none;padding:4px 2px;font-size:14px;font-weight:500}.unit-select:focus{color:var(--accent)}.method-tabs{background:var(--surface-2);border:1px solid var(--border);border-radius:12px;grid-template-columns:repeat(3,1fr);gap:6px;margin-bottom:12px;padding:4px;display:grid}.method-tab{color:var(--text-dim);cursor:pointer;font-size:13px;font-weight:600;font-family:var(--body-font);background:0 0;border:none;border-radius:8px;padding:9px 6px;transition:all .12s}.method-tab:hover{color:var(--text)}.method-tab.active{background:var(--accent);color:#0e1116}.method-desc{color:var(--text-dim);margin:0;font-size:13px;line-height:1.55}.ratio-block{flex-direction:column;gap:10px;display:flex}.ratio-label{color:var(--text-dim);justify-content:space-between;align-items:baseline;font-size:13px;display:flex}.ratio-pct{font-family:var(--num-font);color:var(--text);font-weight:600}.ratio-bar{background:var(--surface-2);border:1px solid var(--border);border-radius:100px;height:18px;display:flex;overflow:hidden}.ratio-fill{min-width:0;height:100%;transition:width .25s}.ratio-fill.principal{background:var(--accent)}.ratio-fill.interest{background:var(--c-tax)}.ratio-legend{flex-wrap:wrap;gap:16px;margin:0;padding:0;font-size:13px;list-style:none;display:flex}.ratio-legend li{color:var(--text-dim);align-items:center;gap:6px;display:inline-flex}.ratio-legend .dot{border-radius:3px;width:9px;height:9px;display:inline-block}.ratio-legend .dot.principal{background:var(--accent)}.ratio-legend .dot.interest{background:var(--c-tax)}.compare-strip{background:var(--surface);border:1px solid var(--border);border-radius:18px;margin-top:20px;padding:18px 22px}.compare-list{grid-template-columns:repeat(3,1fr);gap:10px;margin:8px 0 10px;padding:0;list-style:none;display:grid}@media (max-width:560px){.compare-list{grid-template-columns:1fr}}.compare-item{background:var(--surface-2);border:1px solid var(--border);cursor:pointer;border-radius:12px;outline:none;flex-direction:column;gap:4px;padding:14px;transition:all .15s;display:flex}.compare-item:hover{border-color:var(--accent)}.compare-item:focus-visible{border-color:var(--accent);box-shadow:0 0 0 3px #4fd1a52e}.compare-item.active{border-color:var(--accent);background:#4fd1a514}.ci-label{color:var(--text-dim);font-size:13px;font-weight:600}.compare-item.active .ci-label{color:var(--accent)}.ci-first{font-family:var(--num-font);color:var(--text);font-size:16px;font-weight:700}.ci-interest{color:var(--text-dim);font-size:12.5px}.schedule{background:var(--surface);border:1px solid var(--border);border-radius:14px;margin-top:20px;padding:4px 18px}.schedule>summary{cursor:pointer;color:var(--text);padding:14px 28px 14px 0;font-size:14px;font-weight:600;list-style:none;position:relative}.schedule>summary::-webkit-details-marker{display:none}.schedule>summary:after{content:"+";color:var(--accent);font-size:22px;font-weight:400;line-height:1;position:absolute;top:14px;right:0}.schedule[open]>summary:after{content:"−"}.schedule-toolbar{gap:6px;margin-bottom:12px;display:flex}.schedule-tab{background:var(--surface-2);border:1px solid var(--border);color:var(--text-dim);cursor:pointer;font-size:12.5px;font-weight:600;font-family:var(--body-font);border-radius:100px;padding:6px 14px;transition:all .12s}.schedule-tab:hover{color:var(--text);border-color:var(--accent)}.schedule-tab.active{background:var(--accent);color:#0e1116;border-color:var(--accent)}.schedule .table-scroll{border-radius:10px;max-height:420px;margin-bottom:14px;overflow-y:auto}.date-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px;display:grid}@media (max-width:420px){.date-grid{grid-template-columns:1fr}}.input-row input[type=date]{color:var(--text);font-family:var(--num-font);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:0 0;border:none;outline:none;width:100%;padding:12px 0;font-size:16px;font-weight:600}.warn-box{color:var(--text);background:#f5c54214;border:1px solid #f5c54252;border-radius:12px;margin:14px 0 4px;padding:12px 14px;font-size:13.5px;line-height:1.55}.warn-box strong{color:var(--accent-warm);font-weight:700}