#wrap .mo .eve_detail .evtNavi.line button#wrap .eve_detail .evtNavi.line {
  padding: 0 20px;
}

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

#wrap .eve_detail .evtNavi.line button {
  height: 90px;
}

#wrap .eve_detail .evtNavi.line button.on em:after {
  width: 100%;
  background-color: #B446FF;
}

.eveCont .eventLink.btn01 {
  width: 28%;
  height: 6%;
  top: 58.5%;
  transform: none;
  right: 5%;
  left: auto;
}
.eve_detail .evtNavi.line{padding: 0 14px;}
.box{
  margin-top: 0!important;
  padding-top: 5%!important;
}
.obj3{
  position: absolute;
  top: 47%;
  width: 11% !important;
  left: 60%;
  animation: shake 3s linear infinite;
}
.sparkle{
  position: absolute;
  animation: sparklePop 3s ease-out forwards infinite;
}
.sparkle.sparkle1{
  top: 11%;
  left: 40%;
  width: 19%!important;
  animation-delay: 0.7s;
}
.sparkle.sparkle2{
  top: 20%;
  left: 22.5%;
  width: 16%!important;
}
@keyframes sparklePop {
  0% {
    transform: scale(0.5);
    opacity: 0;
  }
  30% {
    transform: scale(1.2);
    opacity: 1;
  }
  70% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(0.3);
    opacity: 0;
  }
}
.slideObj{
  position: absolute;
  transform: translate(-50% , 0);
  left: 50%;
  width: 92%!important;
  opacity: 0;
}
.slideObj.slideobj1{
  bottom: 25%;
  animation: fadein1 4s linear infinite;
}
.slideObj.slideobj2{
  bottom: 14%;
  animation: fadein2 4s linear infinite;
}
.slideObj.slideobj3{
  bottom: 3%;
  animation: fadein3 4s linear infinite;
}
@keyframes shake{
  0%{
      transform: rotate(0deg);
    }
    10%{
      transform: rotate(15deg);
    }
    20%{
      transform: rotate(-15deg);
    }
    30%{
      transform: rotate(10deg);
    }
    40%{
      transform: rotate(-10deg);
    }
    50%{
      transform: rotate(5deg);
    }
    60%{
      transform: rotate(-5deg);
    }
    70%{
      transform: rotate(0deg);
    }
    100%{
      transform: rotate(0deg);
    }
}
@keyframes fadein3 {
  0%   { opacity: 0; }
  10%  { opacity: 0; }
  20%  { opacity: 1; }
  30%  { opacity: 1; }
  40%  { opacity: 1; }
  50%  { opacity: 1; }
  60%  { opacity: 1; }
  70%  { opacity: 1; }
  80%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadein2 {
  0%   { opacity: 0; }
  10%  { opacity: 0; }
  20%  { opacity: 0; }
  30%  { opacity: 0; }
  40%  { opacity: 1; }
  50%  { opacity: 1; }
  60%  { opacity: 1; }
  70%  { opacity: 1; }
  80%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { opacity: 0; }
}
@keyframes fadein1 {
  0%   { opacity: 0; }
  10%  { opacity: 0; }
  20%  { opacity: 0; }
  30%  { opacity: 0; }
  40%  { opacity: 0; }
  50%  { opacity: 0; }
  60%  { opacity: 1; }
  70%  { opacity: 1; }
  80%  { opacity: 1; }
  90%  { opacity: 1; }
  100% { opacity: 0; }
}
.box_colored.box .list_wrap .goods_list .btn_wrap .btn_outline{
background-color: #fff!important;
}
.box1{
  background-color: #D6EDFF!important;
}
.box2{
  background-color: #c5c5c5!important;
}
.box3{
  background-color: #DFEBC0!important;
}
.box4{
  background-color: #C4C4F4!important;
}
.box5{
  background-color: #D1F0F6!important;
}
.box6{
  background-color: #D5B3EC!important;
}
.eveCont .eventLink.btn02 {
  width: 31%;
  height: 6%;
  bottom: 6.8%;
  transform: none;
  right: 5%;
  left: auto;
}
.eveCont .eventLink.btn03 {
  width: 89%;
  height: 10%;
  bottom: 5.8%;

}

.eveCont .logo {
  position: absolute;
  bottom: 16.5%;
  right: 9.2%;
  width: 16.25%;
}

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

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

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

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

#wrap .mo .eve_detail .evtNavi.line button {
  height: 4.9rem;
  line-height: 130%;
}