/* /theme/eb4_comm_004/css/gw-banners.css */
.ba-wrap{
  display:grid; gap:14px; margin:12px 0 24px;
  grid-template-columns:repeat(2,minmax(0,1fr));
}
@media(min-width:992px){ .ba-wrap{ grid-template-columns:repeat(4,minmax(0,1fr)); } }

.ba-wrap .ba{
  position:relative; border:1px solid rgba(255,255,255,.08);
  border-radius:12px; overflow:hidden; background:rgba(255,255,255,.02);
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease;
}
.ba-wrap .ba:hover{
  transform:translateY(-2px);
  box-shadow:0 12px 28px rgba(0,0,0,.28);
  border-color:rgba(124,92,255,.35); /* 퍼플 포커스 */
}
.ba-wrap .ba img{ display:block; width:100%; height:auto; }

.ba.ba2.ba3{ grid-column: span 2; } /* 마지막 큰 배너 */
@media(min-width:992px){ .ba.ba2.ba3{ grid-column: span 1; } }

/* 클릭수 배지(eyoom-banner) 가독성 강화 */
.eb-banner-badge{
  left:10px; bottom:10px; font-weight:800; font-size:13px;
  background:linear-gradient(135deg, rgba(0,0,0,.70), rgba(0,0,0,.55));
  border:1px solid rgba(255,255,255,.12);
}