/* ===== 마케팅 상단 배너 (스케줄형) ===== */
:root{ --promo-h:46px; }

.promo-bar{
  position:fixed; top:0; left:0; right:0; height:var(--promo-h); z-index:101;
  display:flex; align-items:center; justify-content:center; gap:14px;
  padding:0 46px 0 18px; overflow:hidden; white-space:nowrap;
  font-size:15px; color:#fff; text-decoration:none;
  background:linear-gradient(90deg, #b90920, #e60814);
  box-shadow:0 2px 12px rgba(0,0,0,.22);
}
.promo-bar.theme-navy{ background:linear-gradient(90deg,#0f2c4c,#2e6be6); }
.promo-bar.theme-dark{ background:linear-gradient(90deg,#161616,#3a3a3a); }
.promo-bar .ptag{ background:rgba(255,255,255,.22); border-radius:20px; padding:4px 13px; font-weight:800; font-size:12px; }
.promo-bar b{ font-weight:800; }
.promo-bar em{ font-style:normal; opacity:.92; font-weight:500; }
.promo-bar .pcta{ font-weight:800; text-decoration:underline; text-underline-offset:3px; }
.promo-bar:hover .pcta{ opacity:.85; }
.promo-bar .px{
  position:absolute; right:12px; top:50%; transform:translateY(-50%);
  background:none; border:0; color:#fff; font-size:22px; line-height:1; cursor:pointer; opacity:.85; padding:4px;
}
.promo-bar .px:hover{ opacity:1; }

/* 배너가 켜지면 고정 헤더를 배너 높이만큼 아래로 */
body.promo-on header{ top:var(--promo-h); }

@media (max-width:900px){
  :root{ --promo-h:42px; }
  .promo-bar{ font-size:13px; gap:9px; padding:0 38px 0 12px; }
  .promo-bar .ptag{ font-size:11px; padding:3px 10px; }
  .promo-bar em{ display:none; }
  body.promo-on header{ top:42px; }
}