/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: May 27 2026 | 12:50:58 */
/* ── 키프레임 ── */
@keyframes pc-sl-slideIn {
  from {
    opacity: 0;
    transform: translateX(-120px);
  }
  to {
    opacity: 1;
    transform: translateX(0);
  }
}
@keyframes mo-sl-slideInDown {
  from {
    opacity: 0;
    transform: translateY(-100px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
/* 활성 - 래퍼에만 적용 (col 타입만) */
.n2-ss-slide-active [data-sstype="col"].mo-sl-txt {
  animation: mo-sl-slideInDown 1s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: 0.8s;
  opacity: 0;
}

/* 비활성 - 래퍼만 숨김 */
.n2-ss-slide:not(.n2-ss-slide-active) [data-sstype="col"].mo-sl-txt {
  opacity: 0;
  transform: translateY(-100px);
  animation: none;
  transition: none;
}

/* 자식 텍스트의 mo-sl-txt는 애니메이션 무력화 */
.mo-sl-txt [data-sstype="layer"] .mo-sl-txt {
  animation: none !important;
  opacity: 1 !important;
  transform: none !important;
}

/* ── 비활성: 즉시 숨김 ── */
.n2-ss-slide:not(.n2-ss-slide-active) .pc-sl-txt {
  opacity: 0;
  transform: translateX(-120px);
  transition: none;
  animation: none;
}

/* ── 활성: 왼쪽에서 fade in ── */
.n2-ss-slide-active .pc-sl-txt {
  animation: pc-sl-slideIn 1s cubic-bezier(0.22, 0.61, 0.36, 1) forwards;
  animation-delay: 0.8s;
  opacity: 0;
}