:root{color-scheme:light;--legal-ink:#17191f;--legal-muted:#707582;--legal-line:#e6e8ed;--legal-accent:#d83e48;--legal-surface:#f7f8fa}
body{margin:0;background:#fff;color:var(--legal-ink);font-family:Pretendard,"Noto Sans KR",sans-serif}
.legal-header{display:flex;align-items:center;justify-content:space-between;width:min(1180px,calc(100% - 48px));height:74px;margin:0 auto;border-bottom:1px solid var(--legal-line)}
.legal-brand img{display:block;width:142px;height:auto}
.legal-header nav{display:flex;align-items:center;gap:28px}
.legal-header nav a{color:#4d515b;font-size:14px;font-weight:600;text-decoration:none;transition:color .2s ease}
.legal-header nav a:hover,.legal-header nav a:focus-visible{color:var(--legal-accent)}
.legal-main{width:min(960px,calc(100% - 48px));margin:0 auto;padding:108px 0 120px}
.legal-intro{max-width:760px;padding-bottom:56px}
.legal-intro p{margin:0 0 18px;color:var(--legal-accent);font-size:13px;font-weight:700}
.legal-intro h1{margin:0;font-size:clamp(32px,4vw,48px);font-weight:700;letter-spacing:-.045em;line-height:1.12}
.legal-intro span{display:block;max-width:650px;margin-top:24px;color:var(--legal-muted);font-size:17px;line-height:1.8;word-break:keep-all}
.legal-document{border-top:1px solid #bfc3cc}
.legal-lead{margin:0;padding:38px 0 42px;color:#30333b;font-size:18px;font-weight:600;line-height:1.85;word-break:keep-all}
.legal-document section{display:grid;grid-template-columns:minmax(180px,240px) 1fr;gap:46px;padding:38px 0;border-top:1px solid var(--legal-line)}
.legal-document section h2{margin:0;font-size:17px;font-weight:700;line-height:1.55;letter-spacing:-.02em}
.legal-document section p{margin:0;color:#626773;font-size:15px;line-height:1.9;word-break:keep-all}
.legal-document section p+p{margin-top:12px}
.legal-document a{color:var(--legal-ink);font-weight:700;text-underline-offset:4px}
.legal-officer{padding:42px!important;border:1px solid #f0cfd2!important;border-radius:14px;background:#fff7f7}
.legal-officer dl{display:grid;gap:14px;margin:0}
.legal-officer dl div{display:grid;grid-template-columns:74px 1fr;gap:16px}
.legal-officer dt{color:#8d6568;font-size:13px;font-weight:700}
.legal-officer dd{margin:0;color:#292c33;font-size:15px;font-weight:600}
.legal-effective{color:var(--legal-accent)!important;font-weight:700}
.legal-footer{display:grid;grid-template-columns:1fr auto;gap:22px;width:min(1180px,calc(100% - 48px));margin:0 auto;padding:36px 0 44px;border-top:1px solid var(--legal-line)}
.legal-footer-brand{color:var(--legal-ink);font-family:Outfit,Pretendard,sans-serif;font-size:16px;font-weight:800;text-decoration:none}
.legal-footer nav{display:flex;gap:20px}
.legal-footer nav a{color:#666b76;font-size:12px;text-decoration:none}
.legal-footer p{grid-column:1/-1;margin:0;color:#999da6;font-size:11px}
@media(max-width:720px){.legal-header{width:calc(100% - 32px);height:66px}.legal-brand img{width:122px}.legal-header nav{gap:14px}.legal-header nav a{display:none}.legal-header nav a:last-child{display:block}.legal-main{width:calc(100% - 32px);padding:72px 0 84px}.legal-intro{padding-bottom:40px}.legal-intro h1{font-size:32px}.legal-intro span{font-size:15px}.legal-lead{font-size:16px}.legal-document section{display:block;padding:30px 0}.legal-document section h2{margin-bottom:13px}.legal-officer{padding:26px 22px!important}.legal-officer dl div{grid-template-columns:64px 1fr}.legal-footer{display:block;width:calc(100% - 32px);padding:30px 0}.legal-footer nav{display:grid;gap:10px;margin-top:20px}.legal-footer p{margin-top:24px}}
@media(prefers-reduced-motion:reduce){.legal-header nav a{transition:none}}