/* 안내 페이지(다운로드 · 고객지원 · 운영 정책 · 개인정보) — site.css 와 같은 색, 옛 엔진 호환 문법만 */
.doc { max-width: 960px; margin: 16px auto 40px; }
.doc--text { max-width: 820px; }
.doc__eyebrow { font-family: Consolas, "D2Coding", monospace; font-size: .78rem; letter-spacing: .25em; color: #dfc683; margin: 0 0 8px; }
.doc__title { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 2.6rem; margin: 0 0 12px; }
.doc__lead { color: #c9d0de; font-size: 1.05rem; margin: 0 0 28px; }
.doc__h2 { font-family: Georgia, "Times New Roman", serif; font-weight: 400; font-size: 1.5rem; margin: 36px 0 14px; }
.doc ul { margin: 0 0 8px; padding-left: 20px; color: #c9d0de; }
.doc li { margin-bottom: 6px; }
.doc p { color: #c9d0de; }
.doc a { color: #49b8ff; }

/* 다운로드 */
.dl { display: flex; align-items: stretch; background: #121827; border: 1px solid rgba(150, 175, 255, .14); border-radius: 14px; overflow: hidden; }
.dl__main { flex: 1; padding: 28px; }
.dl__main h2 { margin: 0 0 8px; font-size: 1.3rem; }
.dl__main .btn { margin: 14px 0 10px; }
.dl__spec { width: 300px; margin: 0; padding: 20px 24px; background: #0f1422; border-left: 1px solid rgba(150, 175, 255, .14); }
.dl__spec > div { display: flex; justify-content: space-between; padding: 10px 0; border-bottom: 1px solid rgba(150, 175, 255, .1); }
.dl__spec > div:last-child { border-bottom: 0; }
.dl__spec dt { color: #98a2b8; font-size: .9rem; }
.dl__spec dd { margin: 0; font-weight: 700; }
.btn.is-off { opacity: .55; cursor: default; }

.steps { list-style: none; margin: 0; padding: 0; counter-reset: st; }
.steps li { position: relative; padding: 14px 0 14px 56px; border-bottom: 1px solid rgba(150, 175, 255, .1); counter-increment: st; }
.steps li::before { content: counter(st); position: absolute; left: 0; top: 12px; width: 36px; height: 36px; line-height: 36px; text-align: center;
  border-radius: 50%; background: rgba(73, 184, 255, .14); color: #49b8ff; font-weight: 800; }
.steps b { display: block; margin-bottom: 2px; }
.steps span { color: #98a2b8; font-size: .95rem; }

.faq details { background: #121827; border: 1px solid rgba(150, 175, 255, .14); border-radius: 10px; margin-bottom: 8px; padding: 0 18px; }
.faq summary { cursor: pointer; padding: 14px 0; font-weight: 700; outline: none; }
.faq details[open] summary { color: #49b8ff; }
.faq details p { margin: 0 0 14px; }

/* 고객지원 */
.contact { display: block; padding: 24px 28px; border-radius: 14px; text-decoration: none; color: #e8ecf5;
  background: #182033; border: 1px solid rgba(111, 125, 255, .45); }
.contact:hover { border-color: #49b8ff; }
.contact__title { display: block; font-size: 1.3rem; font-weight: 800; margin-bottom: 6px; }
.contact__desc { display: block; color: #c9d0de; margin-bottom: 10px; }
.contact .more { color: #49b8ff; font-weight: 700; }

/* 개인정보 표 */
.kv { width: 100%; border-collapse: collapse; background: #121827; border: 1px solid rgba(150, 175, 255, .14); border-radius: 10px; overflow: hidden; }
.kv th, .kv td { text-align: left; padding: 12px 16px; border-bottom: 1px solid rgba(150, 175, 255, .1); vertical-align: top; }
.kv th { width: 140px; color: #dfc683; font-weight: 700; background: #0f1422; }
.kv td { color: #c9d0de; }

@media (max-width: 720px) {
  .doc__title { font-size: 2rem; }
  .dl { display: block; }
  .dl__spec { width: auto; border-left: 0; border-top: 1px solid rgba(150, 175, 255, .14); }
  .kv th { width: 96px; }
}