/* 약관·정책 페이지와 가입/주문서의 동의 안내 스타일 */
.legal{max-width:760px;margin:0 auto;padding:24px 0 56px}
.legal h1{font-size:clamp(28px,4vw,38px);font-weight:900;letter-spacing:-.03em;margin:0 0 6px}
.legal .meta{color:var(--muted);font-size:14px;margin:0 0 24px}
.legal h2{font-size:20px;margin:32px 0 8px;font-weight:700}
.legal p,.legal li{font-size:15.5px}
.legal ol,.legal ul{padding-left:1.3em}
.legal li{margin:4px 0}
.legal table{width:100%;border-collapse:collapse;font-size:14.5px;margin:10px 0}
.legal th,.legal td{border:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.legal th{background:#F4F7F6;white-space:nowrap}
.tablewrap{overflow-x:auto}
.ph{background:var(--hi);color:var(--onhi);padding:0 .25em;border-radius:4px}
.draft{border:1.5px dashed var(--line);border-radius:12px;padding:12px 14px;color:var(--muted);font-size:14px;margin:0 0 24px}
.draft[hidden]{display:none}
.cdet{margin:-4px 0 14px 28px;font-size:13px;color:var(--muted)}
.cdet summary{cursor:pointer;font-size:13px;font-weight:500;color:var(--blue)}
.cdet table{width:100%;border-collapse:collapse;margin-top:6px}
.cdet th,.cdet td{border:1px solid var(--line);padding:6px 8px;text-align:left;vertical-align:top;font-size:13px}
.cdet th{background:#F4F7F6;white-space:nowrap;font-weight:700;color:var(--ink)}
.chk a{color:var(--blue)}
.chk.all{padding-bottom:10px;margin-bottom:12px;border-bottom:1px solid var(--line);color:var(--ink)}
.notice{background:#F4F7F6;border-radius:12px;padding:12px 14px;font-size:13.5px;color:var(--muted);margin:12px 0}
.notice b{color:var(--ink)}
/* 이용 가이드 */
.toc{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 8px;padding:0;list-style:none}
.toc a{display:inline-block;padding:7px 13px;border:1.5px solid var(--line);border-radius:999px;text-decoration:none;color:var(--ink);font-size:14px;font-weight:500}
.toc a:hover{border-color:var(--ink)}
.legal details{border:1.5px solid var(--line);border-radius:12px;padding:0 16px;margin:10px 0}
.legal details summary{cursor:pointer;font-weight:700;padding:12px 0}
.legal details[open] summary{border-bottom:1px solid var(--line);margin-bottom:8px}
.legal details ol{margin-top:0}
.callout{border-left:4px solid var(--blue);background:#F4F7F6;border-radius:0 12px 12px 0;padding:10px 14px;margin:14px 0;font-size:14.5px}
.legal .cta{display:inline-block;text-decoration:none;margin:6px 8px 0 0}
.legal section.g{padding:0;border-top:0}
.legal :target{scroll-margin-top:16px}
