.video-area {
  background: linear-gradient(#010D26, #000);
}
.video-wrap {
  gap:20px
}
@media (max-width: 767px) {
  .video-wrap {
    flex-direction: column;
  }

}


/* 비디오영역 */
.youtube-box {
  border-radius: 10px;
  overflow: hidden;
  width: 100%;
  height: auto;
  box-sizing: border-box;
  position: relative;
  padding-bottom: 56.25%; /* 16:9 비율 */
}

.youtube-box iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  z-index: 1;
}


/* 스와이퍼 */
.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: 8px !important;
  height: 8px !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;
}

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

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

.swiper-button-next {
  right: 20px !important;
  left: auto !important;
  background: url('../img/arrow_next_A7A7A7.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: 4px !important;
    height: 4px !important;
    margin: 0 6px !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: 767px) {
  .swiper-button-prev,
  .swiper-button-next {
    transform: translateY(-5%) !important;
    width: 40px !important;
    height: 40px !important;
  }

}



/*
.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;} */



