/* event */
@font-face {
  font-family: 'Paperlogy';
  /* src: url('../../../cmmn/Paperlogy.woff2') format('woff2'); */
  src: url('https://inm-cdn.innisfree.com/publish/event/cmmn/Paperlogy.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://inm-cdn.innisfree.com/publish/event/cmmn/Paperlogy-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}
@font-face {
  font-family: 'Paperlogy';
  src: url('https://inm-cdn.innisfree.com/publish/event/cmmn/Paperlogy-Bold.woff2') format('woff2');
  font-weight: 900;
  font-style: normal;
  font-display: swap;
}

#wrap .event_wrap {
  --evNaviHeight: 110;
  --evNaviFontSize: 24;
  --evNaviEmFontSize: 28;
  --evNaviLineColor: #fff;
}

.event_wrap .evtNavi.line {
  overflow: unset;
  background-color: #242424;
  padding: 0;
}
.gameConsole{

}

.event_wrap .evtNavi.line button.on {
  background-color: #181818;
}
.event_wrap .evtNavi.line button {
  padding: 0;
  line-height: 140% !important;
  letter-spacing: -0.5px;
  padding: 0 !important;
  flex-shrink: 0;
  color: rgba(255, 255, 255, 0.8);
  background-color: #242424;
}

.event_wrap .evtNavi.line button em {
  letter-spacing: 0;
  line-height: 130% !important;
}

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

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

.eveCont .fadeWrap {
  position: absolute;
  left: 0;
  top: 0%;
  width: 100%;
  height: 35%;
  z-index: 2;
}

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

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

.eveCont span[class*=dot] {
  position: absolute;
  left: calc(50% - 12px);
  top: 10%;
  transform: translateY(-20px);
}

.eveCont span[class*=dot]:before {
  content: '';
  display: block;
  width: 12px;
  height: 12px;
  border-radius: 12px;
  background-color: #fff;
}

.eveCont .fadeUp .dot02:before {
  opacity: .5;
}

.eveCont .fadeUp .dot03:before {
  opacity: .2;
}

.eveCont .fadeUp .dot01 {
  transition-delay: .3s !important;
}


.eveCont .fadeUp .dot02 {
  top: 16.5%;
  transition-delay: .6s !important;
}

.eveCont .fadeUp .dot03 {
  top: 23%;
  transition-delay: .9s !important;
}

.eveCont .fadeUp .fade00 {
  width: calc(587 / 1125 * 100%);
  top: -7%;
  left: 24%;
}

.eveCont .fadeUp .fade00 {
    top: 12%;
    width: calc(600 / 1125 * 100%);
    left: 24%;
  transition-delay: 1.2s !important;
  --evDriftOffsetY: 15%;  
}

.eveCont .fadeUp .fade01 {
  width: calc(311 / 1125 * 100%);
  top: 31%;
  left: 35%;
  transition-delay: 1.2s !important;
  animation: evDrift 1.6s ease-in-out infinite;
  --evDriftOffsetY: 15%;  
}
.btnImg{
  display: none;
}
.btnImg.on{
  display: block;
}
.eveCont .fadeUp .fade02 {
  width: 100%;
  top: 49%;
  left: 0;
  transition-delay: 1.5s;
}

.eveCont .prd {
display: none;
}
.eveCont .prd.on {
display: block;
}
.eveCont .prd1 {
    top: 40%;
    left: 51%;
    width: 26%;
    z-index: -2;
}
.trigger1{
  position: absolute;
    top: 4%;
    left: 5%;
    width: 44%;
    height: 39%;
}
.trigger2{
  position: absolute;
    top: 4%;
    left: 51%;
    width: 44%;
    height: 39%;
}
.trigger3{
  position: absolute;
    top: 46%;
    left: 5%;
    width: 44%;
    height: 39%;
}
.trigger4{
  position: absolute;
    top: 46%;
    left: 51%;
    width: 44%;
    height: 39%;
}
.eveCont .prd2 {
    top: 40%;
    left: 51%;
    width: 26%;
    z-index: -2;
}
.eveCont .prd3 {
    top: 40%;
    left: 51%;
    width: 26%;
    z-index: -2;
}
.eveCont .prd4 {
    top: 48%;
    left: 48%;
    width: 35%;
    z-index: -2;
}
.eveCont .obj1 {
    top: 44%;
    left: 5%;
    width: 15%;
  animation: blink 0.6s step-end infinite;
}
.gameWrap{
  position: relative;
}
.gameWrap .obj2 {
    position: absolute;
    top: 71%;
    left: 17%;
    width: 66%;
    animation: float 1.6s infinite ease-in-out;
}
@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}
.eveCont .obj3 {
    top: 64%;
    left: 15%;
    width: 70%;
    z-index: -1;
}
.eveCont .obj4 {
    top: 34.9%;
    left: 15%;
    width: 36%;
    z-index: -1;
}
@keyframes float {
  0% {
    transform: translateY(-15%);
  }

  50% {
    transform: translateY(0%);
  }

  100% {
    transform: translateY(-15%);
  }
}
.backColor{
      width: 100%;
    height: 100%;
    position: absolute;
    top: 0;
    background: #090B2A;
    z-index: -2;
}
.eveCont .obj04 {
    width: calc(523 / 1125 * 100%);
    bottom: 29%;
    right: 13%;
    animation: evDrift 1.6s ease-in-out infinite;
    --evDriftOffsetY: 3%;
}

