
body{margin:0;font-family:system-ui,-apple-system,"Noto Sans KR",sans-serif;background:#f7f8fb;color:#17191d;line-height:1.7}
a{color:inherit}.wrap{max-width:1040px;margin:auto;padding:0 22px}
header{border-bottom:1px solid #e5e7eb;background:#fff}.nav{height:68px;display:flex;align-items:center;justify-content:space-between}
.brand{font-weight:800;text-decoration:none}.brand b{color:#6657e8}.links{display:flex;gap:18px;font-size:14px;color:#5f6670}.links a{text-decoration:none}
.hero{padding:90px 0 70px}.eyebrow{font-weight:800;color:#5a4be0}.hero h1{font-size:clamp(42px,7vw,72px);line-height:1.05;letter-spacing:-.05em;margin:14px 0 20px}.lead{font-size:20px;color:#5f6670;max-width:720px}
.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin:34px 0 0}.card{background:#fff;border:1px solid #e5e7eb;border-radius:16px;padding:22px}.card h3{margin:4px 0}.card p{color:#666;margin:0;font-size:14px}
section{padding:60px 0}.panel{background:#17191d;color:#fff;border-radius:20px;padding:28px}.panel p{color:#ccd0d8}
.legal{padding:60px 0 90px}.legal article{background:#fff;border:1px solid #e5e7eb;border-radius:18px;padding:34px}.legal h1{font-size:38px;letter-spacing:-.04em}.legal h2{margin-top:34px;font-size:21px}.meta{color:#777}
footer{border-top:1px solid #e5e7eb;padding:30px 0;color:#6b7280;font-size:14px}.foot{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.foot a{text-decoration:none;margin-left:14px}
@media(max-width:760px){.grid{grid-template-columns:1fr 1fr}.links{gap:10px;font-size:12px}}@media(max-width:520px){.grid{grid-template-columns:1fr}.hero{padding-top:60px}}
