.mo_view {
  display: none;
}

@media (max-width: 1023px) {
  .pc_view {
    display: none;
  }
  .mo_view {
    display: block;
  }
}
#mainRolling {
  overflow-x: hidden;
  /* pagination & prev,next */
  /* pagination */
  /* circle progressbar */
  /* swiper prev, next */
}
#mainRolling .swiper {
  width: 100%;
  height: 100%;
  position: relative;
}
#mainRolling .swiper img {
  width: 100%;
}
#mainRolling .swiper-controls {
  position: absolute;
  bottom: 5%;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 3%;
  width: 100%;
}
@media (max-width: 1023px) {
  #mainRolling .swiper-controls {
    bottom: 3%;
  }
}
#mainRolling .swiper-pagination {
  display: flex;
  justify-content: center;
  align-items: center;
  bottom: 5% !important;
  position: static;
  /* button style */
}
#mainRolling .swiper-pagination-bullet {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: auto;
  height: auto;
  margin: 0 10px;
  background-color: transparent;
  border-radius: 50%;
  cursor: pointer;
  transition: 0.3s;
}
#mainRolling .swiper-pagination-bullet span {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  color: #fff;
}
#mainRolling .progress {
  transform: rotate(-90deg);
}
#mainRolling .circle-origin {
  fill: transparent;
  stroke: #fff;
  stroke-width: 1;
  stroke-linecap: round;
  stroke-dasharray: 113.097px;
  stroke-dashoffset: 113.097px;
}
#mainRolling .swiper-pagination-bullet-active .circle-origin {
  animation: progress 6.6s;
}
@keyframes progress {
  0% {
    stroke-dashoffset: 113.097px;
  }
  100% {
    stroke-dashoffset: 0;
  }
}
#mainRolling .swiper-button-prev, #mainRolling .swiper-button-next {
  position: static;
  width: 60px;
  height: 25px;
  margin: 0;
  background-size: 100%;
}
@media (max-width: 1023px) {
  #mainRolling .swiper-button-prev, #mainRolling .swiper-button-next {
    display: none;
  }
}
#mainRolling .swiper-button-prev {
  background-image: url(img/mainRolling_prev.png);
}
#mainRolling .swiper-button-next {
  background-image: url(img/mainRolling_next.png);
}