@font-face{font-family:Paperlogy;src:url("https://cdn.jsdelivr.net/gh/fonts-archive/Paperlogy/Paperlogy-7Bold.woff2") format("woff2");font-weight:700;font-style:normal;font-display:swap}
:root{--ink:#263447;--muted:#68788b;--blue:#5d82aa;--blue2:#dfeaf5;--paper:#fffdf8;--line:#c8d5e1;--yellow:#f5cc6a;--shadow:#26344720}*{box-sizing:border-box}body{margin:0;background:#eef3f8;color:var(--ink);font-family:Pretendard,"Malgun Gothic",sans-serif;line-height:1.65}a{color:inherit}.top{min-height:64px;padding:10px max(18px,calc((100vw - 1040px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:#fffdf8}.top a{text-decoration:none;font-weight:700}.top nav{display:flex;gap:8px}.top nav a{padding:8px 11px;border:1px solid var(--line);border-radius:999px;font-size:12px}.wrap{width:min(1040px,calc(100% - 28px));margin:34px auto 64px}.hero{padding:42px;border:1px solid #afc2d4;border-radius:28px;background:radial-gradient(circle at 92% 16%,#f8dc95 0,transparent 25%),linear-gradient(135deg,#e8f2fb,#fffaf0);box-shadow:0 16px 40px var(--shadow)}.eyebrow{margin:0;color:#537ba3;font-size:12px;font-weight:800;letter-spacing:.12em}.hero h1{font:700 clamp(32px,6vw,54px)/1.2 Paperlogy,Pretendard,sans-serif;margin:10px 0}.hero p:last-child{margin:0;color:var(--muted)}.tool-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.tool-card{display:flex;min-height:250px;flex-direction:column;padding:25px;border:1px solid var(--line);border-radius:22px;background:var(--paper);text-decoration:none;box-shadow:0 10px 25px var(--shadow);transition:.2s}.tool-card:hover,.tool-card:focus-visible{transform:translateY(-4px);border-color:var(--blue)}.tool-card .icon{font-size:38px}.tool-card small{margin-top:16px;color:var(--blue);font-weight:800}.tool-card h2{font:700 25px Paperlogy,Pretendard,sans-serif;margin:5px 0 8px}.tool-card p{margin:0;color:var(--muted);font-size:13px}.tool-card b{margin-top:auto;padding-top:20px;color:#416d98}.notice,.explain{margin-top:22px;padding:22px;border:1px solid var(--line);border-radius:20px;background:var(--paper)}.notice h2,.explain h2{font:700 22px Paperlogy,Pretendard,sans-serif;margin:0 0 8px}.notice p,.explain p{margin:6px 0;color:var(--muted);font-size:13px}.crumb{display:inline-flex;gap:8px;align-items:center;margin-bottom:15px;text-decoration:none;color:#587795;font-size:13px;font-weight:700}.calculator{margin-top:20px;padding:26px;border:1px solid var(--line);border-radius:24px;background:var(--paper);box-shadow:0 12px 30px var(--shadow)}.tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:22px}.tab{padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:#fff;color:var(--muted);font:700 13px inherit;cursor:pointer}.tab.active{background:var(--ink);border-color:var(--ink);color:#fff}.pane[hidden]{display:none}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.field{display:flex;flex-direction:column;gap:6px}.field.wide{grid-column:1/-1}.field label{font-size:13px;font-weight:800}.field small{color:var(--muted);font-size:11px}.field input,.field select{width:100%;padding:12px 13px;border:1px solid var(--line);border-radius:12px;background:#fff;font:inherit;color:var(--ink)}.field input:focus,.field select:focus{outline:3px solid #cfe1f2;border-color:var(--blue)}.check{display:flex;gap:9px;align-items:center;padding:12px;border:1px solid var(--line);border-radius:12px}.check input{width:auto}.calculate{margin-top:18px;padding:13px 20px;border:0;border-radius:13px;background:var(--ink);color:#fff;font:800 14px inherit;cursor:pointer}.result{margin-top:18px;padding:20px;border:1px solid #e3bf62;border-radius:17px;background:#fff7d9}.result[hidden]{display:none}.result small,.result strong,.result span{display:block}.result small{color:#856d35}.result strong{font:700 32px Paperlogy,Pretendard,sans-serif;margin:3px 0}.result span{color:#665c4b;font-size:12px}.result-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.result-grid div{padding:11px;border-radius:11px;background:#fff;border:1px solid #ead9a6}.result-grid b,.result-grid small{display:block}.result-grid b{font-size:15px}.table-wrap{margin-top:14px;overflow:auto}.schedule{width:100%;border-collapse:collapse;font-size:12px;white-space:nowrap}.schedule th,.schedule td{padding:8px;border-bottom:1px solid #ead9a6;text-align:right}.schedule th:first-child,.schedule td:first-child{text-align:left}.source-list{margin:10px 0 0;padding-left:20px;color:var(--muted);font-size:12px}.source-list a{color:#416d98}.warning{margin-top:18px;padding:14px 16px;border-left:4px solid #e5a84f;background:#fff8e7;color:#6a5b42;font-size:12px}.footer{text-align:center;padding:30px;color:#7c8895;font-size:11px;border-top:1px solid var(--line)}
@media(max-width:720px){.top{align-items:flex-start}.top nav{flex-direction:column;align-items:flex-end}.wrap{margin-top:20px}.hero{padding:27px 22px}.tool-grid{grid-template-columns:1fr}.tool-card{min-height:0}.form-grid{grid-template-columns:1fr}.field.wide{grid-column:auto}.calculator{padding:19px 15px}.result-grid{grid-template-columns:1fr}.tabs{gap:6px}.tab{padding:9px 11px;font-size:12px}}
