/******* Do not edit this file *******
Simple Custom CSS and JS - by Silkypress.com
Saved: Jun 24 2026 | 11:42:40 */
/* ── 키프레임 ── */
@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);
  }
}

/* 공통 텍스트 */
.pc-sl-txt .txt-wrap .hd2 {
  line-height: 1.4;
}

/* ════════════════════════════════
   PC - pc-sl-txt
════════════════════════════════ */
@media (min-width: 1025px) {
  .pc-sl-txt {
    opacity: 0;
    transform: translateX(-120px);
  }

  .n2-ss-slide-active .pc-sl-txt {
    animation: pc-sl-slideIn 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s forwards;
    will-change: transform, opacity;
  }

  .n2-ss-slide:not(.n2-ss-slide-active) .pc-sl-txt {
    animation: none !important;
    transition: none !important;
    opacity: 0 !important;
    transform: translateX(-120px) !important;
  }
}

/* ════════════════════════════════
   Mobile - mo-sl-txt
   row는 건드리지 않고 내부 col만 애니메이션
════════════════════════════════ */
.mo-sl-txt .txt-wrap .hd2 {
  line-height: 1.4;
}

.mo-sl02-icon {
    position: absolute !important;
    width: 60% !important;
    top: -58vw;
    left: 50%;
    transform: translateX(-50%);
}

@media (max-width: 1024px) {
  .mo-sl-txt[data-sstype="row"] 
  > .n2-ss-layer-row 
  > .n2-ss-layer-row-inner 
  > [data-sstype="col"]:first-child {
    opacity: 0;
    transform: translateY(-100px);
  }

  .n2-ss-slide-active 
  .mo-sl-txt[data-sstype="row"] 
  > .n2-ss-layer-row 
  > .n2-ss-layer-row-inner 
  > [data-sstype="col"]:first-child {
    animation: mo-sl-slideInDown 1s cubic-bezier(0.22, 0.61, 0.36, 1) 0.8s forwards;
    will-change: transform, opacity;
  }

  .n2-ss-slide:not(.n2-ss-slide-active) 
  .mo-sl-txt[data-sstype="row"] 
  > .n2-ss-layer-row 
  > .n2-ss-layer-row-inner 
  > [data-sstype="col"]:first-child {
    animation: none !important;
    transition: none !important;
    opacity: 0 !important;
    transform: translateY(-100px) !important;
  }
}