/* ============================================================
   kt초이스 — 기획전 상세 페이지 스타일 (event_detail.html 전용)
   event.html의 .evt-* 와는 독립된 .evtd-* 클래스를 사용합니다.
   (0-T 결정에 따라 CS-서브내비 계열 .cs-/.nd- 클래스는 재사용하지 않음)
   ============================================================ */
.evtd-main { padding:40px 0 72px; }
.evtd-wrap { max-width:760px; }
.crumb { display:flex; align-items:center; justify-content:flex-end; gap:6px; font-size:var(--fs-label2); color:var(--gray-400); margin-bottom:14px; }
.crumb a { color:var(--gray-400); transition:color .15s; }
.crumb a:hover { color:var(--blue-600); }
.crumb .sep { color:var(--gray-300); }
.crumb .cur { color:var(--gray-800); font-weight:var(--fw-semibold); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; max-width:280px; }
.evtd-banner { position:relative; border-radius:var(--r-20); padding:40px 36px; margin-bottom:20px; overflow:hidden; }
.evtd-badge { display:inline-flex; padding:5px 12px; border-radius:var(--r-full); color:#fff; font-size:var(--fs-caption1); font-weight:var(--fw-bold); letter-spacing:var(--ls-caption); margin-bottom:14px; }
.evtd-title { font-size:var(--fs-title2); font-weight:var(--fw-bold); color:var(--gray-900); line-height:1.32; letter-spacing:var(--ls-title); white-space:pre-line; }
.evtd-period { display:inline-flex; align-items:center; gap:8px; background:var(--gray-50); border:1px solid var(--gray-100); border-radius:var(--r-10); padding:12px 18px; font-size:14.5px; font-weight:var(--fw-bold); color:var(--gray-800); margin-bottom:32px; }
.evtd-period svg { width:18px; height:18px; color:var(--blue-600); flex-shrink:0; }
.evtd-period b { color:var(--blue-600); font-weight:var(--fw-bold); }
.evtd-placeholder { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:14px; text-align:center; padding:96px 24px; border:1.5px dashed var(--gray-200); border-radius:var(--r-16); background:var(--gray-50); color:var(--gray-400); margin-bottom:40px; }
.evtd-placeholder svg { width:40px; height:40px; color:var(--gray-300); }
.evtd-placeholder p { font-size:14.5px; line-height:1.6; }
.evtd-placeholder .sub { font-size:var(--fs-label2); color:var(--gray-300); }
.evtd-foot { display:flex; justify-content:center; margin-top:8px; }
.evtd-list-btn { display:inline-flex; align-items:center; gap:8px; font-size:var(--fs-body2); font-weight:var(--fw-bold); color:#fff; background:var(--blue-600); padding:13px 32px; border-radius:var(--r-full); transition:background .15s; }
.evtd-list-btn:hover { background:var(--blue-700); color:#fff; }
.evtd-list-btn svg { width:16px; height:16px; }
.evtd-missing { display:flex; flex-direction:column; align-items:center; justify-content:center; gap:16px; text-align:center; padding:96px 24px 40px; color:var(--gray-400); }
.evtd-missing svg { width:52px; height:52px; color:var(--gray-200); }
.evtd-missing p { font-size:var(--fs-body2); font-weight:var(--fw-semibold); color:var(--gray-500); }
@media (max-width:768px) {
  .evtd-main { padding:24px 0 56px; }
  .crumb { display:none; }
  .evtd-banner { padding:28px 24px; border-radius:var(--r-16); }
  .evtd-title { font-size:var(--fs-heading1); }
  .evtd-badge { font-size:var(--fs-caption2); padding:4px 10px; margin-bottom:11px; }
  .evtd-period { font-size:var(--fs-label2); padding:10px 14px; margin-bottom:24px; }
  .evtd-placeholder { padding:64px 20px; margin-bottom:32px; }
  .evtd-list-btn { width:100%; justify-content:center; padding:14px; }
}

/* 에디터 본문(관리자 content) 대응 */
.evtd-body { padding:8px 4px 40px; font-size:var(--fs-body2); line-height:1.85; color:var(--gray-700); }
.evtd-body p + p { margin-top:14px; }
.evtd-body img { max-width:100%; height:auto; margin:8px 0; }
.evtd-body a { color:var(--blue-600); text-decoration:underline; }
.evtd-body ul, .evtd-body ol { padding-left:22px; margin:8px 0; }
.evtd-body ul { list-style:disc; }
.evtd-body ol { list-style:decimal; }
.evtd-body table { max-width:100%; border-collapse:collapse; }