/* pc */
#wrap .event_wrap {
  --evNaviHeight: 115;
  --evNaviLineColor: #FCF0C6;
  --evDriftOffsetY: 14%;
}

.eveCont .emblem {
  position: absolute;
  right: 0;
  top: 0;
  width: calc(280 / 750 * 100%);
}

.eveCont.top video {
  position: absolute;
  width: 102%;
  left: -1%;
  top: -37%;
  z-index: -1;
}

.event_wrap .eve_detail .evtNavi.line {
  padding: 0 20px;
}

.event_wrap .eve_detail .evtNavi.line .inner {
  gap: 32px;
}

.event_wrap .eve_detail .evtNavi.line button {
  flex: 1;
  padding: 0;
  line-height: 140% !important;
}

.event_wrap .eve_detail .evtNavi.line button em {
  padding-top: 4px;
  line-height: 130% !important;
}

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

.eveCont .fadeWrap {
  position: absolute;
  left: 5.5%;
  top: 4.5%;
  width: calc(700 / 750 * 100%);
  height: 19.7%;
}

.eveCont .fadeInit {
  width: auto;
  position: absolute;
  opacity: 0;
  transform: translateY(-50px);
  transition: opacity 0.8s, transform .8s;
}

.eveCont.fadeUp .fadeInit {
  opacity: 1;
  transform: translateY(0);
}

.eveCont .fade01 {
  width: 52.3%;
  top: 0;
  left: 0;
}

.eveCont .fade02 {
  width: 45.43%;
  top: 28%;
  right: 0;
  transition-delay: 0.3s;
  z-index: 1;
}

.eveCont .fade03 {
  width: 44.58%;
  top: 61%;
  left: 18%;
  transition-delay: 0.6s;
}

.eveCont .evtSwiper {
  position: absolute;
  top: 45%;
}

.eveCont .evtSwiper .swiper-slide {
  width: 88.8%;
  margin: 0 1.15%;
}

.eveCont .eventLink.btn01 {
  width: 90%;
  top: 22%;
  height: 38%;
}

/* mo */
#wrap .mo .event_wrap .evtNavi.line {
  padding: 0 1rem;
}

#wrap .mo .event_wrap .evtNavi.line .inner {
  gap: 1.6rem;
}

#wrap .mo .event_wrap .evtNavi.line button {
  height: 5.25rem;
}

.mo .event_wrap .eve_detail .evtNavi.line {
  padding: 0 1rem;
}

.mo .event_wrap .eve_detail .evtNavi.line .inner {
  gap: 1.6rem;
}