/* event */
#wrap .event_wrap {
  --evNaviHeight: 114;
  --evNaviLineColor: #32A754;
}

.eveCont .obj01 {
  width: calc(295 / 1125 * 100%);
  top: 44%;
  left: 8%;
  animation: evDrift 1.2s step-end infinite;
  --evDriftOffsetY: 0;
  --evDriftOffsetX: 3%;
}

.eveCont .obj02 {
  width: calc(369 / 1125 * 100%);
  top: 40%;
  right: 8%;
  animation: evDrift 1.2s step-end infinite;
  --evDriftOffsetY: 0;
  --evDriftOffsetX: -3%;
}

.eveCont .obj03 {
  width: calc(319 / 1125 * 100%);
  top: 68%;
  right: 8%;
  animation: evDrift 1.2s step-end infinite;
  --evDriftOffsetY: 0;
  --evDriftOffsetX: 3%;
}

.event_wrap .evtNavi.line {
  padding: 0;
}

.event_wrap .evtNavi.line .inner {
  display: flex;
  width: 100%;
  gap: 0;
  background-color: #181818;  
}

.event_wrap .evtNavi.line .inner button {
  flex: 1;
  border: 0 !important;
  line-height: 130% !important;
  background-color: #181818;
  padding: 0;
}

.event_wrap .evtNavi.line .inner button em {
  line-height: 140% !important;
}

.event_wrap .evtNavi.line .inner button.on {
  color: #fff;
  background-color: #181818;
}

.event_wrap .evtNavi .inner button em:after {
  width: 100%;
}


.eveCont .fadeWrap {
  position: absolute;
  left: 50%;
  top: 40%;
  height: 55%;
  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(881 / 1125 * 100%);
  left: 50%;
  opacity: 1;
  transform: translate(-50%, 0);
  transition: opacity 0.8s, transform 0.8s;
}

.eveCont .fade01 {  
  top: 0;
}

.eveCont .fade02 {
  top: 36%;
}

.eveCont .fade03 {
  top: 68%;
}

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

.eveCont .fadeUp .fade03 {
  transition-delay: .6s;
}

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


/* mo */