:root{color:#142216;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#142216;--muted:#687369;--line:#dde2d9;--paper:#fff;--accent:#365b3a;--accent-soft:#e6eee1;--warm:#f2eee3;background:#f6f7f2;font-family:Pretendard,Noto Sans KR,Apple SD Gothic Neo,Inter,system-ui,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;min-height:100vh;margin:0}button,input,select{font:inherit}button,select{cursor:pointer}a{color:inherit}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #365b3a47}.site-shell{min-height:100vh}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;width:min(1120px,100% - 40px);height:76px;margin:0 auto;display:flex}.brand{letter-spacing:-.03em;align-items:center;gap:10px;font-weight:800;text-decoration:none;display:flex}.brand-mark{color:#fff;background:var(--accent);border-radius:50%;place-items:center;width:32px;height:32px;font-family:Georgia,serif;display:grid}.site-header nav{gap:28px;display:flex}.site-header nav a{color:var(--muted);font-size:14px;font-weight:700;text-decoration:none}.site-header nav a:hover{color:var(--ink)}main{width:min(1120px,100% - 40px);margin:0 auto}.hero-section{text-align:center;padding:74px 0 48px}.eyebrow{color:var(--accent);letter-spacing:.13em;text-transform:uppercase;font-size:12px;font-weight:900;display:inline-flex}.hero-section .eyebrow{background:var(--accent-soft);letter-spacing:-.02em;border-radius:999px;padding:7px 13px}.hero-section h1{color:#2f3b31;letter-spacing:-.055em;margin:22px 0 18px;font-size:clamp(40px,5vw,64px);font-weight:400;line-height:1.12}.hero-section h1 strong{color:var(--ink);font-weight:900}.hero-section>p{max-width:560px;color:var(--muted);margin:0 auto;line-height:1.75}.calculator-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:22px;display:grid}.card{background:var(--paper);border:1px solid var(--line);border-radius:18px;box-shadow:0 12px 35px #1e301f0f}.input-card,.result-card{padding:34px}.result-card{color:#fff;background:#314f35;border-color:#314f35;box-shadow:0 18px 40px #1b38202e}.section-heading{border-bottom:1px solid var(--line);align-items:center;gap:13px;padding-bottom:25px;display:flex}.result-card .section-heading{border-bottom-color:#ffffff2b}.step{width:31px;height:31px;color:var(--accent);background:var(--accent-soft);border-radius:50%;flex:none;place-items:center;font-size:13px;font-weight:900;display:grid}.result-card .step{color:#29442e;background:#dfeadc}.section-heading h2{letter-spacing:-.03em;margin:0 0 4px;font-size:19px}.section-heading p{color:var(--muted);margin:0;font-size:13px}.result-card .section-heading p{color:#ffffffa6}.field{margin-top:24px}.field label,.label-row{margin-bottom:9px;font-size:13px;font-weight:800;display:block}.label-row{justify-content:space-between;display:flex}.label-row output{color:var(--accent)}.field select,.money-input,.manage-field>input,.manage-number,.editable-row input{width:100%;height:50px;color:var(--ink);background:#fbfcf9;border:1px solid #d7ded4;border-radius:9px}.field select{padding:0 14px}.field small{color:#849087;margin-top:7px;font-size:12px;display:block}.money-input,.manage-number{align-items:center;display:flex}.money-input input,.manage-number input{width:100%;height:100%;color:var(--ink);background:0 0;border:0;outline:0;padding:0 14px;font-weight:750}.money-input span,.manage-number em{color:var(--muted);white-space:nowrap;padding-right:15px;font-size:13px;font-style:normal}.rate-input{max-width:180px}input[type=range]{width:100%;accent-color:var(--accent)}.range-labels{color:#919990;justify-content:space-between;font-size:11px;display:flex}.quick-buttons{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:9px;display:grid}.quick-buttons button{color:#687269;background:#f5f7f3;border:1px solid #e1e5de;border-radius:7px;padding:8px;font-size:12px;font-weight:700}.quick-buttons button.selected{color:#fff;background:var(--accent);border-color:var(--accent)}.validation-errors,.manage-errors{color:#9b3c34;background:#fff1ef}.validation-errors{border-radius:8px;margin:18px 0 0;padding:12px 12px 12px 30px;font-size:12px}.total-result{text-align:center;padding:35px 0 29px}.total-result span{color:#ffffffb8;font-size:13px;display:block}.total-result strong{color:#fff;letter-spacing:-.05em;margin:8px 0;font-size:clamp(30px,4vw,43px);display:block}.total-result em{color:#29462f;background:#dfeadc;border-radius:99px;padding:5px 10px;font-size:11px;font-style:normal;font-weight:800;display:inline-flex}.breakdown{border-block:1px solid #ffffff26;margin:0;padding:20px 0}.breakdown>div{justify-content:space-between;gap:14px;padding:10px 0;display:flex}.breakdown dt{color:#ffffffb5;align-items:center;gap:9px;font-size:13px;display:flex}.breakdown dd{margin:0;font-size:14px;font-weight:800}.breakdown .support-row dd{color:#dcebd8}.asset-split{grid-template-columns:1fr 1fr;gap:9px;margin-top:20px;display:grid}.asset-split>div{background:#ffffff14;border:1px solid #ffffff1f;border-radius:9px;padding:14px}.asset-split span,.asset-split small{color:#ffffff9e;font-size:10px;display:block}.asset-split strong{color:#fff;margin:5px 0;font-size:14px;display:block}.dot{border-radius:50%;width:7px;height:7px}.dot.principal{background:#fcfcf6}.dot.interest{background:#a9c6ad}.dot.support{background:#dfe9a8}.support-note{color:#2f4934;background:#e8f0e4;border-radius:11px;margin-top:24px;padding:17px 19px}.support-note strong{font-size:13px}.support-note p{color:#657567;margin:4px 0 0;font-size:11px}.empty-result{color:#ffffffa6;text-align:center;place-items:center;min-height:330px;display:grid}.reference-section{padding:90px 0}.reference-heading{justify-content:space-between;align-items:end;margin-bottom:22px;display:flex}.reference-heading h2{letter-spacing:-.04em;margin:8px 0 0;font-size:29px}.effective-date{color:var(--muted);font-size:12px}.reference-grid{grid-template-columns:1fr 1fr;gap:18px;display:grid}.reference-card{border:1px solid var(--line);background:#ffffffa1;border-radius:14px;padding:28px}.reference-card h3{margin:0 0 7px;font-size:16px}.reference-card>p{color:var(--muted);margin:0;font-size:12px}.salary-list,.notice-list{margin:20px 0 0;padding:0;list-style:none}.salary-list{grid-template-columns:1fr 1fr;gap:9px;display:grid}.salary-list li{background:#fff;border:1px solid #e5e9e2;border-radius:7px;justify-content:space-between;align-items:center;gap:12px;padding:11px 13px;font-size:12px;display:flex}.rank-salary-list{grid-template-columns:1fr}.rank-salary-list li>span{flex-direction:column;gap:3px;display:flex}.rank-salary-list li small{color:var(--muted);font-size:10px}.notice-list li{color:#5e6960;margin:10px 0;padding-left:18px;font-size:12px;line-height:1.6;position:relative}.notice-list li:before{content:"✓";color:var(--accent);font-weight:900;position:absolute;left:0}.sources{border-top:1px solid var(--line);flex-direction:column;gap:8px;margin-top:20px;padding-top:18px;display:flex}.sources strong{font-size:12px}.sources a{color:var(--muted);justify-content:space-between;font-size:11px;text-decoration:none;display:flex}.sources a:hover{color:var(--accent)}footer{color:#869087;text-align:center;background:#eef0ea;padding:28px 20px;font-size:11px}footer nav{flex-wrap:wrap;justify-content:center;gap:10px 22px;margin-bottom:12px;display:flex}footer nav a{color:#536156;font-weight:700;text-decoration:none}footer nav a:hover{color:var(--accent);text-decoration:underline}footer p{margin:0}.info-page{padding:70px 0 100px}.info-hero{max-width:760px;margin-bottom:42px}.info-hero h1{letter-spacing:-.055em;margin:10px 0 16px;font-size:clamp(34px,5vw,52px)}.info-hero p{color:var(--muted);margin:0;font-size:17px;line-height:1.75}.info-content{border:1px solid var(--line);background:#fff;border-radius:16px;max-width:800px;padding:35px 40px}.info-content section+section{border-top:1px solid var(--line);margin-top:38px;padding-top:34px}.info-content h2{letter-spacing:-.035em;margin:0 0 13px;font-size:21px}.info-content p,.info-content li{color:#59645b;font-size:14px;line-height:1.85}.info-content ul{margin:10px 0 0;padding-left:21px}.info-content a{color:var(--accent);font-weight:750}.formula-box{color:#2f5134;background:var(--accent-soft);border-radius:9px;margin-top:18px;padding:17px 19px;font-size:14px;font-weight:800;line-height:1.6}.updated-at{color:#8a938b!important;font-size:12px!important}.loading,.status-card{text-align:center;place-content:center;min-height:55vh;display:grid}.error-state h1{margin-bottom:8px}.error-state p{color:var(--muted)}.manage-page{padding:62px 0 90px}.manage-hero{justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px;display:flex}.manage-hero h1{letter-spacing:-.05em;margin:10px 0;font-size:38px}.manage-hero p{max-width:650px;color:var(--muted);margin:0;line-height:1.65}.manage-actions{flex:none;gap:8px;display:flex}.primary-button,.secondary-button,.text-button,.delete-button{border-radius:8px;font-weight:800}.primary-button,.secondary-button{padding:12px 16px;font-size:13px}.primary-button{color:#fff;background:var(--accent);border:1px solid var(--accent)}.secondary-button{color:var(--ink);border:1px solid var(--line);background:#fff}.static-warning,.manage-message,.manage-errors{border-radius:10px;margin-bottom:17px;padding:15px 18px;font-size:13px}.static-warning{color:#625b3f;background:#f4efdd;border:1px solid #e7ddbd}.static-warning strong{margin-bottom:4px;display:block}.static-warning p{margin:0;line-height:1.6}.static-warning code{background:#ffffffa6;border-radius:4px;padding:2px 5px}.manage-message{color:#2f5935;background:#e8f2e5}.manage-errors{border:1px solid #f0cbc6}.manage-errors ul{margin:8px 0 0;padding-left:18px}.manage-layout{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:18px;display:grid}.manage-main{gap:15px;display:grid}.manage-card,.preview-card{border:1px solid var(--line);background:#fff;border-radius:14px}.manage-card{padding:25px}.manage-card-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.manage-card-heading>div{align-items:center;gap:10px;display:flex}.manage-card-heading span{color:var(--accent);font-size:11px;font-weight:900}.manage-card-heading h2{margin:0;font-size:17px}.text-button{color:var(--accent);background:var(--accent-soft);border:0;padding:7px 10px;font-size:12px}.manage-form-grid{grid-template-columns:1fr 1fr;gap:16px;display:grid}.manage-field{display:block}.manage-field>span,.editable-row label>span{color:var(--muted);margin-bottom:7px;font-size:11px;font-weight:800;display:block}.manage-field>input{padding:0 13px}.full-field{grid-column:1/-1}.editable-list{gap:10px;display:grid}.editable-row{background:#f8faf6;border:1px solid #e5e9e1;border-radius:9px;align-items:end;gap:8px;padding:14px;display:grid}.service-row{grid-template-columns:1.1fr 1fr 80px 1.5fr auto}.rank-row{grid-template-columns:1fr 1fr 1.3fr auto}.rank-month-fields{border-top:1px solid #dfe5dc;grid-column:1/-1;padding-top:12px}.rank-month-fields>strong{margin-bottom:9px;font-size:11px;display:block}.rank-month-fields>div{grid-template-columns:repeat(4,1fr);gap:7px;display:grid}.rank-month-fields input{height:36px}.rank-month-fields>small{color:var(--muted);margin-top:8px;font-size:10px;display:block}.editable-row input{height:40px;padding:0 10px;font-size:12px}.delete-button{color:#a5433b;background:#fff1ef;border:0;height:40px;padding:0 10px;font-size:11px}.preview-card{padding:24px;position:sticky;top:18px}.preview-card h2{margin:8px 0 22px;font-size:23px}.preview-card dl{margin:0}.preview-card dl div{border-bottom:1px solid #edf0ea;justify-content:space-between;gap:10px;padding:10px 0;font-size:12px;display:flex}.preview-card dt{color:var(--muted)}.preview-card dd{margin:0;font-weight:800}.valid-badge,.invalid-badge{text-align:center;border-radius:7px;margin-top:18px;padding:10px;font-size:11px;font-weight:900}.valid-badge{color:#315a36;background:#e8f1e5}.invalid-badge{color:#9b3c34;background:#fff1ef}@media (width<=850px){.calculator-grid,.reference-grid,.manage-layout{grid-template-columns:1fr}.preview-card{position:static}.manage-hero{flex-direction:column;align-items:flex-start}.service-row,.rank-row{grid-template-columns:1fr 1fr}.rank-month-fields>div{grid-template-columns:repeat(2,1fr)}.description-field{grid-column:1/-1}}@media (width<=560px){.site-header,main{width:min(100% - 24px,1120px)}.site-header{height:64px}.site-header nav{gap:14px}.brand span:last-child{display:none}.hero-section{padding:48px 0 34px}.hero-section h1{font-size:37px}.input-card,.result-card,.reference-card,.manage-card{padding:22px}.salary-list,.manage-form-grid,.service-row,.rank-row{grid-template-columns:1fr}.rank-month-fields>div{grid-template-columns:1fr 1fr}.asset-split{grid-template-columns:1fr}.reference-heading{flex-direction:column;align-items:flex-start;gap:10px}.manage-page{padding-top:40px}.info-page{padding:45px 0 70px}.info-content{padding:25px 22px}.manage-hero h1{font-size:33px}.manage-actions{width:100%}.manage-actions button{flex:1}.description-field{grid-column:auto}}