/* Swiper 기본 설정 */
.swiper {
  width: 100%;
  height: calc(100vw * 9 / 16); /* 반응형: 16:9 비율 */
  max-height: 600px; /* 너무 커질 때 대비 */
  margin-bottom: 60px;
}

.swiper-wrapper {
  width: 100%;
}

.swiper-slide img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  border-radius: 10px;
}

/* Swiper 버튼 */
.swiper-button-prev,
.swiper-button-next {
  display: none !important;
}

/* Swiper 페이지네이션 */
.swiper-pagination-bullet {
  background: #fff;
  opacity: 0.6;
}

.swiper-pagination-bullet-active {
  background: #2ecc71;
  opacity: 1;
}

/* 반응형 대응 */
@media (max-width: 1024px) {
  .swiper {
      height: calc(100vw * 9 / 16);
      max-height: 400px;
  }
}

@media (max-width: 600px) {
  .swiper {
      height: calc(100vw * 9 / 16);
      max-height: 300px;
  }
}