@charset "utf-8";
/* ==========================================================================
   rb.BoardFactory — 내용관리 스킨

   소개 · 이용 가이드의 모양은 테마 공통 CSS 가 들고 있다
   (rb.css/sub.css — .ab-hero · .ab-stat · .ab-sec · .ab-cards · .ab-history ·
    .gd-steps · .gd-rules · .faq-cta).
   여기에는 운영자가 에디터로 쓴 맨 글을 읽을 만하게 만드는 것만 둔다.

   ※ :not([class]) 가 핵심이다
     처음에 .content-body > ul 로 잡았더니 목업에서 옮겨 온 .ab-stat ·
     .gd-steps 까지 걸려 padding-left 와 가짜 불릿이 붙었다. 칸 너비가
     277.5px 에서 272.5px 로 줄고 줄 높이가 116 에서 135 로 늘었다.
     에디터로 쓴 글에는 클래스가 없고 옮겨 온 마크업에는 있으므로
     그것으로 가른다.
   ========================================================================== */

.content-body > p { margin: 0 0 14px; font-size: 15.5px; line-height: 1.8; color: var(--ink-700); }
.content-body > h2:not([class]),
.content-body > h3:not([class]) { margin: 32px 0 12px; font-size: 20px; font-weight: 700; color: var(--ink-900); }
.content-body > h4:not([class]) { margin: 24px 0 10px; font-size: 17px; font-weight: 700; color: var(--ink-900); }

.content-body > ul:not([class]),
.content-body > ol:not([class]) { margin: 0 0 14px; padding-left: 20px; }
.content-body > ul:not([class]) > li {
  position: relative; margin-bottom: 6px; padding-left: 12px;
  font-size: 15px; line-height: 1.8; color: var(--ink-700); list-style: none;
}
.content-body > ul:not([class]) > li::before {
  content: ''; position: absolute; left: 0; top: 12px;
  width: 4px; height: 4px; border-radius: 50%; background: var(--sky-400);
}
.content-body > ol:not([class]) > li {
  margin-bottom: 6px; font-size: 15px; line-height: 1.8; color: var(--ink-700);
}

.content-body img { max-width: 100%; height: auto; }
.content-body > p a,
.content-body > ul:not([class]) a,
.content-body > ol:not([class]) a { color: var(--sky-t2); text-decoration: underline; }