/* =========================================================
   MOTMOT 리디자인 (2026-11) — 문서 페이지 틀
   refund.html · terms.html (리조트 톤 · 시안 PC r13 · 모바일 13-doc)
   privacy.html (그룹 톤 · 시안 PC g8 · 모바일 G8 — rd-group.css 와 함께 쓴다)
   PC: 왼쪽 282 (제목 · 따라오는 목차) | 오른쪽 본문(한 줄 최대 760) · 폰: 제목 → 목차 상자 → 본문
   ⚠ redesign.css 다음에 붙는다. 머리(.rd-hdr) · 바닥(.rd-foot)은 redesign.css 몫.
   ⚠ 환불 표(#rfBody 안 .rf-tbl · .rf-note · .rf-sub · .rf-warn)는 refund.html 의 스크립트가 서버 값으로 그린다 — 여기서는 겉모습만.
   ── v3 글자 · 간격 (D-461 · 시안 13-refund) ──
     페이지 제목 48/32 · 명조 500 · 조항 제목(소제목) 24/20 · 고딕 500 · 본문 · 표 · 목차 · 키커 16 · 줄 높이 ≤1.6 · 16 미만 없음
     조항 번호 · 표의 비율은 고딕 700(강조 숫자) · Manrope 는 쓰지 않는다. 크기 · 간격은 redesign.css 의 --rd-* 변수.
   ========================================================= */
.rdd-page{--d-bg:#F4EFE4;--d-card:#FCFAF4;--d-sand:#EDE6D6;--d-ink:#33302A;--d-body:#33302A;--d-line:#E2DACB;--d-mute:#7D7566;
  --d-num:#86601F;--d-link:#5E6C49;--d-top:1px solid #33302A;--d-r:14px;--d-btn-r:99px;--d-th:rgba(51,48,42,.3);
  background:var(--d-bg);color:var(--d-ink);font-family:var(--rd-ff-sans);font-size:var(--rd-fs-body);line-height:var(--rd-lh-body)}
