:root{--ink:#18322b;--muted:#60716b;--line:#dce7e2;--brand:#19765a;--soft:#f3f8f6;--white:#fff}*{box-sizing:border-box}body{margin:0;background:#fbfdfc;color:var(--ink);font-family:system-ui,-apple-system,"Segoe UI","Noto Sans KR",sans-serif;line-height:1.75}header,main,footer{width:min(1080px,calc(100% - 32px));margin:auto}header{height:72px;display:flex;align-items:center;border-bottom:1px solid var(--line);gap:10px}.brand{color:var(--ink);font-size:1.25rem;font-weight:800;text-decoration:none;display:flex;align-items:center;gap:9px}.mark{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:var(--brand);color:#fff}.brand-en{font-size:.76rem;color:var(--muted)}main{padding:36px 0 72px}.hero{padding:48px clamp(24px,6vw,72px);background:linear-gradient(135deg,#edf8f3,#fff);border:1px solid var(--line);border-radius:24px;margin-bottom:44px}.hero h1{font-size:clamp(2.2rem,7vw,4.5rem);margin:.1em 0}.eyebrow{color:var(--brand);font-weight:700}article{max-width:800px;margin:0 auto}article h1{font-size:clamp(1.75rem,5vw,2.65rem);line-height:1.3;margin:.5em 0 1.2em}.content h2:first-child{display:none}.content h2,.content h3{line-height:1.4;margin-top:2em}.content p,.content li{color:#314a42}.content blockquote{margin:2em 0;padding:18px 22px;background:var(--soft);border-left:4px solid var(--brand)}.breadcrumb{font-size:.88rem;color:var(--muted);display:flex;gap:8px;flex-wrap:wrap;margin-bottom:24px}.breadcrumb a{color:var(--brand)}section{margin-top:48px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(210px,1fr));gap:12px}.card{display:flex;flex-direction:column;padding:18px;border:1px solid var(--line);border-radius:14px;background:var(--white);color:var(--ink);text-decoration:none}.card:hover{border-color:var(--brand);transform:translateY(-1px)}.card span{font-size:.82rem;color:var(--muted)}.chips{display:flex;gap:9px;flex-wrap:wrap}.chips a{padding:8px 12px;border-radius:99px;background:var(--soft);color:var(--brand);text-decoration:none}footer{padding:32px 0 48px;border-top:1px solid var(--line);color:var(--muted)}footer p{margin:.2em 0}@media(max-width:600px){main{padding-top:22px}.hero{padding:30px 22px}.cards{grid-template-columns:1fr}article h1{font-size:1.65rem}}