.mo_view {
  display: none;
}

@media (max-width: 767px) {
  .pc_view {
    display: none;
  }
  .mo_view {
    display: block;
  }
}
#mainRolling {
  overflow-x: hidden;
  /* swiper prev, next */
  /* swiper pagination */
}
#mainRolling .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}
#mainRolling .swiper img {
  width: 100%;
}
#mainRolling .swiper-button-prev, #mainRolling .swiper-button-next {
  mix-blend-mode: luminosity;
}
@media (max-width: 767px) {
  #mainRolling .swiper-button-prev, #mainRolling .swiper-button-next {
    display: none;
  }
}
#mainRolling .swiper-button-prev {
  left: 3%;
}
#mainRolling .swiper-button-next {
  right: 3%;
}
#mainRolling .swiper-pagination {
  bottom: 5% !important;
}
@media (max-width: 767px) {
  #mainRolling .swiper-pagination {
    bottom: 4% !important;
  }
}
#mainRolling .swiper-pagination-bullet {
  position: relative;
  margin: 0 25px;
  width: 5px;
  height: 5px;
  background: #63c4e4;
}
#mainRolling .swiper-pagination-bullet::before {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%) scale(0);
  border-radius: 50%;
  width: 21.5px;
  height: 21.5px;
  background: #63c4e4;
  opacity: 0.3;
  transition: 0.3s;
}
#mainRolling .swiper-pagination-bullet-active::before {
  transform: translate(-50%, -50%) scale(1);
}