/* 개인정보처리방침 — 인라인 style 은 CSP 가 막아 따로 둔다 */
*,*::before,*::after{box-sizing:border-box}
:root{color-scheme:dark}
html,body{margin:0;background:#0A0E14;color:#DDE8EE;
  font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Apple SD Gothic Neo","Noto Sans KR","Malgun Gothic",sans-serif}
/* 한국어는 기본값이면 아무 글자에서나 줄이 바뀝니다 — CSS 가 CJK 는 글자
   단위로 끊어도 되는 것으로 보기 때문입니다. 그래서 "대부/분의" 처럼 낱말
   한가운데가 갈라집니다. 어절(공백) 단위로만 끊게 묶습니다.

   :lang(ko) 로 좁히는 이유는 일본어·중국어에는 띄어쓰기가 없어서입니다 —
   거기에 keep-all 을 걸면 문장 하나가 통째로 안 끊기는 덩어리가 됩니다.

   overflow-wrap 은 그 대가를 받아냅니다. keep-all 만 걸면 공백 없는 긴
   덩어리(URL·해시·긴 영어 낱말)가 한 줄을 넘겨 가로 스크롤이 생깁니다. */
:lang(ko){word-break:keep-all}
body{overflow-wrap:break-word}
main{max-width:860px;margin:0 auto;padding:28px 18px 60px}
a{color:#FFB35C}
.top{font-size:14px;margin:0 0 18px}
.top a{display:inline-block;padding:10px 2px}
article{border-top:1px solid #22303D;padding-top:18px;margin-top:10px}
article + article{margin-top:48px}
h1{font-size:26px;margin:0 0 4px}
h2{font-size:17px;margin:28px 0 8px;color:#FFFFFF}
.meta{color:#9FB2C0;font-size:13px;margin-top:0}
table{border-collapse:collapse;width:100%;font-size:13.5px;margin:6px 0 10px;display:block;overflow-x:auto}
th,td{text-align:left;vertical-align:top;padding:9px 10px;border-bottom:1px solid #22303D;min-width:120px}
th{color:#9FB2C0;font-weight:600;white-space:nowrap}
ul{padding-left:20px}
@media (max-width:640px){ main{padding:20px 14px 48px} h1{font-size:22px} table{font-size:13px} }