.eveCont .obj05 {
    width: 100%;
    bottom: 16.8%;
    left: 0;
}

.evtSwiper {
  position: absolute;
  top: 9%;
}

.evtSwiper .swiper-slide {
  width: calc(666 / 750 * 100%);
  margin: 0 1.334%;
}

.eveCont .obj06 {
  width: 0;
  height: 0;
  bottom : 58.5%;
  right: 32%;
  transition: width .8s, opacity .8s;
  transform-origin: right bottom;
  opacity: 0;  
}

.eveCont .evtSwiper .swiper-slide-active .obj06 {
  width: calc(206 / 670 * 100%);
  height: auto;
  opacity: 1;
  transition-delay: .2s;
}

.evtSwiper.swiper02 {
  position: absolute;
  top: 57%;
}
.evtSwiper.swiper03 {
  position: absolute;
  top: 26%;
}

.eveCont .evtSwiper .swiper-slide-active .obj06-2 {
  width: calc(370 / 670 * 100%);
  bottom: 30%;
  right: 36%;
}

.eveCont .evtSwiper .swiper-slide-active .obj07 {
  width: calc(200 / 999 * 100%);
  height: auto;
  opacity: 1;
  transition-delay: .2s;
}

.eveCont .obj07 {
  width: 0;
  height: 0;
  bottom: 17%;
  left: 34%;
  transition: width .8s, opacity .8s;
  transform-origin: right bottom;
  opacity: 0;
}

.eveCont .obj08 {
  width: calc(263 / 1125 * 100%);
  top: 14%;
  right: 3%;
  animation: evDrift 1.6s ease-in-out infinite;
  --evDriftOffsetY: 10%;
}

.eveCont .obj08-1 {
    width: calc(291 / 1125 * 100%);
    top: 0%;
    right: 12%;
    animation: evDrift 1.6s ease-in-out infinite;
    --evDriftOffsetY: 10%;
}

.eveCont .fadeWrap.fadeWrap02 {
  left: 0;
  top: 14.5%;
  width: 100%;
  height: 11%;
}

.eveCont .fadeUp .fade06 {
  width: calc(357 / 1125 * 100%);
  top: 0;
  left: calc(376 / 750 * 100%);
  z-index: 1;
}

.eveCont .fadeUp .fade07 {
  width: calc(407 / 1125 * 100%);
  top: 18%;
  left: calc(445 / 750 * 100%);
  transition-delay: .3s;
}

.eveCont .fadeUp .fade08 {
  width: calc(468 / 1125 * 100%);
  top: 44%;
  left: calc(375 / 750 * 100%);
  transition-delay: .6s;
}

.eveCont .fadeUp .fade09 {
  width: calc(34 / 1125 * 100%);
  top: 71%;
  left: calc(519 / 750 * 100%);
  transition-delay: .9s;
}

.eventLink.btn01 {
    width: 84%;
    height: 16.5%;
    bottom: 6.5%;
}

.eveCont.paList {
  background-color: #eee !important;
}
.evtNavi.fixed{
  z-index: 13;
}

/* mo */
.mo .eveCont .countdown {
    left: 49%;
}
.eveCont .countdown {
    position: absolute;
    top: 23.8%;
    left: 48.5%;
    transform: translate(-50%, 0px);
    text-align: left;
    width: 33%;
    font-family: 'Paperlogy';
    letter-spacing: -3%;
}

.eveCont .countdown span {
  flex: none; /* 기존 flex: 1 제거 */
  font-size: 30px;
  font-weight: 700;
  color: #363B8A;
  font-family: 'Paperlogy';

}
.mo .eveCont .countdown span {
  flex: none; /* 기존 flex: 1 제거 */
  font-size: 1.5rem;
  font-weight: 700;
  color: #363B8A;
  font-family: 'Paperlogy';

}

.event_wrap [class*="bgTarget01"].box {
  background-color: #03A3EA;
}
/* .event_wrap [class*="bgTarget01"].box .goods_item .price,
.event_wrap [class*="bgTarget01"].box .goods_item .price em
.event_wrap [class*="bgTarget01"].box .goods_item .name {
  color: #fff !important;
} */
.event_wrap [class*="bgTarget01"].box .goods_item .price em {
  color: #fff !important;
}

/* front */
.event_wrap #eventTypeArea.inner_wide {
  padding: 10px 0 30px;
}

.mo .event_wrap #eventTypeArea.inner_wide {
  padding: 1rem 0 4rem;
}

.mo .event_wrap #eventTypeArea.inner_wide .desc + .inner {
  margin: 0 auto;
}