.eve_detail .eveCont .naviBtns {
  display: grid;
      grid-template-columns: 1fr 1fr 1fr;
      grid-template-rows: 1fr 1fr 1fr;
      /* gap: 4px; */
      width: 91%;
      height: 35%;
      position: absolute;
      top: 63%;
      left: 50%;
      transform: translateX(-50%);
      background: none;

  
}

 .eve_detail .eveCont .naviBtns button.naviBtn {
  font-size: 0;
  height: 100%;
}

.eve_detail .evtNavi.fixed {
  width: 750px;
}
.eve_detail .evtNavi {
  display: flex;
  flex-wrap: nowrap; /* 여러 줄 → 한 줄 */
  overflow-x: auto;  /* 가로 스크롤 가능 */
  -webkit-overflow-scrolling: touch; /* 모바일 터치 스크롤 */
  width: 100%;
  margin: 0 auto;
  background-color: #181818;
  z-index: 3;
  gap: 1px;
  scrollbar-width: none; /* Firefox 스크롤바 제거 */
}
#container.mo .evtNavi button{
  border: 0;
}
.eve_detail .evtNavi button {
  width: 28%;
  flex: 0 0 auto;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #242424;
  border: none;
  white-space: nowrap; /* 텍스트 줄바꿈 방지 */
  
}
#container.mo .eve_detail .evtNavi button{border-color: #181818;border-bottom: 3px solid #242424!important;}
#container.mo .eve_detail .evtNavi button.on{border-color: #181818;border-bottom: 3px solid #05b0fe!important;}
.eve_detail .evtNavi button em {
  position: relative;
  /* height: 100%; */
  display: inline-block;
  color: rgba(255, 255, 255, 0.3);
  font-size: 24px;
  line-height: 3rem;
}

.mo .eve_detail .evtNavi button span {
  font-size: 1.3rem;
}
.eve_detail .evtNavi button span {
  font-size: 26px;
}
.eve_detail .evtNavi button.on {
  background-color: #181818;
  border-bottom:6px solid #05b0fe;
}
.eve_detail .evtNavi button {
  
  border-bottom:6px solid #242424;
}

.eve_detail .evtNavi button.on em {
  color: #fff;
}



.eveCont .evtSwiper.swiper1 {
  position: absolute;
  top: 18%;
}
.eveCont .evtSwiper.swiper2 {
  position: absolute;
  top: 19%;
}

.eveCont .evtSwiper .swiper-slide {
  width: 89.334%;
  margin: 0 1.6%;
}

.eve_detail .eventLink.btn00_bnft {
  width: 90%;
  height: 12%;
  bottom: 5%;
}
.eve_detail .eventLink.btn01 {
  width: 90%;
  height: 10%;
  top: 0%;
}
.eve_detail .eventLink.btn02 {
  width: 90%;
  height: 10%;
  top: 10%;
}
.eve_detail .eventLink.btn03 {
  width: 90%;
  height: 10%;
  top: 20.5%;
}
.mo .btnPC{
  display: none;
}
.eve_detail .eventLink.btn04 {
  width: 90%;
  height: 10%;
  top: 30.78%;
}
.eve_detail .eventLink.target{
  height: 0.01%!important;
}
.eve_detail .eventLink.btn10.target{
  top: 93%;
}
.eve_detail .eventLink.btn05 {
  width: 90%;
  height: 10%;
  top: 41.1%;
}
.eve_detail .eventLink.btn06 {
  width: 90%;
  height: 10%;
  top: 51.5%;
}
.eve_detail .eventLink.btn07 {
  width: 90%;
  height: 10%;
  top: 61.5%;
}
.eve_detail .eventLink.btn08 {
  width: 90%;
  height: 10%;
  top: 72%;
}
.eve_detail .eventLink.btn09 {
  width: 90%;
  height: 10%;
  top: 82.2%;

}
.eve_detail .eventLink.btn10 {
  width: 90%;
  height: 4%;
  top: 95.7%;

}
.eve_detail .eventLink.btn11 {
  width: 100%;
  height: 100%;
  top: 0;

}

.eveCont .logo1 {
  position: absolute;
  top: 11.8%;
  left: 22%;
  width: 51%;
  animation: floatUp 3s ease-in-out infinite;
}

.eveCont .logo2 {
  position: absolute;
  top: 33.2%;
  left: 4.4%;
  width: 85%;
  animation: floatUp2 3s ease-in-out infinite;
}


.eveCont .btnBox02 {
  position: absolute;
  width: 186%;
  height: 83.8%;
  left: 50%;
  transform: translateX(-50%);
  top: 10.6%;
  display: flex
;
  flex-wrap: nowrap;
  justify-content: center;
  align-content: flex-start;
  flex-direction: column;
  align-items: center;
  column-gap: 6%;
  row-gap: 1%;
}

.eveCont .btnBox02 .eventLink {
  position: relative;
  left: 0;
  transform: none;
  width: 48%;
  height: 48%;
}

.eveCont .btnBox03 {
  position: absolute;
  width: 89%;
  height: 78.6%;
  left: 50%;
  transform: translateX(-50%);
  top: 12%;
  display: flex
;
  flex-wrap: wrap;
  justify-content: space-between;
  align-content: space-between;
}

.eveCont .btnBox03 .eventLink {
  position: relative;
  left: 0;
  transform: none;
  width: 32.3%;
  height: 32.2%;
}

@keyframes floatUp {
  0% {
    transform: rotate(-2deg) translateY(1%);
  }
  50% {
    transform: rotate(1deg) translateY(-1%);
  }
  100% {
    transform: rotate(-2deg) translateY(1%);
  }
}

@keyframes floatUp2 {
  0% {
    transform: rotate(3deg) translateY(-2%);
  }
  50% {
    transform: rotate(-3deg) translateY(2%);
  }
  100% {
    transform: rotate(3deg) translateY(-2%);
  }
}

/* mo */
/* mo */


#container.mo .eve_detail .evtNavi button em {
  font-size: 1.2rem;
  letter-spacing: 0.01rem;
}




#container.mo .evtNavi {
  display: flex;
  flex-wrap: nowrap; /* 여러 줄 → 한 줄 */
  overflow-x: auto;  /* 가로 스크롤 가능 */
  -webkit-overflow-scrolling: touch; /* 모바일 터치 스크롤 */
  width: 100%;
  margin: 0 auto;
  background-color: #242424;
  z-index: 3;
  gap: 1px;
  scrollbar-width: none; /* Firefox 스크롤바 제거 */
}
#container.mo .evtNavi button{
  border: 0!important;
}
#container.mo .evtNavi button {
  flex: 0 0 auto; /* 크기 고정, 줄바꿈 방지 */
  height: 6rem;
  font-size: 1.6rem;
  line-height: 2rem;
  font-weight: 600;
  text-align: center;
  color: #fff;
  background-color: #242424;
  border: none;
  white-space: nowrap; /* 텍스트 줄바꿈 방지 */
  width: 29%;
}
#container.mo .evtNavi button.on{border-color: #181818;
  border-bottom:4px solid #05b0fe;}
#container.mo .evtNavi button em {
  position: relative;
  height:unset;
  display: unset;
  line-height:unset;
  color: rgba(255, 255, 255, 0.3);
  line-height: unset!important;
}

#container.mo .evtNavi button.on {
  background-color: #181818;
}

#container.mo .evtNavi button.on em {
  color: #fff;
}