:root{--bg:#F5F0E8;--ink:#1B2138;--sub:#5a6075;--accent:#4D39A8;--sun:#FF9152;--line:#ddd5c6}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--ink);font:17px/1.75 -apple-system,BlinkMacSystemFont,"Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",system-ui,sans-serif}
a{color:var(--accent)}
.top{max-width:720px;margin:0 auto;padding:20px}
.top a{font-weight:800;letter-spacing:.08em;text-decoration:none;color:var(--ink)}
main,.foot{max-width:720px;margin:0 auto;padding:0 20px}
.hero{padding:48px 0 32px}
.hero .dot{width:72px;height:72px;border-radius:50%;background:var(--sun);margin-bottom:24px}
h1{font-size:2rem;line-height:1.3;margin:.2em 0}
h2{font-size:1.2rem;margin:2em 0 .5em}
.lead{font-size:1.15rem;color:var(--sub)}
ul{padding-left:1.2em}
.note{color:var(--sub);font-size:.9rem}
.badge{display:inline-block;padding:.2em .8em;border:1px solid var(--accent);border-radius:99px;color:var(--accent);font-size:.9rem}
.tw{overflow-x:auto}
table{border-collapse:collapse;font-size:.9rem;min-width:100%}
th,td{border:1px solid var(--line);padding:.5em .7em;text-align:left;vertical-align:top}
th{background:#ece5d6}
.legal h1{font-size:1.6rem;margin-top:.5em}
.legal p{margin:.7em 0}
.foot{padding-top:32px;padding-bottom:48px;border-top:1px solid var(--line);margin-top:48px;font-size:.85rem;color:var(--sub)}
.foot p{margin:.3em 0}