:root{--green:#28705a;--mint:#e6f1eb;--paper:#f5f7f4;--navy:#18364a;--line:#d9e2dd;--shadow:0 16px 36px rgba(24,54,74,.08)}
.site-header{background:rgba(245,247,244,.94)}
.hero{background:linear-gradient(135deg,#eef5f0 0%,#f5f7f4 68%)}
.benefits{padding-top:25px;background:#f5f7f4}
.benefit-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.benefit-card{display:flex;align-items:flex-start;gap:16px;min-height:130px;padding:17px;text-align:left;color:var(--navy);background:#f7f9fb;border:1px solid #dce3eb;border-radius:13px;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}
.benefit-card:hover,.benefit-card:focus-visible{transform:translateY(-2px);border-color:#72a48f;box-shadow:var(--shadow);outline:none}
.benefit-badge{display:grid;min-width:51px;height:51px;place-items:center;padding:5px;color:#fff;background:linear-gradient(145deg,#4b8a70,#28705a);border-radius:12px;font-size:14px;font-weight:900;line-height:1.05;text-align:center}
.benefit-card>span:last-child{display:grid;gap:4px}
.benefit-card strong{font-size:16px}
.benefit-card small{color:#5f6b75;font-size:13px;line-height:1.45}
.benefit-card em{width:max-content;padding:3px 7px;color:#28705a;background:#e6f1eb;border-radius:4px;font-size:11px;font-style:normal;font-weight:800}
.hours-check{display:grid;grid-template-columns:.8fr 1.2fr;gap:28px;align-items:center;margin-top:18px;padding:23px 24px;background:#fff;border:1px solid #e0e5ea;border-radius:13px;box-shadow:0 4px 18px rgba(121,58,18,.04)}
.hours-check h3{margin:5px 0 5px;color:var(--navy);font-size:24px;letter-spacing:-.06em}.hours-check p{margin:0;color:var(--muted);font-size:13px;word-break:keep-all}.hours-control label{display:block;margin-bottom:6px;color:var(--navy);font-size:12px;font-weight:900}.hours-control label span{color:var(--muted);font-weight:700}.hours-input-wrap{position:relative}.hours-input-wrap input{width:100%;min-height:48px;padding:0 56px 0 14px;border:1px solid #cbd4dc;border-radius:9px;font:inherit;font-size:16px}.hours-input-wrap span{position:absolute;right:14px;top:12px;color:var(--muted);font-size:13px;font-weight:800}.hours-pills{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.hours-pills button{min-height:34px;padding:0 12px;color:var(--navy);background:#f3f5f7;border:1px solid #dce2e8;border-radius:99px;cursor:pointer}.hours-pills button:hover,.hours-pills button:focus-visible{border-color:#72a48f;outline:none}.hours-result{margin-top:9px!important;color:#28705a!important;font-size:12px!important;font-weight:900}
.workspace{background:#edf4ef}
.official-mini{display:grid;gap:9px;margin-top:20px}
.official-mini a{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;color:var(--navy);background:var(--paper);border:1px solid var(--line);border-radius:9px;text-decoration:none}
.official-mini a:hover,.official-mini a:focus-visible{border-color:#72a48f;outline:none}
.official-mini strong{font-size:14px}
.official-mini span{color:var(--muted);font-size:12px}
@media(max-width:620px){.benefits{padding-top:12px}.benefit-grid{grid-template-columns:1fr;gap:10px}.benefit-card{min-height:112px;padding:14px;gap:13px}.benefit-badge{min-width:48px;height:48px}.benefit-card strong{font-size:15px}.benefit-card small{font-size:12px}}
@media(max-width:620px){.hours-check{grid-template-columns:1fr;gap:16px;padding:19px 17px}.hours-check h3{font-size:22px}}
.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}
.top-nav a[href="#situations"]{display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border-radius:10px;background:#ee7625;color:#fff;font-weight:900;box-shadow:0 6px 14px rgba(238,118,37,.2)}
.top-nav a[href="#situations"]:hover,.top-nav a[href="#situations"]:focus-visible{background:#d95f12;color:#fff;transform:translateY(-1px)}
.calculator-page main>section:not(#workspace){display:none}
[data-page="home"] #workspace{display:none}
.calculator-page .workspace{min-height:calc(100vh - 72px);padding-top:54px}
.calculator-page .top-nav a[href="#situations"]{background:transparent;color:var(--navy);box-shadow:none}
.calculator-page .top-nav a[href="#situations"]:hover,.calculator-page .top-nav a[href="#situations"]:focus-visible{background:#eaf4fb;color:var(--navy)}
.situation-card:nth-child(1){background:linear-gradient(145deg,#fffaf2 0%,#fff 62%);border-top:4px solid #f2a03b}
.situation-card:nth-child(2){background:linear-gradient(145deg,#f1f8ff 0%,#fff 62%);border-top:4px solid #4d9bd2}
.situation-card:nth-child(3){background:linear-gradient(145deg,#f6f1ff 0%,#fff 62%);border-top:4px solid #8b6ac8}
.situation-card:nth-child(4){background:linear-gradient(145deg,#eefaf6 0%,#fff 62%);border-top:4px solid #3d9b7b}
.situation-card:nth-child(1) .card-number,.situation-card:nth-child(1) .card-state{color:#c97913}
.situation-card:nth-child(2) .card-number,.situation-card:nth-child(2) .card-state{color:#2877b5}
.situation-card:nth-child(3) .card-number,.situation-card:nth-child(3) .card-state{color:#7250a9}
.situation-card:nth-child(4) .card-number,.situation-card:nth-child(4) .card-state{color:#267c60}
.situation-card:nth-child(1).is-active{border-color:#f2a03b}
.situation-card:nth-child(2).is-active{border-color:#4d9bd2}
.situation-card:nth-child(3).is-active{border-color:#8b6ac8}
.situation-card:nth-child(4).is-active{border-color:#3d9b7b}
.situation-card .card-state{margin-top:12px;font-size:18px;line-height:1.3;letter-spacing:-.04em}
.benefit-card{position:relative;overflow:hidden;border-radius:18px;background:#fff;border-color:#d7e2ec}
.benefit-card::before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:#f2a03b}
.benefit-card:nth-child(2)::before{background:#4d9bd2}.benefit-card:nth-child(3)::before{background:#8b6ac8}.benefit-card:nth-child(4)::before{background:#3d9b7b}.benefit-card:nth-child(5)::before{background:#e57a66}.benefit-card:nth-child(6)::before{background:#6378c5}
.benefit-badge{min-width:52px!important;height:52px!important;border-radius:14px!important;background:#fff3df!important;color:#c97913!important;border:1px solid #f4c67f;box-shadow:none}
.benefit-card:nth-child(2) .benefit-badge{background:#eaf4fb!important;color:#2877b5!important;border-color:#9dc8e7}.benefit-card:nth-child(3) .benefit-badge{background:#f1edfb!important;color:#7250a9!important;border-color:#c3afe4}.benefit-card:nth-child(4) .benefit-badge{background:#eaf7f2!important;color:#267c60!important;border-color:#a8d9c5}.benefit-card:nth-child(5) .benefit-badge{background:#fff0ed!important;color:#c85f4c!important;border-color:#efb2a6}.benefit-card:nth-child(6) .benefit-badge{background:#eef0fb!important;color:#5266ae!important;border-color:#b8c2e7}
.benefit-card strong{font-size:18px!important;letter-spacing:-.04em}
.hero-btn{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;text-decoration:none}
.hero-btn span{margin-left:8px}
.secondary-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);font-weight:800;min-height:46px;padding:0 18px;text-decoration:none}
.secondary-btn:hover,.secondary-btn:focus-visible{border-color:#78acd5;background:#f8fbfd}
.copy-result{margin-top:14px;border:1px solid var(--line);border-radius:10px;background:#fff;color:var(--navy);padding:9px 12px;font-weight:800;cursor:pointer}
.copy-result:hover,.copy-result:focus-visible{border-color:#78acd5;background:#f3f8fc}
@media (max-width:640px){.hero-actions{display:grid}.hero-btn,.secondary-btn{width:100%}}

/* Homepage: a focused calculator hub rather than a long information wall. */
.home-simple{background:#f4f7fb}.home-simple .site-header{background:rgba(255,255,255,.94);border-color:#e0e7ef}.home-simple .brand-mark{background:#2f67e4}.home-simple .top-nav a[href="#quick-tools"]{background:#2f67e4;box-shadow:0 6px 14px rgba(47,103,228,.22)}.home-simple .top-nav a[href="#quick-tools"]:hover,.home-simple .top-nav a[href="#quick-tools"]:focus-visible{background:#1f52c5}.compact-hero{padding:52px 0 44px;background:linear-gradient(135deg,#173b91 0%,#2658cf 62%,#3d69d6 100%);color:#fff}.compact-hero .container{position:relative}.compact-kicker{display:inline-flex;margin:0 0 14px;padding:6px 11px;border:1px solid rgba(255,255,255,.18);border-radius:99px;background:rgba(255,255,255,.12);color:#dce9ff;font-size:12px;font-weight:900}.compact-hero h1{margin:0;color:#fff;font-size:clamp(34px,4.7vw,54px);line-height:1.18;letter-spacing:-.075em}.compact-hero h1 em{color:#a9ccff}.compact-hero .hero-lead{max-width:680px;margin:15px 0 0;color:#dce9ff;font-size:16px}.home-simple .trust-row{margin-top:18px;color:#e7f0ff}.home-simple .trust-row span{padding:4px 0}.quick-tools{padding:30px 0 58px}.tool-shell{overflow:hidden;background:#fff;border:1px solid #d9e3f0;border-radius:18px;box-shadow:0 12px 28px rgba(38,71,130,.08)}.stage-tabs{display:grid;grid-template-columns:repeat(4,1fr);overflow:auto;background:#f8faff;border-bottom:1px solid #dfe7f0}.stage-tabs a{display:flex;justify-content:center;align-items:center;gap:7px;min-width:145px;padding:17px 12px;border-right:1px solid #e2e8f0;color:#526476;font-size:14px;font-weight:900;text-decoration:none;white-space:nowrap}.stage-tabs a:first-child{color:#1d4fbb;background:#fff;box-shadow:inset 0 -3px #2f67e4}.stage-tabs a:hover,.stage-tabs a:focus-visible{color:#1d4fbb;background:#fff;outline:none}.stage-tabs span{font-size:11px;color:#7890ad}.tool-body{padding:30px}.tool-heading{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:22px}.tool-heading .eyebrow{margin-bottom:7px;color:#2f67e4}.tool-heading h2{margin:0;color:#173b5f;font-size:28px;letter-spacing:-.06em}.tool-heading p:last-child{margin:7px 0 0;color:#647487;font-size:14px}.quiet-link{display:inline-flex;flex:0 0 auto;padding:10px 12px;border-radius:9px;background:#eef4ff;color:#2f67e4;font-size:13px;font-weight:900;text-decoration:none}.quiet-link:hover,.quiet-link:focus-visible{background:#dfeaff;outline:none}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.tool-link{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:11px;min-height:115px;padding:17px;border:1px solid #dbe4ef;border-radius:13px;color:#173b5f;text-decoration:none;transition:.18s ease}.tool-link:hover,.tool-link:focus-visible{transform:translateY(-2px);border-color:#7aa4ef;box-shadow:0 9px 20px rgba(40,91,186,.11);outline:none}.tool-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:11px;background:#eaf1ff;color:#2f67e4;font-size:20px;font-weight:900}.tool-link strong{display:block;font-size:16px;letter-spacing:-.04em}.tool-link small{display:block;margin-top:4px;color:#647487;font-size:12px;line-height:1.45}.tool-link b{color:#2f67e4;font-size:20px}.tool-work .tool-icon{background:#e8f7f5;color:#1c8a78}.tool-exit .tool-icon{background:#f1edfb;color:#7250a9}.home-simple .situations,.home-simple .benefits,.home-simple .faq-section,.home-simple .official{display:none}.home-simple .fact-section{padding:0 0 50px;background:transparent}.home-simple .content-grid{grid-template-columns:1fr auto;gap:25px;align-items:center;padding:24px 28px;background:#fff;border:1px solid #d9e3f0;border-radius:16px}.home-simple .content-grid h2{margin-bottom:8px;font-size:22px}.home-simple .content-grid article p{margin:0;font-size:14px}.home-simple .source-box{display:grid;grid-template-columns:repeat(2,auto);gap:8px;padding:0;background:transparent;border:0}.home-simple .source-box strong,.home-simple .source-box p{display:none}.home-simple .source-box ul{display:contents;margin:0;padding:0;list-style:none}.home-simple .source-box li{padding:8px 10px;border-radius:8px;background:#eef4ff;color:#2f67e4;font-size:12px;font-weight:800}.home-simple .site-footer{background:#fff}
@media(max-width:900px){.tool-grid{grid-template-columns:1fr}.home-simple .content-grid{grid-template-columns:1fr}.home-simple .source-box{grid-template-columns:repeat(3,1fr)}}
@media(max-width:620px){.compact-hero{padding:38px 0 34px}.compact-hero h1{font-size:36px}.compact-hero .hero-lead{font-size:14px}.stage-tabs{display:flex}.stage-tabs a{min-width:118px;padding:14px 10px;font-size:13px}.tool-body{padding:21px 17px}.tool-heading{display:block;margin-bottom:16px}.tool-heading h2{font-size:25px}.quiet-link{margin-top:13px}.tool-grid{gap:10px}.tool-link{min-height:96px;padding:14px}.home-simple .content-grid{padding:20px 17px}.home-simple .source-box{grid-template-columns:1fr}.home-simple .fact-section{padding-bottom:32px}}
.home-simple .content-grid{grid-template-columns:1fr}.home-simple .source-box{display:none}
/* Keep a generous reading gutter on desktop. It prevents the calculator from
   feeling crowded and leaves a clear visual boundary if ads are added later. */
@media(min-width:621px){.container{width:min(900px,calc(100% - 120px))}}
.compact-hero{padding:23px 0 22px;background:linear-gradient(135deg,#172a47 0%,#2b4058 58%,#5e7185 100%)}
.compact-kicker{margin-bottom:8px;color:#e9eef2;background:rgba(255,255,255,.09)}
.compact-hero h1{font-size:clamp(32px,3.8vw,44px)}
.compact-hero h1 em{color:#ced8e2}
.compact-hero .hero-lead{margin-top:8px;color:#e8edf0}
.home-simple .trust-row{margin-top:10px;color:#e5ebef}
@media(max-width:620px){.compact-hero{padding:24px 0 22px}.compact-hero h1{font-size:clamp(31px,8.5vw,38px)}.compact-hero .hero-lead{font-size:15px}.home-simple .trust-row{margin-top:10px}}

/* 첫 화면에서 필요한 계산기로 바로 들어가는 빠른 찾기 */
.top-tool-finder{padding:14px 0 0;background:#f4f7fb}.tool-finder-form{position:relative;padding:13px 16px 12px;background:#fff;border:1px solid #d9e3f0;border-radius:14px;box-shadow:0 6px 18px rgba(38,71,130,.06)}.tool-finder-form label{display:flex;align-items:center;gap:7px;margin:0 0 8px;color:#173b5f;font-size:14px;font-weight:900}.tool-finder-form label:first-letter{color:#2f67e4;font-size:19px}.tool-finder-input-wrap{display:flex;gap:8px}.tool-finder-input-wrap input{width:100%;min-width:0;height:44px;padding:0 14px;border:1px solid #cddaea;border-radius:10px;color:#173b5f;background:#fff;font:inherit;font-size:14px;outline:none}.tool-finder-input-wrap input:focus{border-color:#2f67e4;box-shadow:0 0 0 3px rgba(47,103,228,.14)}.tool-finder-input-wrap button{flex:0 0 auto;min-width:62px;border:0;border-radius:10px;background:#2f67e4;color:#fff;font:inherit;font-size:14px;font-weight:900;cursor:pointer}.tool-finder-input-wrap button:hover,.tool-finder-input-wrap button:focus-visible{background:#1f52c5;outline:none}.tool-finder-form p{margin:7px 0 0;color:#647487;font-size:12px}.tool-finder-results{display:flex;flex-wrap:wrap;gap:7px;margin-top:10px}.tool-finder-result{border:1px solid #cfdcf0;border-radius:999px;background:#f4f7ff;color:#1d4fbb;padding:7px 10px;font:inherit;font-size:13px;font-weight:800;cursor:pointer}.tool-finder-result:hover,.tool-finder-result:focus-visible{border-color:#2f67e4;background:#eaf1ff;outline:none}.tool-finder-empty{margin:2px 0 0;color:#647487;font-size:13px}

/* 첫 화면의 소개는 도구 찾기를 방해하지 않도록 한 단계 더 압축한다. */
.compact-hero{padding:17px 0 16px;background:linear-gradient(135deg,#1b2631 0%,#394754 60%,#66737f 100%)}.compact-kicker{margin-bottom:6px;padding:4px 9px;font-size:11px}.compact-hero h1{font-size:clamp(29px,3.35vw,39px);line-height:1.14}.compact-hero h1 em{color:#d4dde4}.compact-hero .hero-lead{margin-top:6px;color:#e0e5e9;font-size:14px}.home-simple .trust-row{margin-top:8px;color:#dfe5e9;font-size:12px}
@media(max-width:620px){.top-tool-finder{padding-top:10px}.tool-finder-form{padding:12px}.tool-finder-input-wrap{gap:6px}.tool-finder-input-wrap input{height:42px;font-size:13px}.tool-finder-input-wrap button{min-width:56px}.tool-finder-form p{font-size:11px}.compact-hero{padding:16px 0 15px}.compact-hero h1{font-size:clamp(28px,8vw,34px)}.compact-hero .hero-lead{font-size:13px}.home-simple .trust-row{gap:3px;font-size:11px}}