/**
 * list-hero-banner.css
 * 리스트/카테고리 상단 배너 공통 (기준: item-all.php main-event-slide)
 */

.list-hero-banner {
  width: 100%;
  max-width: 1920px;
  margin: 0 auto;
  overflow: hidden;
  background: #000;
}

.list-hero-banner__inner {
  width: 100%;
  max-height: 450px;
  height: auto;
  overflow: hidden;
}

.list-hero-banner__inner picture,
.list-hero-banner__inner img {
  display: block;
  width: 100%;
  height: 100%;
}

.list-hero-banner__inner img {
  object-fit: cover;
  object-position: center;
}

@media (max-width: 1400px) {
  .list-hero-banner__inner { height: auto; }
}

@media (max-width: 768px) {
  .list-hero-banner__inner {
    height: auto;
    aspect-ratio: 430 / 230;
  }
}