:root { --ink: #191919; --ink2: #454545; --ink3: #787774; --line: #e9e9e7; --red: #CE1126; --bg2: #f7f7f5 }
* { box-sizing: border-box }
body { margin: 0; background: #fff; color: var(--ink); font-family: Pretendard, -apple-system, 'Apple SD Gothic Neo', sans-serif; line-height: 1.7; font-size: 15px }
.doc { max-width: 820px; margin: 0 auto; padding: 24px 16px 60px }
.doc-nav { display: flex; gap: 6px; flex-wrap: wrap; margin-bottom: 24px }
.doc-nav a { color: var(--ink2); text-decoration: none; padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px; font-size: 14px }
.doc-nav a.on { background: var(--ink); color: #fff; border-color: var(--ink) }
.doc-nav a.home { border: 0; padding-left: 0; font-weight: 700 }
h1 { font-size: 26px; margin: 0 0 4px }
h2 { font-size: 17px; margin: 28px 0 8px }
.meta { color: var(--ink3); font-size: 13px; margin: 0 0 16px }
p, li { color: var(--ink2) }
ol, ul { padding-left: 22px }
a { color: var(--red) }
table { width: 100%; border-collapse: collapse; font-size: 13.5px; margin: 8px 0 }
th, td { border: 1px solid var(--line); padding: 8px 10px; text-align: left; vertical-align: top }
th { background: var(--bg2); font-weight: 600 }
.note { font-size: 13px; color: var(--ink3) }
.biz { margin-top: 40px; padding-top: 16px; border-top: 1px solid var(--line); font-size: 12.5px; color: var(--ink3); line-height: 1.8 }
@media (max-width: 600px) { table { display: block; overflow-x: auto } }