/* 그룹 톤(개인정보처리방침) */
.rdd-page.rdd-g{--d-bg:#fff;--d-card:#F6F6F4;--d-sand:#F6F6F4;--d-ink:#111;--d-body:#333;--d-line:#E6E6E3;--d-mute:#6B6B6B;
  --d-num:#111;--d-link:#111;--d-top:2px solid #111;--d-r:8px;--d-btn-r:8px;--d-th:#111}

.rdd{width:min(1200px,calc(100% - 32px));margin:0 auto;display:grid;grid-template-columns:282px minmax(0,1fr);gap:126px;padding:var(--rd-sec-part) 0 var(--rd-sec)}
.rdd-side{min-width:0}
/* 영문 키커 16 · 500 · 자간 .08em */
.rdd-kick{font-family:var(--rd-ff-sans);font-weight:500;font-size:var(--rd-fs-body);letter-spacing:var(--rd-ls-kick);line-height:var(--rd-lh-line);color:var(--d-link);display:inline-block}
.rdd-g .rdd-kick{color:#111;display:inline-flex;align-items:center;gap:10px}
.rdd-g .rdd-kick::before{content:'';width:16px;height:3px;background:#FEB901;display:block;flex:none}
/* 페이지 제목 48/32 · 명조 500 */
.rdd-h1{font-family:var(--rd-ff-serif);font-weight:500;font-size:var(--rd-fs-title);line-height:var(--rd-lh-title);letter-spacing:-.02em;margin:var(--rd-head-gap) 0 0;color:var(--d-ink)}
html[lang="ko"] .rdd-h1.rdd-brk{width:4.3em;word-break:break-all}   /* 「개인정보 / 처리방침」 두 줄로 */
.rdd-intro{color:var(--d-mute);font-size:var(--rd-fs-body);line-height:var(--rd-lh-body);margin:var(--rd-head-body) 0 0}
/* 초안 알림 — terms.html 의 <style> .draft 보다 세게(.rdd-side 를 붙인다) */
.rdd-draft,.rdd-side .rdd-draft{margin-top:var(--rd-head-body);padding:14px 16px;background:#FBF3E8;border:1px solid #E8D6B8;border-radius:var(--d-r);
  font-size:var(--rd-fs-body);line-height:var(--rd-lh-body);color:#8A6A22}
.rdd-g .rdd-draft{background:#FFF6DC;border-color:#F3D98A;color:#5C4600}
/* 따라오는 목차 — 16 · 번호는 고딕 700 */
.rdd-toc{position:sticky;top:100px;margin-top:28px;border-top:var(--d-top);max-height:calc(100vh - 124px);overflow-y:auto;scrollbar-width:thin}
.rdd-toc a{display:flex;gap:14px;align-items:baseline;padding:13px 0;border-bottom:1px solid var(--d-line);font-size:var(--rd-fs-body);line-height:var(--rd-lh-line);
  color:var(--d-ink);text-decoration:none}
.rdd-toc a span{font-family:var(--rd-ff-sans);font-weight:600;font-size:var(--rd-fs-body);color:var(--d-num);min-width:24px;flex:none}
.rdd-toc a:hover{text-decoration:underline;text-underline-offset:4px}
.rdd-toc a.on{font-weight:500}
.rdd-side .rdd-btn{margin-top:48px;width:100%}
/* 행동 버튼 52 · 16 · 500 */
.rdd-btn{display:inline-flex;align-items:center;justify-content:center;height:var(--rd-btn-l);padding:0 28px;border-radius:var(--d-btn-r);
  border:1px solid var(--d-ink);background:transparent;color:var(--d-ink);font-weight:500;font-size:var(--rd-fs-body);line-height:var(--rd-lh-line);text-decoration:none;white-space:nowrap}
.rdd-btn:hover{background:var(--d-card)}

/* 본문 */
.rdd-bd{min-width:0}
.rdd-art{scroll-margin-top:100px}
.rdd-art + .rdd-art{margin-top:48px}
/* 조항 제목 — 소제목 24/20 · 고딕 500 · 앞 번호 16 · 고딕 700 */
.rdd-h{display:flex;gap:14px;align-items:baseline;margin:0;font-size:var(--rd-fs-sub);font-weight:500;line-height:var(--rd-lh-sub);color:var(--d-ink)}
.rdd-h > span:first-child{font-family:var(--rd-ff-sans);font-weight:600;font-size:var(--rd-fs-body);color:var(--d-num);flex:none}
.rdd-tx{margin-top:var(--rd-head-gap);font-size:var(--rd-fs-body);line-height:var(--rd-lh-body);color:var(--d-body);max-width:760px;white-space:pre-line;overflow-wrap:anywhere}
.rdd-tx b{font-weight:600}
.rdd-tx a,.rdd-note a{color:var(--d-link);font-weight:500}
.rdd-note{margin-top:var(--rd-head-gap);font-size:var(--rd-fs-body);line-height:var(--rd-lh-body);color:var(--d-mute);max-width:760px}
.rdd-back{margin-top:64px;padding-top:24px;border-top:1px solid var(--d-line)}
.rdd-back a{display:inline-flex;align-items:center;min-height:44px;font-size:var(--rd-fs-body);font-weight:500;line-height:var(--rd-lh-line);color:var(--d-ink);text-decoration:underline;text-underline-offset:5px}

/* 환불 표 — refund.html 스크립트가 그린다. 머리 줄 위 진한 선 · 아래 두꺼운 선 / 칸 16 · 비율은 고딕 700 */
.rdd .rf-scroll{max-width:760px}
.rdd .rf-tbl{margin-top:16px;font-size:var(--rd-fs-body);line-height:var(--rd-lh-line)}
.rdd .rf-tbl th,.rdd .rf-tbl td{padding:12px 4px;border-bottom:1px solid var(--d-line)}
.rdd .rf-tbl th{padding:14px 4px;color:var(--d-mute);font-weight:400;font-size:var(--rd-fs-body);letter-spacing:0;border-top:1px solid var(--d-ink);border-bottom:2px solid var(--d-th)}
.rdd .rf-tbl td{font-weight:500;color:var(--d-ink)}
.rdd .rf-tbl th:last-child,.rdd .rf-tbl td.pct{text-align:right}
.rdd .rf-tbl td.pct{font-family:var(--rd-ff-sans);font-weight:600;color:var(--d-ink)}
.rdd .rf-tbl tr:last-child td{border-bottom:1px solid var(--d-line)}
.rdd .rf-sub{margin:28px 0 0;font-size:var(--rd-fs-body);font-weight:500;line-height:var(--rd-lh-line);color:var(--d-ink)}
.rdd .rf-sub:first-child{margin-top:4px}
.rdd .rf-note{margin-top:var(--rd-head-gap);font-size:var(--rd-fs-body);line-height:var(--rd-lh-body);color:var(--d-mute);max-width:760px}
.rdd .rf-warn{margin-top:16px;border-radius:var(--d-r);font-size:var(--rd-fs-body);line-height:var(--rd-lh-body);max-width:760px}

/* 이용약관 조항(.art · .no · .ti · .bd) — terms.html 의 <style> 보다 세게 */
.rdd .art{margin-top:0;scroll-margin-top:100px}
.rdd .art + .art{margin-top:48px}
.rdd .art h3{display:flex;gap:14px;align-items:baseline;margin:0;font-weight:500;line-height:var(--rd-lh-sub)}
.rdd .art .no{font-family:var(--rd-ff-sans);font-weight:600;font-size:var(--rd-fs-body);color:var(--d-num);flex:none}
.rdd .art .ti{font-family:var(--rd-ff-sans);font-size:var(--rd-fs-sub);font-weight:500;line-height:var(--rd-lh-sub);color:var(--d-ink)}
.rdd .art .bd{margin-top:var(--rd-head-gap);font-size:var(--rd-fs-body);line-height:var(--rd-lh-body);color:var(--d-body);max-width:760px}
.rdd .art .bd a{color:var(--d-link)!important}

@media (max-width:1100px){
  .rdd{gap:56px}
}
@media (max-width:860px){
  .rdd{grid-template-columns:minmax(0,1fr);gap:0}
  .rdd-g .rdd-kick{gap:8px}
  .rdd-g .rdd-kick::before{width:14px}
  html[lang="ko"] .rdd-h1.rdd-brk{width:auto;word-break:keep-all}
  .rdd-toc{position:static;max-height:none;overflow:visible;margin-top:24px;border:1px solid var(--d-line);border-radius:var(--d-r);background:var(--d-card)}
  .rdd-toc a{min-height:44px;align-items:center;padding:8px 16px}
  .rdd-toc a:last-child{border-bottom:0}
  .rdd-toc a span{min-width:28px}
  .rdd-side .rdd-btn{display:none}
  .rdd-bd{margin-top:var(--rd-sec-part)}
  .rdd-h{gap:10px}
  .rdd .art h3{gap:10px}
}
.rdd-mbtn{display:none}
@media (max-width:860px){ .rdd-mbtn{display:flex;width:100%;margin-top:48px} }
/* 이용약관 목차 번호 「제10조」 · 「부칙」 — 가장 긴 번호에 맞춰 제목 줄을 세운다 */
.rdd-toc-w a span{min-width:52px}