/* ============================================================
   kt초이스 — 기획전(이벤트) 카탈로그 페이지 전용 스타일 (event.html)
   ============================================================ */
.evt-main { padding:32px 0 72px; }
.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; }
.evt-head { text-align:center; margin:4px 0 36px; }
.evt-title { font-size:var(--fs-title2); font-weight:var(--fw-bold); letter-spacing:var(--ls-title); color:var(--gray-900); margin-bottom:10px; }
.evt-sub { font-size:var(--fs-body2); color:var(--gray-500); }
/* 사용자 제공 참고 이미지(카드형 배너 리스트) 기준으로 19차 이후 재설계(20차) — 아래부터 신규 */
.evt-toolbar { display:flex; align-items:center; justify-content:space-between; gap:16px; margin:0 0 22px; }
.evt-count { font-size:var(--fs-body2); color:var(--gray-900); }
.evt-count b { color:var(--blue-600); font-weight:var(--fw-bold); }
.evt-sort { display:flex; align-items:center; gap:10px; }
.evt-sort-btn { background:none; border:none; padding:0; font:inherit; font-size:var(--fs-label1); color:var(--gray-400); cursor:pointer; transition:color .15s, font-weight .15s; }
.evt-sort-btn:hover { color:var(--gray-700); }
.evt-sort-btn.on { color:var(--gray-900); font-weight:var(--fw-bold); }
.evt-sort-div { color:var(--gray-200); font-size:var(--fs-caption1); }
/* 카드 배너 그리드 — 참고 이미지처럼 2열 와이드 배너 카드 (모바일 1열) */
.evt-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:28px 24px; }
.evt-card { display:block; }
.evt-banner { position:relative; aspect-ratio:2/1; border-radius:var(--r-20); padding:34px 32px; display:flex; flex-direction:column; align-items:flex-start; justify-content:flex-start; overflow:hidden; }
.evt-badge { display:inline-flex; align-self:flex-start; padding:4px 10px; border-radius:var(--r-full); color:#fff; font-size:var(--fs-caption2); font-weight:var(--fw-bold); letter-spacing:var(--ls-caption); margin-bottom:11px; }
.evt-ctitle { font-size:var(--fs-heading1); font-weight:var(--fw-bold); color:var(--gray-900); line-height:1.32; letter-spacing:var(--ls-heading); margin-bottom:9px; white-space:pre-line; }
.evt-cdesc { font-size:var(--fs-label1); color:var(--gray-500); line-height:1.5; white-space:pre-line; }
.evt-meta { display:flex; align-items:center; gap:14px; margin:12px 2px 0; }
.evt-dates { font-size:var(--fs-label2); color:var(--gray-400); }
.evt-empty { text-align:center; padding:80px 0; color:var(--gray-400); font-size:14.5px; grid-column:1/-1; }
@media (max-width:768px) {
  .evt-main { padding:24px 0 56px; }
  .crumb { display:none; }
  .evt-head { margin:0 0 28px; }
  .evt-title { font-size:22px; }
  .evt-sub { font-size:14.5px; }
  .evt-toolbar { flex-direction:column; align-items:flex-start; gap:10px; margin-bottom:18px; }
  .evt-sort { flex-wrap:wrap; gap:7px; }
  .evt-sort-btn { font-size:13.5px; }
  .evt-grid { grid-template-columns:1fr; gap:18px; }
  .evt-banner { padding:26px 22px; border-radius:var(--r-16); }
  .evt-badge { padding:4px 10px; font-size:11.5px; margin-bottom:10px; }
  .evt-ctitle { font-size:19px; }
  .evt-cdesc { font-size:14px; }
  .evt-dates { font-size:13.5px; }
}