.swiper {
  position: static;
}

.swiper-button-lineup-next,
.swiper-button-lineup-prev {
  width: 40px;
  height: 40px;
  background: rgba(0, 0, 0, 0.8);
  border-radius: 50%;
  -webkit-box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
          box-shadow: 0px 2px 5px 0px rgba(0, 0, 0, 0.1);
  -webkit-transition: all 0.3s ease-out;
  transition: all 0.3s ease-out;
  position: absolute;
  left: auto;
  top: calc(50% - 20px);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-transform: translateY(-50%);
          transform: translateY(-50%);
  z-index: 50;
}
.swiper-button-lineup-next.swiper-button-lock, .swiper-button-lineup-next.swiper-button-disabled,
.swiper-button-lineup-prev.swiper-button-lock,
.swiper-button-lineup-prev.swiper-button-disabled {
  display: none;
}
.swiper-button-lineup-next:hover,
.swiper-button-lineup-prev:hover {
  background: #286742;
  cursor: pointer;
}
.swiper-button-lineup-next::after,
.swiper-button-lineup-prev::after {
  content: "";
  display: block;
  width: 23px;
  height: 23px;
  background: url(../img/common/slider_arrow.png) no-repeat center top;
  background-size: 100%;
  position: absolute;
  left: 50%;
  top: 50%;
  -webkit-transform: translate(-50%, -50%);
          transform: translate(-50%, -50%);
}
@media screen and (max-width: 768px) {
  .swiper-button-lineup-next,
  .swiper-button-lineup-prev {
    width: 8.5333333333vw;
    height: 8.5333333333vw;
  }
  .swiper-button-lineup-next::after,
  .swiper-button-lineup-prev::after {
    width: 5.3333333333vw;
    height: 5.3333333333vw;
  }
}

.swiper-button-lineup-prev {
  -webkit-transform: scale(-1, 1) translateY(-50%);
          transform: scale(-1, 1) translateY(-50%);
}

.slideWrap {
  position: relative;
}
.slideWrap .swiper-button-lineup-next,
.slideWrap .swiper-button-lineup-prev {
  top: min(8.3333333333vw, 110px);
}
.slideWrap .swiper-button-lineup-next {
  right: -10px;
}
.slideWrap .swiper-button-lineup-prev {
  left: -20px;
}
@media screen and (max-width: 1023px) {
  .slideWrap .swiper-button-lineup-next,
  .slideWrap .swiper-button-lineup-prev {
    top: min(10.752688172vw, 110px);
  }
}
@media screen and (max-width: 768px) {
  .slideWrap .swiper-button-lineup-next,
  .slideWrap .swiper-button-lineup-prev {
    top: 24vw;
  }
  .slideWrap .swiper-button-lineup-next {
    right: -4vw;
  }
  .slideWrap .swiper-button-lineup-prev {
    left: -4vw;
  }
}
@media screen and (min-width: 769px) {
  .slideWrap .swiper-button-lineup-next:hover {
    right: -30px;
  }
  .slideWrap .swiper-button-lineup-prev:hover {
    left: -30px;
  }
}

.swiper-wrapper {
  position: relative;
  gap: 0 !important;
}

.swiper-pagination {
  position: relative;
  margin-top: 33px;
}
.swiper-pagination .swiper-pagination-bullet {
  width: 9px;
  height: 9px;
  background: #E1E1E1;
  opacity: 1;
}
.swiper-pagination .swiper-pagination-bullet-active {
  background: #286742;
}
@media screen and (max-width: 768px) {
  .swiper-pagination {
    margin-top: 5.5vw;
  }
}