/* 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: 700;
  font-style: normal;
  font-display: swap;
}
.eveCont.top{
  position: relative;
}
.eveCont.top .topBg {
  position: absolute;

  width: 100%;
  max-width: none;
  z-index: -1;
  animation: showObj 1.2s ease-out forwards .3s;
  opacity: .4;
  filter: blur(10px) ;
}
  
@keyframes showObj {
  0% {
    opacity: .4;
    filter: blur(10px);
  }

  100% {
    opacity: 1;
    filter: blur(0);
  }
}
.obj.obj00{
  position: absolute;
    top: 24.7%;
    width: 27% !important;
    left: 4%;
    z-index: 1;
    visibility: hidden;
  animation: bell-ring 1s ease-in-out 1s infinite;
  animation-delay: 2s;
  }
    
.event_wrap .eveCont .popupWrap .popup .content {
  padding: 0;
}

.event_wrap .eveCont .popupWrap .popup .btnClose {
  background-color: #FF7C2C;
  height: 48px;
}

.event_wrap .eveCont .popupWrap .popup .btnClose:after {
  height: 8px;
  width: 8px;
}


.obj.obj01{
    top: 14.3%;
    left: 31.5%;
    width: 36.3% !important;
    animation: float 2s ease-in-out infinite;

}
@keyframes bell-ring {
  0% {
    visibility: visible;
    transform: rotate(0deg);
  }

  15% {
    transform: rotate(18deg);
  }

  30% {
    transform: rotate(-16deg);
  }

  45% {
    transform: rotate(12deg);
  }

  60% {
    transform: rotate(-8deg);
  }

  75% {
    transform: rotate(4deg);
  }

  100% {
    visibility: visible;
    transform: rotate(0deg);
  }
}
.eveCont .popupWrap .popup .btnClose{
    width: 100%;
    height: 60px;
    background-color: #fff0!important;
    font-size: 0;
    position: absolute;
    top: 0%;
    width: 13%!important;
    height: 20% !important;
    right: 0;
}
.eveCont .popupWrap .popup .btnClose:after{
  content: none;
  display: none!important;
}
.eveCont .eventLink.btnPop {
    width: 90%;
    height: 9%;
    top: 64%;
}
.eveCont .eventLink.btn00 {
    width: 90%;
    height: 16%;
    bottom: 10%;
}
.eveCont .eventLink.btn01 {
    width: 90%;
    height: 17%;
    top: 31%;
}
.eveCont .eventLink.btn02 {
    width: 90%;
    height: 17%;
    top: 49%;
}
.eveCont .eventLink.btn03 {
    width: 90%;
    height: 17%;
    top: 67%;
}

.eveCont .evtSwiper.swiper1 {
    position: absolute;
    bottom: 1%;
}
.eveCont .evtSwiper.swiper2 {
  position: absolute;
    bottom: 1%;
}

.eveCont .evtSwiper .swiper-slide {
  width: calc(1000 / 1125 * 100%);
  margin: 0 1.5%;
}

        


@keyframes blink {
  0% {
    opacity: 0;
  }

  50% {
    opacity: 1;
  }

  100% {
    opacity: 0;
  }
}

@keyframes float {
  0% {
    transform: translateY(0px);
  }
  50% {
    transform: translateY(-10px);
  }
  100% {
    transform: translateY(0px);
  }
}
/* mo */



/*  .event_wrap [id*=prd].box {
  background-color: #E6F6E4;
  margin-top: 0 !important;
} */
.event_wrap [class*="bgTarget01"].box {
  background-color: #C2F0BD;
  margin-top: 0 !important;
}
/* .event_wrap div[class*="bgTarget01_"] .name span {
  color: #fff !important;
}
.event_wrap div[class*="bgTarget01_"] .price strong {
  color: #fff !important;
} */

.mo .event_wrap [id*=prd].box {
  padding-top: 2.5rem;
}

/* mo */
.mo .event_wrap .eveCont .popupWrap .popup .btnClose {
  height: 4.8rem;
  font-size: 0;
  color: #fff0;
}

.event_wrap .eveCont .popupWrap .popup .btnClose:after {
  height: .4rem;
  width: .4rem;
}
.eveCont.paList{
  background-color: #e1e1e1!important;
}