*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#16211d;background:#f4f2eb;margin:0;font-family:Arial,Noto Sans KR,sans-serif;line-height:1.65}a{color:inherit}.skip-link{z-index:1000;color:#fff;background:#16211d;border-radius:8px;padding:12px 16px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:16px}.site-header{justify-content:space-between;align-items:center;max-width:1180px;margin:auto;padding:20px 28px;display:flex}.brand{font-size:24px;font-weight:900;text-decoration:none}.site-header nav,.site-footer div{gap:22px;display:flex}.site-header nav a,.site-footer a{align-items:center;min-height:44px;font-weight:700;text-decoration:none;display:inline-flex}.site-shell{max-width:1180px;margin:auto;padding:24px 28px 80px}.hero{max-width:880px;padding:80px 0 96px}.eyebrow{color:#c43f16;letter-spacing:.13em;font-size:12px;font-weight:900}.hero h1{letter-spacing:-.055em;margin:18px 0 28px;font-size:clamp(48px,8vw,92px);line-height:.98}.hero>p:not(.eyebrow){color:#46524e;max-width:720px;font-size:20px}.actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.button{color:#fff;background:#16211d;border-radius:8px;justify-content:center;align-items:center;min-height:48px;padding:15px 22px;font-weight:800;text-decoration:none;display:inline-flex}.button.secondary{color:#16211d;background:0 0;border:1px solid #16211d}.section{padding:58px 0}.section h2,.feature h2,.article h1{letter-spacing:-.035em;margin:12px 0 30px;font-size:clamp(32px,5vw,56px);line-height:1.08}.grid{grid-template-columns:repeat(3,1fr);gap:18px;display:grid}.card{background:#fff;border:1px solid #dedbd1;border-radius:14px;padding:28px}.card span{color:#c43f16;font-weight:900}.card h3{margin:18px 0 8px;font-size:24px}.card a{font-weight:900}.feature{background:#cde86b;border-radius:20px;justify-content:space-between;align-items:end;gap:30px;margin-top:50px;padding:44px;display:flex}.feature>div{max-width:760px}.site-footer{color:#52605a;border-top:1px solid #d6d2c7;justify-content:space-between;gap:30px;max-width:1180px;margin:auto;padding:32px 28px 48px;display:flex}.site-footer p{max-width:620px;margin:0}.article{overflow-wrap:anywhere;max-width:820px;margin:auto;padding:54px 28px 90px}.article h2{margin-top:44px;font-size:30px}.article h3{margin-top:30px;font-size:23px}.article .lead{color:#43504b;font-size:21px}.article table{border-collapse:collapse;-webkit-overflow-scrolling:touch;background:#fff;width:100%;display:block;overflow-x:auto}.article th,.article td{text-align:left;vertical-align:top;border:1px solid #d8d5cc;padding:14px}.article a:not(.button){text-underline-offset:3px;text-decoration-thickness:1px}.notice{background:#fff4d8;border-left:4px solid #c43f16;padding:18px 20px}.tool{background:#fff;border-radius:14px;padding:26px}.tool-grid{grid-template-columns:repeat(2,1fr);gap:16px;display:grid}.tool label{gap:7px;font-weight:800;display:grid}.tool input{min-height:44px;font:inherit;border:1px solid #777;border-radius:6px;padding:12px}.result{background:#cde86b;border-radius:10px;margin-top:22px;padding:20px;font-size:20px;font-weight:900}:focus-visible{outline-offset:3px;outline:3px solid #2563eb}@media (max-width:760px){.site-header{flex-direction:column;align-items:flex-start;gap:10px;padding:16px 20px}.site-header nav{flex-wrap:wrap;justify-content:flex-start;gap:4px 14px;width:100%;font-size:14px}.site-shell{padding:16px 20px 64px}.article{padding:38px 20px 72px}.article h2{font-size:26px;line-height:1.25}.article .lead{font-size:19px}.article th,.article td{min-width:150px;padding:12px}.grid{grid-template-columns:1fr}.feature,.site-footer{flex-direction:column;align-items:flex-start}.hero{padding:44px 0 64px}.hero h1{font-size:clamp(42px,13vw,64px)}.tool-grid{grid-template-columns:1fr}.site-footer{padding:28px 20px}.site-footer div{flex-wrap:wrap;gap:6px 16px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{scroll-behavior:auto!important}}