/* 아임웹 런타임 대체 스타일 */

/* 그리드 갤러리 — 아임웹은 스크립트로 행(table)을 만든다. 같은 모양을 CSS grid 로 */
[data-mi-gallery] {
  display: grid !important;
  grid-template-columns: repeat(var(--mi-cols, 4), minmax(0, 1fr));
  margin: 0 calc(var(--mi-gutter, 0px) * -1) !important;
}
[data-mi-gallery] > ._item {
  display: block !important;
  padding: var(--mi-gutter, 0px);
}
[data-mi-gallery] ._item_container {
  display: block;
  width: 100%;
}
[data-mi-gallery] .wg_animated,
[data-mi-gallery] ._img_wrap,
[data-mi-gallery] ._item,
[data-mi-gallery] ._item_container {
  visibility: visible !important;
}
@media (max-width: 991px) {
  [data-mi-gallery] {
    grid-template-columns: repeat(var(--mi-cols-m, 2), minmax(0, 1fr));
  }
  [data-mi-gallery] > ._item {
    padding: calc(var(--mi-gutter, 0px) / 2);
  }
}

/* 계속 흐르는 로고 띠(아임웹 slide_05 — owl carousel 대신) */
[data-mi-marquee] {
  overflow: hidden !important;
  margin: 0 !important;
}
[data-mi-marquee] .mi-marquee-track {
  display: flex;
  align-items: flex-start;
  width: max-content;
  animation: mi-marquee linear infinite;
}
[data-mi-marquee] .mi-marquee-track > ._item {
  display: block !important;
  flex: none;
  padding: var(--mi-gutter, 0px);
  visibility: visible !important;
}
[data-mi-marquee] ._item_container,
[data-mi-marquee] ._img_wrap,
[data-mi-marquee] .wg_animated {
  visibility: visible !important;
}
@keyframes mi-marquee {
  from { transform: translateX(0); }
  to { transform: translateX(-50%); }
}
@media (prefers-reduced-motion: reduce) {
  [data-mi-marquee] .mi-marquee-track {
    animation: none;
  }
}
/* owl carousel CSS 는 초기화(.owl-loaded) 전까지 컨테이너를 숨긴다 */
[data-mi-marquee].owl-carousel {
  display: block !important;
}

/* 갤러리 "더보기" — 아임웹은 칸을 모두 받은 뒤 숨긴다(원본 HTML 에 전체 칸이 있다) */
._more_btn {
  display: none !important;
}

/* 한 장씩 넘기는 슬라이드쇼(아임웹 slide_01 — owl carousel 대신) */
[data-mi-slider] {
  display: block !important;
  position: relative;
  overflow: hidden !important;
  margin: 0 !important;
}
[data-mi-slider] .mi-slider-track {
  display: flex;
  height: 100%;
  transition-property: transform;
  transition-timing-function: ease;
}
[data-mi-slider] .mi-slider-track > ._item {
  display: block !important;
  flex: 0 0 100%;
  height: 100%;
  padding: 0 !important;
  visibility: visible !important;
}
[data-mi-slider] ._item_container,
[data-mi-slider] ._img_wrap {
  height: 100% !important;
  min-height: 0 !important;
  visibility: visible !important;
}
[data-mi-slider] ._text_wrap {
  display: none !important;
}
.mi-slider-dots {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 16px;
  display: flex;
  justify-content: center;
  gap: 8px;
}
.mi-slider-dots button {
  width: 10px;
  height: 10px;
  padding: 0;
  border: 0;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.5);
  cursor: pointer;
}
.mi-slider-dots button[aria-current="true"] {
  background: #fff;
}
@media (prefers-reduced-motion: reduce) {
  [data-mi-slider] .mi-slider-track {
    transition: none !important;
  }
}