.eveCont .badge {
  width: 60.534%;
  height: 2.9%;
  position: absolute;
  top: 10.4%;
  left: 50%;
  transform: translateX(-50%);
  animation: blink_basic 1.6s step-end infinite;
}

.eveCont .badge02 {
  width: 15.1%;
  height: 9.9%;
  top: 6%;
  right: 8%;
  left: auto;
  transform: none;
}

@keyframes blink_basic {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
.scroll-ani-wrap .scroll-ani-img{
  animation: auto_scroll ease-in-out infinite 5s;
 }
 @keyframes auto_scroll {
  
 0% {
  transform: translateY(0%);
}
20% {
  transform: translateY(0%);
}
40% {
  transform: translateY(-44.089%);
}
65% {
  transform: translateY(-44.089%);
}
100% {
  transform: translateY(0%);
}
}
 .scroll-ani-wrap {
  width: 89.744%;
  height: 44%;
  margin: auto;
  overflow: hidden;
  position: absolute;
  top: 52%;
  left: 50%;
  transform: translate(-50%, 0%);}
.eveCont .evtSwiper.evtSwiper03 img{
  border-radius: 3.5%;
}
.eveCont .evtSwiper.evtSwiper03 {
  position: absolute;
  top: 24.5%;
}

.eveCont .evtSwiper.evtSwiper04 {
  position: absolute;
  top: 23%;
}

.eveCont .evtSwiper02 .swiper-slide,
.eveCont .evtSwiper03 .swiper-slide,
.eveCont .evtSwiper04 .swiper-slide {
  width: 88.8%;
  margin: 0 1.6%;
}

.eveCont .evtSwiper02 {
  position: absolute;
  top:15%;
}

.eveCont .evtSwiper02_1 {
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  overflow: hidden;
  width: 72.973%;
  height: 13.1%;
}

.eveCont .evtSwiper02_1 .swiper-slide {
  width: 100%;
  height: 100%;
  margin: 0;
}

.eveCont .evtSwiper02_1 .swiper-slide img {
  vertical-align: top;
  width: 100%;
  height: 100%;
}

.eveCont .eventLink.btn00 {
  width: 28%;
  height: 3%;
  bottom: 19.8%;
  left: 46%;
  transform: none;
}
.eveCont .eventLink.btn01 {
  width: 90%;
  height: 9%;
  bottom: 8.8%;;
}

.eveCont .eventLink.btn02 {
  width: 100%;
  height: 90%;
  bottom: 2%;

}
.eveCont .tar1 {
position: absolute;
top: 76%;
width: 1px;
height: 1px;

}
.nav_1{
  position: absolute;
  top: 10%;
  left: 3%;
  width: 30%;
  height: 66%;
  font-size: 0;
  color: transparent;
  text-decoration: none;
}
.nav_2{
  position: absolute;
  top: 10%;
  left: 35%;
  width: 30%;
  height: 66%;
  font-size: 0;
  color: transparent;
  text-decoration: none;
}
.nav_3{
  position: absolute;
  top: 10%;
  left: 67%;
  width: 30%;
  height: 66%;
  font-size: 0;
  color: transparent;
  text-decoration: none;
}

.card_slider {
  position: absolute;
  width: 32%;
  height: 55%;
  top: 11%;
  left: 60%;
  transform: rotate(343deg);
  background-size: cover;
  background-position: center;
  animation: changeImage 6s infinite steps(1);
}
@keyframes changeImage {
  0%   { background-image:  url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card7.png'); }
  9%   { background-image:  url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card5.png'); }
  18%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card8.png'); }
  27%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card4.png'); }
  36%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card11.png'); }
  45%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card3.png'); }
  54%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card2.png'); }
  63%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card1.png'); }
  72%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card9.png'); }
  81%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card6.png'); }
  90%   { background-image: url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card10.png'); }
  100%   { background-image:url('https://inm-cdn.innisfree.com/publish/event/202507/0708/retinol/card7.png'); }
}
#wrap .mo .event_wrap .evtNavi{background-color: #fff0;z-index: 2;position: relative;top: 0;}
#wrap .mo .event_wrap .evtNavi.fixed{position: fixed;top: 5.8rem;}
#wrap .mo .event_wrap .evtNavi button{font: 0;color: #fff0;border: none;background-color: #fff0;height: 8rem;}

#wrap .event_wrap .evtNavi{background-color: #fff0;z-index: 2;position: relative;top: 0;}
#wrap .event_wrap .evtNavi.fixed{position: fixed;top: 80px;}
#wrap .event_wrap .evtNavi button{font: 0;color: #fff0;border: none;background-color: #fff0;height: 154px;}
.eveCont.margin_cont{margin-top: -5%;}