/*
  기획전 목록 배너(CH-U-EV-02-01) — 목업의 **고정 높이 + `cover` 크롭**을 푼다.

  목업은 카드 높이를 PC 179px · 모바일 275px 로 못박고 이미지를 `object-fit: cover` +
  `object-position: center right`(모바일 `bottom right`) 로 채운다. 그 전제가 목업 자신의
  더미 배너다 — `exhibition_list01.png` 822×180, `..._m.png` 360×275 로 상자와 비율이 딱 맞아
  크롭이 일어나지 않는다.

  운영 배너는 비율이 다르다(관리자 업로드분 실측: PC 1200×360 = 3.33:1 · 모바일 720×360 = 2:1).
  그대로 두면 `cover` 가 넘치는 쪽을 자르고, 남기는 기준이 `right` 라 **왼쪽이 잘려 나간다**:
    - 모바일 360px 폭 → 이미지가 550px 로 확대되고 왼쪽 약 35% 가 사라진다(제목·로고가 통째로 잘림)
    - PC 918px 폭 → 높이 276px 로 확대되고 위아래 약 35% 가 잘린다
  목업은 잘리는 왼쪽을 `.text` 오버레이(제목·부제·기간)가 덮는 전제였고, 우리는 그 오버레이를
  빼고 문구를 배너 이미지 안에 넣기로 했으므로 **배너 전체가 보여야 한다.**

  그래서 높이를 이미지 비율에 맡긴다 — 기획전 **상세** 배너(`.img_zone img`)가 이미 이렇게
  동작한다(목업이 크기 규칙을 주지 않아 공용 reset 의 `img{width:100%}` 만 걸린다).
  목록도 같은 규칙으로 맞추면 목록·상세가 같은 배너를 같은 모습으로 보여 준다.

  목업 원본(`css/page/event.css`)은 수정하지 않는다.

  `li.none`(결과 없음)은 제외한다 — 그쪽은 높이가 곧 빈 상태 박스이고
  PC `min-height: 440px` · 모바일 `height: calc(...)` 규칙을 그대로 써야 한다.
  `:not(.none)` 이 클래스 하나를 더해 목업 규칙(0,2,2)보다 특정성이 높으므로(0,3,2)
  미디어쿼리 안의 모바일 규칙까지 함께 이긴다.
*/
.page-event-exhibition main .exhibition_list li:not(.none) {
  height: auto;
}

.page-event-exhibition main .exhibition_list li:not(.none) img {
  /* 폭은 공용 reset(`img{width:100%}`)이 준다 — 높이만 비율에 맡기면 크롭이 사라진다 */
  height: auto;
  /* 상자가 이미지 비율과 같아지므로 아래 두 값은 더 이상 아무것도 자르지 않는다 */
  object-fit: fill;
  object-position: center center;
}