.moving {
  overflow: hidden;
  position: absolute;
  top: 76%;
  left: -2%;
  white-space: nowrap;
  height: 170px;
  display: flex;
  gap: 0 10px;
}

.moving img {
  display: inline-block;
  white-space: nowrap;
  animation: moving 7s linear infinite;
}

@keyframes moving {
  0% {
    transform: translate(0);
  }

  100% {
    transform: translate(-100%);
  }
}

.eveCont .obj02 {
  width: calc(41 / 750 * 100%);
  top: 6%;
  left: 15.5%;
  animation: scaleUpDown .6s step-end infinite;
}

.eveCont .obj02-2 {
  top: 4%;
  left: 74%;
}

.eveCont .obj03 {
  width: calc(27 / 750 * 100%);
  top: 6%;
  right: 7%;
  animation: scaleUpDown .6s step-end infinite;
}

.eveCont .obj03-2 {
  width: calc(27 / 750 * 100%);
  top: 8%;
  left: 4.5%;
  animation: scaleUpDown .6s step-end infinite;
}

.eveCont .obj03-2 img {
  transform: rotate(-90deg);
}

.eveCont .obj04 {
  width: calc(14 / 750 * 100%);
  top: 4%;
  left: 11%;
  animation: scaleUpDown .6s step-end infinite;
}

.eveCont .obj04-2 {
  top: 7%;
  left: 83.5%;
}

@keyframes scaleUpDown {
  0% {
    transform: scale(0.2);
  }

  25% {
    transform: scale(0.7);
  }

  50% {
    transform: scale(1);
  }

  75% {
    transform: scale(0.7);
  }

  100% {
    transform: scale(0.2);
  }
}

.eveCont .evtSwiper {
  position: absolute;
  top: 18.5%;
  padding-bottom: 10%;
}

.eveCont .swiper-slide {
  width: calc(492 / 750 * 100%);
  margin: 0 2%;
}

.eveCont .evtSwiper .swiper-pagination {
  bottom: 0;
}

.eveCont .evtSwiper .swiper-pagination-bullet {
  width: 32px;
  height: 32px;
  border-radius: 0;
  background: transparent url('./pagination_off.webp') center / 100% auto;
  opacity: 1;
  margin: 0 6px;
}

.eveCont .evtSwiper .swiper-pagination-bullet-active {
  background: transparent url('./pagination_on.webp') center / 100% auto;
  opacity: 1;
}

.eveCont .btnBox {
  position: absolute;
  width: 90%;
  height: 77.6%;
  top: 15.5%;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  justify-content: space-between;
  align-content: space-between;
  flex-wrap: wrap;
}

.eveCont .btnBox .eventLink {
  position: relative;
  left: auto;
  transform: none;
  width: 49%;
  height: 29.5%;
}

.eveCont .obj05Wrap {
  width: calc(108 / 1125 * 100%);
  top: 13.1%;
  left: 2%;
  perspective: 1000px
}

.eveCont .obj05 {
  object-fit: contain;
  animation: spin 2s linear infinite;
}

.eveCont .obj05-2 {
  top: 41.1%;
  left: 80%;
}

.eveCont .obj06 {
  width: calc(182 / 1125 * 100%);
  top: 19%;
  left: 50%;
  animation: blink 1.2s step-end infinite;
}

.eveCont .obj07 {
  width: calc(143 / 1125 * 100%);
  top: 58%;
  left: 85%;
  animation: evDrift 1s ease-in-out infinite;
  --evDriftOffsetY: 12%;
}

.eveCont .obj08 {
  width: calc(137 / 1125 * 100%);
  top: 20%;
  left: 68%;
  animation: evDrift 1s ease-in-out infinite;
  --evDriftOffsetY: 5%;
}

.eveCont .obj09 {
  width: calc(180 / 1125 * 100%);
  top: 16%;
  left: 78%;
  animation: evDrift 1s ease-in-out infinite .2s;
  --evDriftOffsetY: 5%;
}

@keyframes spin {
  0% {
    transform: rotateY(0deg);
  }

  100% {
    transform: rotateY(360deg);
  }
}

/* mo */
.mo .moving {
  top: 77%;
  height: 8.5rem;
  gap: 0 .5rem;
}

.mo .eveCont .evtSwiper .swiper-pagination-bullet {
  width: 1.6rem;
  height: 1.6rem;
  margin: 0 .3rem;
}

/* front */
.event_wrap [id*=prd].box {
  margin-top: 0;
  padding-top: 20px;
}

.mo .event_wrap [id*="prd"].box {
  margin-top: 0;
  padding-top: 1rem;
}