/* /inocomm/js/hero_fx/slide/effect.css — 좌우 슬라이딩 (Swiper)
   [2026-07-20] swiper-bundle.min.css 위에 «히어로 배경» 용도만 얇게 덮는다. */

/* [2026-07-20] 효과 레이어는 히어로를 «채워야» 한다. relative 는 크기 0 → 화면에 안 보임(사고). */
.ssb-hero-fx.ssb-fx-slide { position: absolute; inset: 0; overflow: hidden; }
.ssb-fx-slide.swiper { width: 100%; height: 100%; position: absolute; inset: 0; }

.ssb-fx-slide .swiper-slide > img {
  width: 100%; height: 100%;
  object-fit: cover; object-position: center;
  display: block;
}

/* 페이지네이션 — 히어로 배경이므로 절제된 흰 점 */
.ssb-fx-slide .swiper-pagination-bullet { background: #fff; opacity: .45; }
.ssb-fx-slide .swiper-pagination-bullet-active { opacity: 1; }