/* ======================
   BRAND LOGO SLIDER
   ====================== */

/* 전체 구역 */
.brand-section-wrapper {
  width: 100%;
  background: #fff;
  padding: 24px 0;
  border-top: 1px solid #eee;
  border-bottom: 1px solid #eee;
}

/* 레이아웃 – 신청폼과 동일 정렬 */
.brand-section {
  max-width: 900px;
  margin: 0 auto;
  padding: 0 12px;
  height: 60px;
  overflow: hidden;   /* 로고 밖으로 나가는 부분 숨김 */
  position: relative;
}

/* 슬라이더 트랙 (JS로 이동 제어) */
.brand-track {
  display: flex;
  align-items: center;
  white-space: nowrap;
  gap: 48px;          /* PC 기본 간격 */
  position: absolute;
  top: 0;
  left: 0;
}

/* 로고 이미지 */
.brand-track img {
  height: 40px;
  width: auto;
  flex-shrink: 0;     /* 절대로 줄어들지 않게 */
  opacity: 0.95;
  transition: opacity .2s;
}

.brand-track img:hover {
  opacity: 1;
}

/* ---------- MOBILE ---------- */
@media (max-width: 600px) {
  .brand-section {
    height: 50px;
  }
  .brand-track {
    gap: 36px;         /* 모바일 간격 줄이기 → 더 자연스럽게 */
  }
  .brand-track img {
    height: 34px;      /* 모바일 크기 */
  }
}