/* 메인 배너 */
.main_slide { margin-bottom: 18px; }
.section-title {
  font-size: 18px;
  font-weight: 700;
  margin-bottom: 10px;
}

/* 현재는 카드 스타일 제거 상태(각진 배너) */
.mainSlide{
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.mainSlide .swiper-slide{
  min-height: 260px;
  display: flex;
  justify-content: center;
  align-items: stretch;
}

.banner-bg{
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 260px;
  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;
}

.banner-overlay{ display: none; }

/* 메인 Swiper UI */
.mainSlide .swiper-button-prev,
.mainSlide .swiper-button-next {
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.5);
}

.mainSlide .swiper-button-prev::after,
.mainSlide .swiper-button-next::after {
  font-size: 14px;
  color: #e5e7eb;
}

.mainSlide .swiper-pagination-bullet {
  background: rgba(148, 163, 184, 0.6);
  opacity: 1;
}

.mainSlide .swiper-pagination-bullet-active {
  background: linear-gradient(135deg, #6366f1, #22c55e);
}

/* 중간 배너 */
.mid-banner { margin: 18px 0; }

/* ✅ 중간배너 컨테이너는 항상 각지고, 배경/테두리 없음 */
.mid-banner-inner{
  border-radius: 0;
  overflow: hidden;
  border: 0;
  background: transparent;
  min-height: 100px;
  display: flex;
  align-items: center;
  justify-content: center;
}

.mid-banner-text { font-size: 13px; color: #cbd5f5; padding: 18px; text-align: center; }

.mid-banner-click { cursor: pointer; display: block; width: 100%; }

.mid-banner-img{
  width: 100%;
  height: 120px;
  object-fit: cover;
  display: block;
  border-radius: 0;
}

/* MID Swiper */
.midSlide{
  width: 100%;
  border-radius: 0;
  overflow: hidden;
  background: transparent;
  border: 0;
  box-shadow: none;
}

.midSlide .swiper-slide{ width: 100%; }

.midSlide .swiper-button-prev,
.midSlide .swiper-button-next{
  width: 32px;
  height: 32px;
  border-radius: 999px;
  background: rgba(15, 23, 42, 0.8);
  border: 1px solid rgba(148, 163, 184, 0.5);
}

.midSlide .swiper-button-prev::after,
.midSlide .swiper-button-next::after{
  font-size: 14px;
  color: #e5e7eb;
}

.midSlide .swiper-pagination-bullet{
  background: rgba(148, 163, 184, 0.6);
  opacity: 1;
}

.midSlide .swiper-pagination-bullet-active{
  background: linear-gradient(135deg, #6366f1, #22c55e);
}

/* 배경 띠 제거(필요했던 부분만 유지) */
html, body{
  background: radial-gradient(circle at top, #0f172a 0, #020617 45%, #020617 100%) !important;
}

.wrap,
.container,
.contents,
.layout,
.mid-banner{
  background: transparent !important;
}

body::before,
body::after,
.wrap::before,
.wrap::after{
  content: none !important;
  display: none !important;
}

/* 모바일 */
@media (max-width: 768px){
  .mainSlide .swiper-slide{ min-height: 120px; height: auto; }

  .banner-bg{
    width: 100%;
    height: auto;
    min-height: 120px;
    background-size: contain;
    background-position: center center;
    background-repeat: no-repeat;
  }

  .mid-banner-img{
    width: 100%;
    height: auto;
    max-height: 120px;
    object-fit: contain;
    display: block;
  }

  .mid-banner-inner{ min-height: 0; }
}