@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@800;900&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap');
:root{--ink:#10110f;--paper:#ecece3;--accent:#ff6335}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans KR',sans-serif}a{color:inherit;text-underline-offset:4px}a:focus-visible,button:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.legal-bar{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:24px;background:var(--ink);color:var(--paper);padding:16px max(24px,5vw)}.legal-logo{font-family:'Barlow Condensed',sans-serif;font-size:34px;font-weight:900;line-height:1;text-decoration:none}.legal-logo span{color:var(--accent)}.legal-bar nav{display:flex;gap:24px;font-size:14px}.legal-bar nav a{text-decoration:none;min-height:38px;display:inline-flex;align-items:center}.legal-bar [aria-current=page]{color:var(--accent)}.legal-hero{max-width:1200px;margin:auto;padding:64px 32px 45px;border-bottom:1px solid #10110f30}.legal-kicker{font-family:Arial,sans-serif;font-size:11px;letter-spacing:2px;color:#6c7166}.legal-hero h1{font-size:clamp(32px,4.5vw,54px);letter-spacing:-.06em;margin:18px 0 20px}.legal-hero p{font-size:15px;line-height:1.9;margin:0;max-width:820px;color:#52584a}.legal-date{display:block;font-size:12px;margin-top:20px;color:#676e5f}.legal-layout{max-width:1200px;margin:auto;display:grid;grid-template-columns:220px minmax(0,1fr);gap:64px;padding:50px 32px 85px}.legal-toc{position:sticky;top:100px;align-self:start}.legal-toc>strong{display:block;font-size:13px;margin-bottom:18px}.legal-toc ol{padding:0;margin:0;list-style:none}.legal-toc li+li{margin-top:9px}.legal-toc a{display:block;font-size:13px;line-height:1.65;color:#606753;text-decoration:none;padding:5px 0}.legal-content{min-width:0}.legal-content section+section{margin-top:38px;padding-top:30px;border-top:1px solid #10110f25}.legal-content h2{font-size:22px;letter-spacing:-.035em;margin:0 0 19px;line-height:1.5}.legal-content p,.legal-content li{font-size:15px;line-height:1.95;word-break:keep-all;overflow-wrap:anywhere}.legal-content p{margin:12px 0}.legal-content ul{padding-left:22px}.legal-content li+li{margin-top:8px}.legal-note{border-left:3px solid var(--accent);background:#fff5;padding:15px 20px;margin:22px 0}.legal-note p{margin:0}.legal-table{width:100%;border-collapse:collapse;font-size:14px;line-height:1.8}.legal-table caption{text-align:left;font-size:12px;color:#676e5f;padding:12px 0}.legal-table th,.legal-table td{padding:14px 12px;text-align:left;vertical-align:top;border-bottom:1px solid #10110f25;word-break:keep-all;overflow-wrap:anywhere}.legal-table thead{background:var(--ink);color:var(--paper)}.legal-table tbody th{font-weight:500}.legal-contact{background:var(--ink);color:var(--paper);padding:24px}.legal-contact p{font-size:14px}.legal-controls{padding:22px;border:1px solid #10110f30}.legal-controls button{font:inherit;font-size:14px;background:var(--ink);color:var(--paper);border:0;min-height:46px;padding:12px 17px;cursor:pointer;margin:8px 12px 0 0}.legal-controls button:first-of-type{background:var(--accent);color:var(--ink)}.legal-controls [aria-pressed=true]{outline:2px solid var(--ink);outline-offset:3px}.legal-controls [role=status]{font-size:13px;margin-top:16px}.legal-footer{background:var(--ink);color:var(--paper);padding:32px max(24px,5vw);font-size:12px;line-height:1.9}.legal-footer nav{display:flex;flex-wrap:wrap;gap:12px 25px;margin-bottom:18px;font-size:14px}.legal-footer p{margin:0;color:#b3b7a9}.legal-refs{font-size:12px!important;color:#62695a}
@media(max-width:850px){.legal-layout{grid-template-columns:1fr;gap:35px}.legal-toc{position:static}.legal-toc ol{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 20px}.legal-toc li+li{margin:0}}
@media(max-width:520px){.legal-bar{padding:15px 20px;gap:15px}.legal-logo{font-size:30px}.legal-bar nav{gap:13px;font-size:12px}.legal-hero{padding:44px 24px 30px}.legal-layout{padding:30px 24px 55px;gap:28px}.legal-hero p,.legal-content p,.legal-content li{font-size:14px}.legal-toc ol{grid-template-columns:1fr}.legal-content h2{font-size:21px}.legal-table th,.legal-table td{padding:12px 9px}.legal-table{font-size:13px}.legal-contact{padding:20px}.legal-controls button{width:100%;margin:12px 0 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
