/* event */
@font-face {
  font-family: 'Paperlogy';
  src:
    local('Paperlogy-7Bold'),
    url('https://inm-cdn.innisfree.com/publish/event/cmmn/Paperlogy-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

.eveCont .img01 {
  position: absolute;
  left: calc(34 / 750 * 100%);
  bottom: 7.5%;
  width: calc(1028 / 1125 * 100%);
  z-index: 2;
}

.eveCont .obj01Wrap {
  width: calc(334 / 1125 * 100%);
  top: 46%;
  left: 3%;
  animation: ani01 2s linear infinite;
  opacity: 0;
}

.eveCont .obj01 {
  transform: rotate(-20deg);
}

.eveCont .obj01Wrap2 {
  top: 47%;
  left: 38%;
  z-index: 1;
}

.eveCont .obj01-2 {
  transform: rotate(-40deg);
}

.eveCont .obj01-3 {
  top: 42%;
  left: 66%;
  z-index: 1;
  opacity: 0;
}

.eveCont .obj01Wrap4 {
  width: calc(488 / 1125 * 100%);
  top: 53%;
  left: 6.9%;
  z-index: 0;
  animation: ani02 2s linear infinite;
}

.eveCont .obj01-4 {
  transform: rotate(9deg);
}

.eveCont .obj01Wrap5 {
  width: calc(334 / 1125 * 100%);
  top: 44%;
  left: auto;
  right: 4.9%;
  z-index: 1;
  animation: ani01 2s linear infinite;
}

.eveCont .obj01-5 {
  transform: none;
}

.eveCont .obj01Wrap6 {
  top: 54.5%;
  left: 30%;
  z-index: 1;
  animation: ani02 2s linear infinite;
}

.eveCont .obj01-6 {
  transform: rotate(-15deg);
}

.eveCont .obj02Wrap {
  width: calc(133 / 1125 * 100%);
  top: 55%;
  right: 22%;
  z-index: 0;
  animation: ani01 2s linear infinite;
  opacity: 0;
}

.eveCont .obj02 {
  width: 100%;
}

.eveCont .obj02Wrap2 {
  top: 60%;
  left: 28%;
  animation: ani01 2s linear infinite;
  opacity: 0;
}

.eveCont .obj02-2 {
  transform: rotate(-40deg);
}

.eveCont .obj03 {
  width: calc(105 / 1125 * 100%);
  top: 68%;
  left: 20%;
  animation: ani02 2s linear infinite;
  opacity: 0;
}

.eveCont .obj04 {
  width: calc(191 / 1125 * 100%);
  top: 52%;
  left: 58%;
  animation: ani01a 2s linear infinite;
  opacity: 0;
}

.eveCont .obj05 {
  width: calc(97 / 1125 * 100%);
  top: 54%;
  left: 34%;
  z-index: 0;
  animation: ani01a 2s linear infinite;
  opacity: 0;
}

@keyframes ani01 {
  0% {
    opacity: 0;
    transform: translateY(-150px);
  }

  40% {
    opacity: 1;
    transform: translateY(0);
  }

  95% {
    opacity: 1;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
  }
}

@keyframes ani01a {
  0% {
    opacity: 0;
    transform: translateY(-120px) rotate(-10deg);
  }

  50% {
    opacity: 1;
    transform: translateY(-20px) rotate(0);
  }

  65% {
    opacity: 1;
    transform: translateY(0) rotate(-5deg);
  }

  95% {
    opacity: 1;
    transform: translateY(0) rotate(-5deg);
  }

  100% {
    opacity: 0;
  }
}

@keyframes ani02 {
  0% {
    opacity: 0;
    transform: translateY(-50px) rotate(-5deg);
  }

  30% {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }

  95% {
    opacity: 1;
    transform: translateY(0) rotate(0);
  }

  100% {
    opacity: 0;
  }
}

.eveCont .evtSwiper {
  position: absolute;
  left: 49.5%;
  top: 34.1%;
  width: calc(304 / 750 * 100%);
  overflow: hidden;
}

.eveCont .evtSwiper .swiper-slide {
  width: 100%;
}

.eveCont .evtSwiper .swiper-button-prev,
.eveCont .evtSwiper .swiper-button-next {
  color: #3c3c3c;
  --swiper-navigation-size: 20px;
}

.swiper-button-prev:after,
.swiper-button-next:after {
  font-weight: bold;
}

.swiper-button-next,
.swiper-container-rtl .swiper-button-prev {
  right: 20px;
}

.swiper-button-prev,
.swiper-container-rtl .swiper-button-next {
  left: 20px;
}

.movingText {
  overflow: hidden;
  white-space: nowrap;
  height: 62px;
  background-color: #090B2A;
  display: flex;
  gap: 0 10px;
}

.movingText .text {
  font-family: 'Paperlogy';
  font-size: 32px;
  font-weight: 700;
  line-height: 62px;
  color: #fff;
  animation: moving 4s linear infinite;
}

.movingText .text em {
  color: #FFFF82;
}

@keyframes moving {
  0% {
    transform: translate(0);
  }

  100% {
    transform: translate(-100%);
  }
}

/* mo */
.mo .eveCont .evtSwiper .swiper-button-prev,
.mo .eveCont .evtSwiper .swiper-button-next {
  --swiper-navigation-size: 1rem;
}

.mo .swiper-button-next,
.mo .swiper-container-rtl .swiper-button-prev {
  right: 1rem;
}

.mo .swiper-button-prev,
.mo .swiper-container-rtl .swiper-button-next {
  left: 1rem;
}

.mo .movingText {
  height: 3.1rem;
  gap: 0 .5rem;
}

.mo .movingText .text {
  font-family: 'Paperlogy';
  font-size: 1.6rem;
  line-height: 3.1rem;
}

/* front */