:root{--color-primary:#2563eb;--color-primary-dark:#1d4ed8;--color-primary-bg:#eff6ff;--color-surface:#fff;--color-bg:#f9fafb;--color-border:#d1d5db;--color-text-1:#111827;--color-text-2:#374151;--color-text-3:#6b7280;--color-error:#ef4444;--color-result-bg:#f0f9ff;--color-result-border:#bae6fd}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{max-width:100vw;overflow-x:hidden}body{background:var(--color-bg);color:var(--color-text-1);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Noto Sans KR,sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.site-wrapper{flex-direction:column;min-height:100vh;display:flex}.container{width:100%;max-width:680px;margin:0 auto;padding:0 16px}.site-header{background:var(--color-surface);border-bottom:1px solid var(--color-border);z-index:100;padding:0;position:sticky;top:0}.header-inner{justify-content:space-between;align-items:center;height:56px;display:flex}.site-logo{color:var(--color-primary);letter-spacing:-.02em;flex-shrink:0;font-size:1.1rem;font-weight:700;text-decoration:none}.site-nav{align-items:center;gap:4px;display:flex}.nav-link{color:var(--color-text-2);white-space:nowrap;border-radius:6px;padding:6px 10px;font-size:.83rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s}.nav-link:hover{background:var(--color-primary-bg);color:var(--color-primary)}.site-slogan{color:var(--color-text-3);border-left:1px solid var(--color-border);padding-left:12px;font-size:.8rem;line-height:1}.hero{background:var(--color-primary-bg);text-align:center;border-bottom:1px solid #dbeafe;padding:40px 0 32px}.hero h1{color:var(--color-text-1);letter-spacing:-.03em;font-size:1.75rem;font-weight:800;line-height:1.25}.hero-sub{color:var(--color-text-3);margin-top:8px;font-size:.9rem}.main-content{flex:1;padding:32px 0 48px}.calc-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:20px;padding:28px 24px;display:flex}.field-group{flex-direction:column;gap:6px;display:flex}.field-label{color:var(--color-text-2);font-size:.875rem;font-weight:600}.field-unit{color:var(--color-text-3);font-weight:400}.field-input{border:1px solid var(--color-border);height:44px;color:var(--color-text-1);background:var(--color-surface);border-radius:8px;outline:none;width:100%;padding:0 12px;font-size:1rem;transition:border-color .15s}.field-input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px #2563eb1a}.field-input--error{border-color:var(--color-error)}.field-input--error:focus{box-shadow:0 0 0 3px #ef44441a}.money-input-hint{color:var(--color-text-3);margin:0 0 4px;font-size:.75rem;line-height:1.4}.field-error{color:var(--color-error);margin-top:2px;font-size:.8rem}.checkbox-group{flex-direction:column;gap:4px;display:flex}.checkbox-label{color:var(--color-text-2);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;font-size:.9rem;display:flex}.checkbox-input{width:16px;height:16px;accent-color:var(--color-primary);cursor:pointer;flex-shrink:0}.checkbox-hint{color:var(--color-text-3);padding-left:24px;font-size:.78rem}.btn-row{gap:10px;display:flex}.btn-primary{background:var(--color-primary);color:#fff;cursor:pointer;letter-spacing:-.01em;border:none;border-radius:8px;flex:1;height:48px;font-size:1rem;font-weight:700;transition:background .15s}.btn-primary:hover{background:var(--color-primary-dark)}.btn-secondary{background:var(--color-surface);height:48px;color:var(--color-primary);border:1.5px solid var(--color-primary);cursor:pointer;letter-spacing:-.01em;border-radius:8px;flex:1;font-size:1rem;font-weight:700;transition:background .15s,color .15s}.btn-secondary:hover{background:var(--color-primary-bg)}.calc-global-error{color:var(--color-error);text-align:center;font-size:.875rem}.result-card{background:var(--color-result-bg);border:1px solid var(--color-result-border);border-radius:10px;flex-direction:column;gap:16px;padding:20px;display:flex}.result-main{border-bottom:1px solid var(--color-result-border);flex-direction:column;align-items:center;gap:4px;padding-bottom:16px;display:flex}.result-main-label{color:var(--color-text-3);font-size:.85rem;font-weight:500}.result-main-value{color:var(--color-primary);letter-spacing:-.04em;font-size:2rem;font-weight:800;line-height:1.2}.result-list{flex-direction:column;gap:10px;list-style:none;display:flex}.result-row{justify-content:space-between;align-items:center;font-size:.875rem;display:flex}.result-row-label{color:var(--color-text-3)}.result-row-value{color:var(--color-text-2);font-weight:600}.result-row-value--tax{color:var(--color-error)}.result-disclaimer{color:var(--color-text-3);border-top:1px solid var(--color-result-border);padding-top:4px;font-size:.75rem;line-height:1.5}.ad-slot{min-height:90px;margin:32px 0}.info-section{margin-top:8px}.info-title{color:var(--color-text-1);margin-bottom:10px;font-size:1.05rem;font-weight:700}.info-text{color:var(--color-text-2);margin-bottom:14px;font-size:.875rem;line-height:1.7}.compare-box{grid-template-columns:1fr 1fr;gap:12px;margin-top:4px;display:grid}.compare-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:14px}.compare-item strong{color:var(--color-primary);margin-bottom:6px;font-size:.875rem;font-weight:700;display:block}.compare-item p{color:var(--color-text-3);font-size:.8rem;line-height:1.5}.other-calcs{margin-top:40px}.other-calcs-title{color:var(--color-text-1);margin-bottom:16px;font-size:1.05rem;font-weight:700}.calc-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.calc-grid-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:10px;flex-direction:column;gap:6px;padding:18px 16px;text-decoration:none;transition:border-color .15s,box-shadow .15s;display:flex}.calc-grid-card:hover{border-color:var(--color-primary);box-shadow:0 2px 8px #2563eb14}.calc-grid-icon{font-size:1.5rem;line-height:1}.calc-grid-name{color:var(--color-text-1);font-size:.9rem;font-weight:700}.calc-grid-desc{color:var(--color-text-3);font-size:.8rem;line-height:1.4}.hero--sm{padding:24px 0 20px}.hero--sm h1{font-size:1.4rem}.privacy-article{background:var(--color-surface);border:1px solid var(--color-border);border-radius:12px;flex-direction:column;gap:24px;padding:28px 24px;display:flex}.privacy-intro{color:var(--color-text-2);border-bottom:1px solid var(--color-border);padding-bottom:8px;font-size:.9rem;line-height:1.7}.privacy-section{flex-direction:column;gap:8px;display:flex}.privacy-section h2{color:var(--color-text-1);font-size:.95rem;font-weight:700}.privacy-section p{color:var(--color-text-2);font-size:.875rem;line-height:1.7}.privacy-list{flex-direction:column;gap:4px;padding-left:20px;display:flex}.privacy-list li{color:var(--color-text-2);font-size:.875rem;line-height:1.7}.privacy-link{color:var(--color-primary);word-break:break-all;text-decoration:underline}.privacy-contact{background:var(--color-bg);color:var(--color-text-2);border-radius:8px;padding:12px;font-size:.875rem;line-height:1.8}.faq-section{margin-top:8px}.faq-title{color:var(--color-text-1);margin-bottom:16px;font-size:1.05rem;font-weight:700}.faq-list{flex-direction:column;gap:16px;display:flex}.faq-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:8px;padding:16px}.faq-q{color:var(--color-text-1);margin-bottom:6px;font-size:.9rem;font-weight:700}.faq-a{color:var(--color-text-3);font-size:.85rem;line-height:1.6}.site-footer{background:var(--color-surface);border-top:1px solid var(--color-border);padding:24px 0}.site-footer .container{text-align:center;flex-direction:column;align-items:center;gap:8px;display:flex}.footer-nav{flex-wrap:wrap;justify-content:center;gap:8px 16px;margin-bottom:4px;display:flex}.footer-link{color:var(--color-text-3);font-size:.8rem;text-decoration:none;transition:color .15s}.footer-link:hover{color:var(--color-primary);text-decoration:underline}.footer-copy{color:var(--color-text-3);font-size:.78rem}.footer-disclaimer{color:#9ca3af;max-width:480px;font-size:.73rem;line-height:1.5}@media (max-width:600px){.site-nav .nav-link:nth-child(n+2){display:none}}@media (max-width:480px){.hero h1{font-size:1.4rem}.result-main-value{font-size:1.6rem}.calc-card{padding:20px 16px}.compare-box,.calc-grid{grid-template-columns:1fr}.privacy-article{padding:20px 16px}.site-nav{display:none}}