:root { --navy:#0f5a3e!important; --navy-mid:#174e3b!important; --navy-light:#22644d!important; --gold:#0f5a3e!important; --gold-light:#16734d!important; --gold-pale:#e7f2ec!important; --cream:#f7faf8!important; --white:#fff!important; --text-dark:#172126!important; --text-mid:#56665e!important; --text-muted:#819088!important; --border:#dce5df!important; }
body { color:#172126!important; background:#f4f7f5!important; }
.site-header { height:68px!important; background:rgba(255,255,255,.96)!important; border-bottom:1px solid #dce5df!important; box-shadow:none!important; backdrop-filter:blur(14px); }
.header-inner { max-width:1180px!important; padding:0 24px!important; }
.header-logo { gap:11px!important; }
.logo-icon { width:34px!important; height:34px!important; position:relative; background:#0f5a3e!important; border-radius:9px!important; }
.logo-icon svg { display:none; }
.logo-icon::before { content:''; width:17px; height:15px; border:2px solid #fff; border-radius:2px 5px 5px 2px; }
.logo-icon::after { content:''; position:absolute; left:16px; top:9px; height:16px; border-left:2px solid #fff; }
.logo-text { color:#093d2a!important; font-weight:800!important; }
.header-nav { gap:4px!important; }
.h-nav-link { position:relative; padding:10px!important; color:#66746d!important; background:transparent!important; border-radius:0!important; font-size:13.5px!important; font-weight:600!important; }
.h-nav-link::after { content:''; position:absolute; left:10px; right:10px; bottom:4px; height:2px; background:#0f5a3e; transform:scaleX(0); transition:transform .18s ease; }
.h-nav-link:hover,.h-nav-link.active { color:#0f5a3e!important; }
.h-nav-link:hover::after,.h-nav-link.active::after { transform:scaleX(1); }
.static-menu-toggle { display:none; margin-left:auto; width:42px; height:42px; color:#093d2a; background:#fff; border:1px solid #dce5df; border-radius:10px; font:700 20px/1 'Noto Sans KR',sans-serif; }
.s-hero,.calc-hero { padding:66px 24px 76px!important; color:#172126!important; text-align:left!important; background:linear-gradient(135deg,#f8fbf9,#edf5f0)!important; border-bottom:1px solid #dce5df; }
.s-hero::before,.calc-hero::before { width:420px!important; height:420px!important; inset:-240px -100px auto auto!important; border:1px solid rgba(15,90,62,.13); border-radius:50%; background:transparent!important; box-shadow:0 0 0 55px rgba(15,90,62,.025),0 0 0 110px rgba(15,90,62,.016); }
.s-hero>* ,.calc-hero>* { display:block; max-width:1040px!important; margin-left:auto!important; margin-right:auto!important; }
.s-hero-badge,.calc-hero-badge { padding:0!important; margin-bottom:16px!important; color:#0f5a3e!important; background:transparent!important; border:0!important; border-radius:0!important; font-size:10.5px!important; font-weight:800!important; letter-spacing:.18em!important; }
.s-hero h1,.calc-hero h1 { margin-bottom:16px!important; color:#172126!important; font-size:clamp(32px,5vw,52px)!important; line-height:1.3!important; letter-spacing:-.045em!important; }
.s-hero h1 span,.calc-hero h1 em { color:#0f5a3e!important; }
.s-hero p,.calc-hero p { max-width:720px!important; margin-left:max(0px,calc((100% - 1040px)/2))!important; color:#66746d!important; font-size:14.5px!important; line-height:1.9!important; }
.s-hero p b { color:#0f5a3e!important; }
.page-breadcrumb a:hover { color:#0f5a3e!important; }
.s-panel { margin-top:-38px!important; padding:19px 22px!important; border:1px solid #cadad1!important; border-radius:14px!important; box-shadow:0 20px 44px rgba(9,61,42,.1)!important; }
.search-row svg,.breadcrumb,.calc-section-tag { color:#0f5a3e!important; }
.search-row button.go-btn,.search-btn,.calc-btn { color:#fff!important; background:#0f5a3e!important; border-radius:8px!important; }
.search-row button.go-btn:hover,.search-btn:hover,.calc-btn:hover { background:#093d2a!important; }
.chip { color:#56665e!important; background:#f7faf8!important; border-color:#dce5df!important; }
.chip:hover { color:#0f5a3e!important; border-color:#90b7a4!important; background:#e7f2ec!important; }
#progress-bar { background:#0f5a3e!important; }
.card,.seo-box,.calc-wrap,.calc-note-box,.saved-result-card { border-color:#dce5df!important; box-shadow:0 8px 28px rgba(9,61,42,.06)!important; }
.card:hover { border-color:#8eb5a2!important; border-left-color:#0f5a3e!important; box-shadow:0 12px 30px rgba(9,61,42,.1)!important; }
.tag,.tagcloud span { color:#0f5a3e!important; background:#e7f2ec!important; }
.card-detail,.seo-box,.calc-input,.dis-row,.hoffman-basis-box { background:#f7faf8!important; }
.calc-main { margin-top:-38px!important; }
.calc-wrap { border-radius:16px!important; }
.calc-input:focus { border-color:#0f5a3e!important; box-shadow:0 0 0 3px rgba(15,90,62,.08); }
.dis-quick-btn { color:#0f5a3e!important; background:#e7f2ec!important; border-color:#8eb5a2!important; }
.dis-quick-btn:hover { color:#fff!important; background:#0f5a3e!important; }
.calc-results-wrap,.saved-result-card-header,.saved-result-body,.hoffman-modal-header { background:#123f30!important; }
.calc-result-main,.calc-bd-row.total span,.calc-action-btn { color:#9cd2b8!important; }
.calc-disclaimer { border-left-color:#78b89a!important; }
.full-table-btn:hover { color:#0f5a3e!important; border-color:#0f5a3e!important; }
footer.site-footer,.site-footer { margin-top:56px!important; padding:38px 24px!important; color:#66746d!important; background:#eef3f0!important; border-top:1px solid #dce5df!important; }
.footer-logo-text { color:#093d2a!important; }
.footer-copy,.footer-copy a { color:#819088!important; }
@media(max-width:768px){
 html.nav-open,html.nav-open body{overflow:hidden!important}
 .site-header{height:60px!important}.header-inner{padding:0 16px!important}.logo-text{font-size:15px!important}.static-menu-toggle{display:grid;place-items:center}.header-nav{display:none!important;position:absolute;top:60px;left:12px;right:12px;z-index:110;padding:10px;flex-direction:column;align-items:stretch;background:#fff;border:1px solid #dce5df;border-radius:0 0 14px 14px;box-shadow:0 22px 54px rgba(9,61,42,.14)}.header-nav.open{display:flex!important}.h-nav-link{width:100%;padding:11px 12px!important;border-radius:8px!important}.h-nav-link::after{display:none}.h-nav-link:hover,.h-nav-link.active{background:#e7f2ec!important}.s-hero,.calc-hero{padding:48px 20px 58px!important}.s-hero p,.calc-hero p{margin-left:0!important}.search-row{flex-wrap:wrap}.search-row input{min-width:0;width:calc(100% - 36px);font-size:16px}.search-row button.go-btn{width:100%}.calc-main{padding-left:16px!important;padding-right:16px!important}.calc-inputs,.calc-results-wrap{padding:24px 18px!important}
}
