:root{
  --teal:#4E666C; --deep:#2F3F43; --ink:#1F2A2C; --text:#3A4547; --muted:#5E6E72;
  --mist:#DCE4E7; --black:#171B1C; --yellow:#E9B949; --paper:#F5F7F7; --line:#D3DCDE; --white:#FFFFFF;
  --radius:14px; --max:1120px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:'Noto Sans KR',system-ui,-apple-system,sans-serif;color:var(--text);background:var(--white);line-height:1.7;font-size:16px;word-break:keep-all}
img{max-width:100%;display:block}
a{color:var(--teal)} a:hover{color:var(--deep)}
.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}
h1,h2,h3{color:var(--ink);line-height:1.35;margin:0;text-wrap:balance}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-size:13px;letter-spacing:.18em;color:var(--teal);font-weight:500;text-transform:uppercase}
.eyebrow::before{content:"";width:22px;height:2px;background:var(--yellow);flex-shrink:0}

/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border-radius:999px;font-weight:500;font-size:15px;text-decoration:none;border:1.5px solid var(--teal);color:var(--teal);background:transparent;cursor:pointer;font-family:inherit;transition:background .15s,color .15s}
.btn:hover{background:var(--teal);color:#fff}
.btn-primary{background:var(--teal);color:#fff}
.btn-primary:hover{background:var(--deep);border-color:var(--deep);color:#fff}
.btn-accent{background:var(--yellow);border-color:var(--yellow);color:var(--black)}
.btn-accent:hover{background:#F3CB5E;border-color:#F3CB5E;color:var(--black)}
.btn svg{width:18px;height:18px;flex-shrink:0}

/* header */
.site-header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.94);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:68px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none}
.brand img{height:30px;width:auto}
.nav{display:flex;align-items:center;gap:22px;flex-wrap:wrap}
.nav a{color:var(--text);text-decoration:none;font-size:15px}
.nav a:hover{color:var(--teal)}
.nav .btn{min-height:40px;padding:0 18px;font-size:14px}
.nav .btn-primary,.nav .btn-primary:hover{color:#fff}
@media (max-width:860px){.nav > a:not(.btn){display:none}}
.lang{display:flex;align-items:center;gap:2px;padding:3px;border:1px solid var(--line);border-radius:999px}
.lang a{font-size:13px;font-weight:500;letter-spacing:.04em;padding:6px 10px;border-radius:999px;color:var(--muted);text-decoration:none;min-width:36px;text-align:center}
.lang a:hover{color:var(--teal)}
.lang a[aria-current="page"]{background:var(--black);color:#fff}
@media (max-width:560px){.lang a{padding:6px 8px;min-width:30px}.nav{gap:10px}.nav > .btn{display:none}}
.nb{display:inline-block}