/*
 * K-NEXT(knext) 홈 partner 무한 마퀴 — 레거시 slick(autoplay speed:3000, autoplaySpeed:0, vertical) 대체.
 *
 * kna-web 은 jQuery/slick 미탑재. 레거시 main.css 가 slick DOM(.slick-list/.slick-track/.slick-slide)에
 * 의존하므로, KnextHome 이 slick 호환 DOM(슬라이드 ×2 복제)을 렌더하고 본 CSS 가 CSS keyframes 로
 * 연속 스크롤을 만든다. main.css 가 #partnerSliderUp 을 180deg 회전시키므로 Up/Down 이 반대 방향으로 흐른다.
 *
 * ※ 본 파일은 레거시 1:1 복사본이 아니라 slick 거동 재현용 신규 CSS. 스크롤 속도(40s)는 브라우저 정합 시 미세조정.
 * main.css(+slick.css) BEHIND 로드되어 float/timing 을 덮어쓴다.
 */

.partnersSlider .slick-list {
  height: 100%;
  overflow: hidden;
}
.partnersSlider .slick-track {
  display: flex;
  flex-direction: column;
  animation: newenMarqueeY 40s linear infinite;
  will-change: transform;
}
.partnersSlider .slick-list .slick-slide {
  /* ★ slick JS 미탑재 — slick.css 의 .slick-slide{display:none}(slick 초기화 시 block 으로 켜짐) 가
     그대로 남아 슬라이드가 전부 숨겨져 partner 로고가 안 보였음. display:block 강제로 무력화. */
  display: block;
  float: none;
  flex: 0 0 auto;
}

/* pauseOnHover */
.partnersSlider #partnerSliderUp:hover .slick-track,
.partnersSlider #partnerSliderDown:hover .slick-track {
  animation-play-state: paused;
}

@keyframes newenMarqueeY {
  from {
    transform: translateY(0);
  }
  to {
    transform: translateY(-50%);
  }
}

@media all and (max-width: 1024px) {
  .partnersSlider .slick-track {
    flex-direction: row;
    width: auto;
    animation-name: newenMarqueeX;
  }
  @keyframes newenMarqueeX {
    from {
      transform: translateX(0);
    }
    to {
      transform: translateX(-50%);
    }
  }
}

/*
 * fullpage.js v2 → v4 호환 보정 (데스크톱 1025px+ 한정).
 * 레거시는 fullpage v2.9.7 로, 각 .fp-section 내부를 .fp-tableCell(display:table-cell; vertical-align:middle)
 * 로 감싸 세로중앙 + 패딩을 줬다. 신규는 v4.0.41 로 이식되어 .fp-tableCell 을 생성하지 않고 .fp-table(flex)
 * 만 .fp-section 에 붙으므로, 레거시 main.css 의 `.fp-tableCell` 기준 규칙(패딩/중앙정렬)이 v4 에서 no-op
 * 가 된다. 아래는 그 손실분을 v4 구조(.fp-table > 직계자식)에 재부여해 라이브 거동과 1:1 로 맞춘다.
 * main.css BEHIND 로드라 !important 없이도(일부는 main.css 특이성 때문에 필요) 덮어쓴다.
 * ≤1024 모바일은 v4 가 fp-table 을 떼고 레이아웃이 달라지므로 적용 제외(모바일 깨짐 방지).
 */
@media all and (min-width: 1025px) {
  /* intro: v2 .fp-tableCell 의 수직중앙(frame.top≈100px)을 재현. main.css `#intro_section .frame{height:100%}`
     가 v4 flex 의 justify-content:center 를 무력화(frame 이 100vh 를 가득 채워 상단정렬)하므로, frame 을
     5em(=100px) 줄이고 아래로 밀어 라이브(frame.top=100 / h2.top=160)와 일치시킨다. */
  #intro_section.fp-table > .frame {
    height: calc(100% - 5em) !important;
    margin-top: 5em;
  }
  /* resource: v2 .fp-tableCell 의 상90/하100px 패딩(섹션 905px)을 v4 .inner 직계에 재부여.
     이 패딩이 빠져 섹션이 콘텐츠(715px)로 붕괴해 있었다(905−715=190px). */
  #resource_section.fp-table > .inner {
    padding: 4.5em 1em 5em;
  }
}