/* ============================================================
   partners.css — 주요거래처 롤링 배너
   ============================================================ */

.partners-section {
  background: var(--light-gray);
  padding: 60px 0;
  overflow: hidden;
  border-top: 1px solid var(--mid-gray);
}
/* 인허가 페이지에서는 흰 배경 */
.partners-section.bg-light { background: var(--white); }

.partners-section .section-head {
  margin-bottom: 36px;
}

/* 트랙 전체 래퍼 */
.partners-track-wrap {
  display: flex;
  flex-direction: column;
  gap: 16px;
  overflow: hidden;
  /* 좌우 페이드 마스크 */
  -webkit-mask-image: linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
  mask-image:         linear-gradient(to right, transparent 0%, black 8%, black 92%, transparent 100%);
}

/* 한 줄 트랙 */
.partners-track {
  display: flex;
  gap: 16px;
  width: max-content;
  animation: partners-scroll 40s linear infinite;
}
/* 두 번째 줄은 반대 방향 + 약간 느리게 */
.partners-track.reverse {
  animation: partners-scroll-reverse 46s linear infinite;
}

/* 마우스 올리면 일시정지 */
.partners-track-wrap:hover .partners-track { animation-play-state: paused; }

/* 카드 */
.partner-card {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 200px;
  height: 70px;
  padding: 0 28px;
  background: var(--white);
  border: 1.5px solid var(--mid-gray);
  border-radius: 6px;
  font-size: 15px;
  font-weight: 600;
  color: #1a1a2e;
  white-space: nowrap;
  transition: border-color .25s, box-shadow .25s, color .25s;
  cursor: default;
}
.partners-section.bg-light .partner-card { background: var(--white); }

.partner-card:hover {
  border-color: var(--primary);
  box-shadow: 0 4px 16px rgba(10,45,107,.12);
  color: var(--primary);
}

/* 카드 앞 아이콘 점 제거 */

/* 스크롤 애니메이션 */
@keyframes partners-scroll {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
@keyframes partners-scroll-reverse {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}

/* 반응형 */
@media (max-width: 768px) {
  .partners-section { padding: 44px 0; }
  .partner-card { min-width: 160px; height: 60px; padding: 0 20px; font-size: 12.5px; }
  .partners-track { gap: 12px; animation-duration: 30s; }
  .partners-track.reverse { animation-duration: 34s; }
}