:root { --ink:#292a2e; --muted:#66738c; --blue:#4c8bf5; --sky:#e4eeff; --line:#dfe5ee; }
* { box-sizing: border-box; }
body { margin:0; color:var(--ink); background:#f5f8fd; font-family:Pretendard,"Noto Sans KR",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; line-height:1.75; word-break:keep-all; }
a { color:inherit; }
.legal-header { height:72px; display:flex; align-items:center; justify-content:space-between; padding:0 max(22px,calc((100vw - 920px)/2)); background:rgba(255,255,255,.92); border-bottom:1px solid var(--line); }
.legal-header a { text-decoration:none; font-weight:850; }
.legal-header .brand { display:flex; align-items:center; gap:9px; }
.legal-header img { width:38px; height:38px; border:2px solid var(--ink); border-radius:11px; }
.legal-header .home { color:#64718a; font-size:14px; }
.legal-wrap { width:min(920px,calc(100% - 32px)); margin:48px auto 72px; padding:clamp(30px,5vw,64px); background:#fff; border:1px solid var(--line); border-radius:28px; box-shadow:0 16px 50px rgba(55,75,112,.09); }
.legal-kicker { margin:0 0 8px; color:var(--blue); font-weight:900; font-size:12px; letter-spacing:.12em; }
h1 { margin:0; font-size:clamp(34px,5vw,50px); line-height:1.2; letter-spacing:-.04em; }
.effective { display:inline-block; margin:18px 0 38px; padding:7px 12px; border-radius:999px; background:var(--sky); color:#596985; font-size:13px; font-weight:800; }
h2 { margin:42px 0 12px; padding-top:8px; font-size:21px; line-height:1.4; letter-spacing:-.02em; }
h3 { margin:25px 0 8px; font-size:17px; }
p { margin:9px 0; }
ul,ol { margin:10px 0; padding-left:24px; }
li + li { margin-top:7px; }
.lead { color:#55627a; font-size:17px; }
.note { margin:22px 0; padding:18px 20px; border-left:4px solid var(--blue); border-radius:0 14px 14px 0; background:#f0f5ff; color:#53627d; }
.data-table { width:100%; border-collapse:collapse; margin:16px 0 26px; font-size:14px; }
.data-table th,.data-table td { padding:13px 12px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.data-table th { background:#f2f6fc; white-space:nowrap; }
.business { margin-top:44px; padding:24px; border-radius:18px; background:#f3f6fa; }
.business dl { display:grid; grid-template-columns:110px 1fr; gap:8px 16px; margin:0; font-size:14px; }
.business dt { color:#788397; }.business dd { margin:0; font-weight:700; }
.legal-footer { padding:34px 20px; background:#29303c; color:#aeb8c9; text-align:center; font-size:12px; }
.legal-footer nav { display:flex; justify-content:center; flex-wrap:wrap; gap:18px; margin-bottom:14px; }.legal-footer a { color:#fff; text-decoration:none; }
.steps { counter-reset:guide; padding:0; list-style:none; }
.steps li { position:relative; min-height:48px; padding:12px 0 12px 56px; }
.steps li::before { counter-increment:guide; content:counter(guide); position:absolute; left:0; top:8px; width:36px; height:36px; display:grid; place-items:center; border:2px solid var(--ink); border-radius:50%; background:var(--sky); font-weight:900; }
.email-box { margin:20px 0; padding:20px; border:2px solid var(--ink); border-radius:18px; background:#f7f9fd; }
.email-box dl { display:grid; grid-template-columns:90px 1fr; gap:8px 14px; margin:0; }.email-box dt { color:#758097; }.email-box dd { margin:0; font-weight:750; }
@media(max-width:620px){ .legal-header{height:64px}.legal-header .home{display:none}.legal-wrap{margin:20px auto 44px;padding:28px 22px;border-radius:20px}.data-table{display:block;overflow-x:auto}.business dl,.email-box dl{grid-template-columns:1fr;gap:2px}.business dd,.email-box dd{margin-bottom:8px} }