/* event */
.eveCont .obj01 {
  width: calc(205 / 1125 * 100%);
  top: 46%;
  left: 8%;
  z-index: 2;
  animation: ani02 2s linear infinite;
  opacity: 0;
}

.eveCont .obj01-2 {
  top: 58%;
  left: 63%;
  z-index: 0;
  animation: ani01 2s linear infinite;
}

.eveCont .obj01-3 {
  top: 59%;
  left: 33%;
  z-index: 0;
  animation: ani03 2s linear infinite .4s;
}

.eveCont .obj02 {
  width: calc(279 / 1125 * 100%);
  top: 55%;
  left: 6%;
  z-index: 0;
  animation: ani01 2s linear infinite;
  opacity: 0;
}

.eveCont .obj02-2 {
  top: 46.5%;
  left: 56%;
  z-index: 1;
  animation: ani02 2s linear infinite;
}

.eveCont .obj02-3 {
  top: 68%;
  left: 35%;
  z-index: 1;
  animation: ani01 2s linear infinite;
}

.eveCont .obj03 {
  width: calc(771 / 1125 * 100%);
  bottom: 21.4%;
  right: 13.4%;
}

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

  40% {
    opacity: 1;
    transform: translateY(0) rotate(-14deg);
  }

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

  100% {
    opacity: 0;
  }
}

@keyframes ani02 {
  0% {
    opacity: 0;
    transform: translateY(-120px);
  }

  50% {
    opacity: 1;
    transform: translateY(0) rotate(4deg);
  }

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

  100% {
    opacity: 0;
  }
}

@keyframes ani03 {
  0% {
    opacity: 0;
    transform: translateY(-120px);
  }

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

  85% {
    opacity: 0;
    transform: translateY(0);
  }

  100% {
    opacity: 0;
  }
}

.eveCont .fadeWrap {
  position: absolute;
  left: 50%;
  top: 56%;
  height: 42%;
  width: 100%;
  transform: translateX(-50%);
  z-index: 2;
}

.eveCont .fadeInit {
  width: 100%;
  left: 0;
  position: absolute;
  opacity: 0;
  transform: translate(-50%, -40px);
  transition: none;
}

.fadeWrap.fadeUp .fadeInit {
  width: calc(843 / 1125 * 100%);
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0);
  transition: opacity 0.8s, transform 0.8s;
}

.eveCont .fade01 {  
  top: 0;
}

.eveCont .fade02 {
  top: 42%;
}

.eveCont .fadeUp .fade02 {
  transition-delay: .2s;
}

.eventLink.btn01 {
  width: 90%;
  height: 7%;
  bottom: 5.5%;
}


/* mo */

/* front */
#eventTypeArea.btn_area .btn_wrap {
  background: #242424;  
  padding: 0;
}

#eventTypeArea.btn_area .btn_wrap .btn_ {
  background: #242424 url("https://stg-inm-cdn.innisfree.com/publish/event/2026/greenteaClub/1105_up/img_btn.webp") 0 0 / 100% auto no-repeat;
  width: 100%;
  height: auto;
  aspect-ratio: 1125 / 312;
  opacity: 1;
}

#eventTypeArea.btn_area .btn_wrap .btn_ em {
  color: Transparent;
  font-size: 0;
}