:root { color-scheme:light; --blue:#3182f6; --ink:#191f28; --muted:#6b7684; --line:#e5e8eb; --bg:#f4f6f8; }
* { box-sizing:border-box; }
html { background:var(--bg); font-family:Pretendard,-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR",sans-serif; color:var(--ink); }
body { margin:0; }
a { color:inherit; }
.legal-shell { width:min(100%,760px); min-height:100dvh; margin:0 auto; background:white; }
.legal-header { padding:24px 22px 20px; border-bottom:1px solid var(--line); }
.legal-brand { display:inline-flex; align-items:center; gap:8px; color:var(--blue); text-decoration:none; font-size:13px; font-weight:850; }
.legal-brand i { width:22px; height:22px; border-radius:8px; background:linear-gradient(145deg,#3182f6,#7b61ff); }
.legal-header h1 { margin:26px 0 7px; font-size:30px; letter-spacing:-1.2px; }
.legal-header p { margin:0; color:var(--muted); font-size:12px; }
.legal-content { padding:8px 22px 42px; }
.legal-content section { padding:22px 0; border-bottom:1px solid #f0f2f4; }
.legal-content section:last-child { border:0; }
.legal-content h2 { margin:0 0 11px; font-size:17px; letter-spacing:-.4px; }
.legal-content h3 { margin:17px 0 7px; font-size:13px; }
.legal-content p,.legal-content li { color:#4e5968; font-size:12px; line-height:1.75; word-break:keep-all; }
.legal-content p { margin:7px 0; }
.legal-content ul,.legal-content ol { margin:7px 0; padding-left:20px; }
.legal-table { width:100%; border-collapse:collapse; font-size:11px; line-height:1.55; }
.legal-table th,.legal-table td { padding:10px 9px; border:1px solid var(--line); text-align:left; vertical-align:top; }
.legal-table th { width:24%; color:#4e5968; background:#f7f8fa; }
.notice-card { margin:17px 0 3px; padding:15px; border-radius:15px; color:#315f86; background:#eef6ff; font-size:12px; line-height:1.65; }
.danger-card { color:#9f2530; background:#fff1f2; }
.legal-actions { display:grid; gap:9px; margin-top:18px; }
.legal-button { min-height:52px; padding:14px 16px; display:grid; place-items:center; border:0; border-radius:16px; color:white; background:var(--blue); text-decoration:none; font-size:14px; font-weight:850; cursor:pointer; }
.legal-button.secondary { color:#4e5968; background:#f0f2f4; }
.contact-form { display:grid; gap:9px; margin-top:13px; }
.contact-form label { color:#4e5968; font-size:11px; font-weight:750; }
.contact-form input,.contact-form textarea { width:100%; padding:12px; border:1px solid var(--line); border-radius:12px; outline:0; font:inherit; font-size:13px; background:#f8f9fa; }
.contact-form input:focus,.contact-form textarea:focus { border-color:var(--blue); background:white; box-shadow:0 0 0 3px rgba(49,130,246,.1); }
.contact-form textarea { min-height:110px; resize:vertical; }
.legal-footer { padding:22px; color:#8b95a1; background:#f0f2f4; font-size:10px; line-height:1.65; }
.legal-footer strong { color:#6b7684; }
@media (max-width:520px) { .legal-header h1 { font-size:26px; }.legal-table { display:block; overflow-x:auto; }.legal-table th { min-width:92px; } }