/* /inocomm/js/hero_fx/kenburns/effect.css — 확대·이동(켄번즈)
   [2026-07-20] «폴더만 추가하면 효과가 늘어난다» 는 것을 실증하려고 만든 4번째 효과.
   코드(PHP/JS/모달) 수정 0 으로 목록에 자동 등장한다. */
.ssb-hero-fx.ssb-fx-kenburns { position: absolute; inset: 0; overflow: hidden; }
.ssb-fx-kenburns > .ssb-fx-track { position: absolute; inset: 0; }
.ssb-fx-kenburns .ssb-fx-item {
  position: absolute; inset: 0; opacity: 0;
  transition: opacity 1400ms ease-in-out;
}
.ssb-fx-kenburns .ssb-fx-item.is-on { opacity: 1; }
.ssb-fx-kenburns .ssb-fx-item > img {
  width: 100%; height: 100%; object-fit: cover; display: block;
  transform: scale(1); transition: transform var(--ssb-kb-dur, 7000ms) linear;
  will-change: transform;
}
.ssb-fx-kenburns .ssb-fx-item.is-on > img { transform: scale(var(--ssb-kb-scale, 1.12)); }
@media (prefers-reduced-motion: reduce) {
  .ssb-fx-kenburns .ssb-fx-item > img { transition: none; transform: none; }
}