.video-area {}
.video-wrap {
  gap:20px
}


/* 스와이퍼 */
.swiper {
  width: 100%;
  height: 100%;
}

.swiper-slide {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 100%;
}

.swiper .swiper-slide {
  text-align: center;
  font-size: 18px;
  display: flex;
  justify-content: center;
  align-items: center;
}

.swiper .swiper-slide img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* 페이지네이션 */
.swiper-pagination {
  bottom: 0 !important;
  z-index: 2 !important;
}

.swiper-pagination .swiper-pagination-bullet {
  width: 13px !important;
  height: 13px !important;
  background: #000 !important;
  opacity: 0.1 !important;
  margin: 0 6px !important;
}

.swiper-pagination .swiper-pagination-bullet-active {
  opacity: 1 !important;
  /* width: 32px !important; */
  border-radius: 999px !important;
  background: #005EB8 !important;
}

/* 이전, 다음 버튼 */
.swiper-button-prev,
.swiper-button-next {
  transform: translateY(-50%) !important;
  width: 32px !important;
  height: 32px !important;
  z-index: 3 !important;
  background-size: contain;
}

.swiper-button-next, .swiper-button-prev {
    svg {
      display: none;
    }

  }

.swiper-button-prev{
  left: -50px !important;
  right: auto !important;
  background: url('../img/arrow-left.svg') no-repeat center center / contain !important;
}

.swiper-button-next{
  right: -50px !important;
  left: auto !important;
  background: url('../img/arrow-right.svg') no-repeat center center / contain !important;
}

.swiper-button-prev::after, 
.swiper-button-next::after {
  display: none !important;
}

@media (max-width: 1320px) {
  .swiper-pagination .swiper-pagination-bullet {
    width: 12px !important;
    height: 12px !important;
    margin: 0 5px !important;
  }

  /* .swiper-pagination .swiper-pagination-bullet-active {
    width: 14px !important;
  } */

  /* .swiper-button-prev,
  .swiper-button-next {
    width: 40px !important;
    height: 40px !important;
  } */
}

@media (max-width: 1279px){
    .swiper-button-prev {
        left: 0px !important;
    }
    .swiper-button-next {
        right: 0px !important;
    }
}

@media (max-width: 799px) {
  .swiper-button-prev,
  .swiper-button-next {
    transform: translateY(-5%) !important;
    width: 30px !important;
    height: 30px !important;
  }
  .swiper-button-prev {
        left: -20px !important;
    }
    .swiper-button-next {
        right: -20px !important;
    }

}
@media (max-width: 580px) {
  .swiper-button-prev {
        left: 0px !important;
        top: 45%;
    }
    .swiper-button-next {
        right: 0px !important;
        top: 45%;
    }

}

.ytb-area .swiper-slide {
  transition: filter 0.3s ease; /* 부드러운 전환 효과 */
}
/* 활성 슬라이드(중앙)는 블러 없음 */
.ytb-area .swiper-slide-active {
  filter: none;
}
/* 비활성 슬라이드(좌우)에 블러 적용 */
.ytb-area .swiper-slide:not(.swiper-slide-active) {
  filter: blur(1.5rem); 
  opacity: 0.7; 
}
.ytb-area .video-thumb {
  cursor: pointer;
}



/*
.video-slide .swiper-button-prev,
.video-slide .swiper-button-next {
  transform: translateY(calc(-50% - -165px)) !important;
  
}
.video-slide .swiper-button-prev {
  left: 45% !important;
}
.video-slide .swiper-button-next {
  right: 45% !important;
}
  
@media (max-width: 767px) {
    .video-slide .swiper-button-prev {
        top: -1px;
        left: 40% !important;
      }
      .video-slide .swiper-button-next {
        top: -1px;
        right: 40% !important;
      }
  
}

@media (max-width: 560px) {
    .video-slide .swiper-button-prev {
        top: 60px;
        left: 40% !important;
      }
      .video-slide .swiper-button-next {
        top: 60px;
        right: 40% !important;
      }
  
}

@media (max-width: 440px) {
    .video-slide .swiper-button-prev {
        top: 80px;
      }
      .video-slide .swiper-button-next {
        top: 80px;
      }
  
}
@media (max-width: 375px) {
    .video-slide .swiper-button-prev {
        top: 60px;
      }
      .video-slide .swiper-button-next {
        top: 60px;
      }
  
}
      */



/* .gr-line{box-sizing: border-box; border: 2px solid transparent; background-image: linear-gradient(45deg, #E26A30, #8731D4), linear-gradient(90deg, #E26A30, #8731D4); background-origin: border-box; background-clip: content-box, border-box; border-radius: 12px;} */