/* ===================================
   imt-innovative.css
   융합의학기술원(IMT) 혁신의료기기연구센터 페이지 전용 스타일
   범위: 07_icmit/015_innovative.html 한정
   =================================== */

/* content-body__section 사이 간격 보강 (066_safety / 030_apply_info 패턴 동일) */
.page-imt-innovative .content-body__section .content-body__title + .infra-gallery,
.page-imt-innovative .content-body__section .content-body__title + .table-wrap {
  margin-top: var(--gap-card-icon-text);
}

/* 인프라 이미지 갤러리 — 기본 3열 */
.page-imt-innovative .infra-gallery {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: var(--gap-card-icon-text);
}

/* 4열 변형 (치료초음파 4종) */
.page-imt-innovative .infra-gallery--4col {
  grid-template-columns: repeat(4, 1fr);
}

.page-imt-innovative .infra-gallery figure {
  margin: 0;
}

.page-imt-innovative .infra-gallery img {
  width: 100%;
  height: auto;
  aspect-ratio: 4 / 3;
  object-fit: cover;
  border-radius: var(--radius-lg);
  border: 1px solid var(--color-gray-300);
  background-color: var(--color-gray-100);
}

.page-imt-innovative .infra-gallery figcaption {
  margin-top: var(--gap-button-group);
  text-align: center;
  font-size: var(--fs-small);
  color: var(--color-gray-600);
}

/* 인프라 표와 갤러리 사이 여백 */
.page-imt-innovative .infra-gallery + .table-wrap {
  margin-top: var(--gap-layout-h2-body);
}

/* 태블릿: 3열→2열, 4열→2열 */
@media (max-width: 1023px) {
  .page-imt-innovative .infra-gallery,
  .page-imt-innovative .infra-gallery--4col {
    grid-template-columns: repeat(2, 1fr);
  }
}

/* 모바일: 2열→1열 */
@media (max-width: 767px) {
  .page-imt-innovative .infra-gallery,
  .page-imt-innovative .infra-gallery--4col {
    grid-template-columns: 1fr;
  }
}