/* event */
@font-face {
  font-family: 'Paperlogy';
  /* src: url('../../../cmmn/Paperlogy.woff2') format('woff2'); */
  src: url('https://stg-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://stg-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://stg-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{
    top: 24.7%;
    width: 27% !important;
    left: 4%;
    z-index: 1;
    transform: none;
    transform-origin: 50% 10%;
    animation: bell-ring 1.2s ease-in-out infinite;}
    
.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;
}
#wrap .event_wrap {
  --evNaviHeight: 93;
  --evNaviEmFontSize: 25;
  --evNaviFontSize: 22;
  --evNaviLineColor: #00A273;
}
.evtNavi button em {
    height: calc((var(--evNaviHeight, 100)) / 2 * .1rem);
    font-size: 28px;
    line-height: 2rem;
  font-weight: 700;
}
.evtNavi.line{
  padding: 0!important;
  background-color: #fff0!important;
}
.evtNavi.line .inner{
background-color: #113623;
}
.evtNavi.line.fixed .inner{
background-color: #fff0;
}
.event_wrap .eve_detail .evtNavi.line button {
  font-family: 'Paperlogy';
  background-color: #fff;
  color: #3C3C3C;
  border-radius: 0.8rem 0.8rem 0 0;

  
}
.event_wrap .eve_detail .evtNavi.line button em {
  color: #00A273;
  
}
.event_wrap .eve_detail .evtNavi.line button.on {
  background-color: #00A273;
  color: #fff;
  
}
.event_wrap .eve_detail .evtNavi.line button.on em {
  color: #D0FFBF;
  
}
.event_wrap .eve_detail .evtNavi.line button.naviLine {
  border-right: 1px solid #072918!important;
  
}


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

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

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

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

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

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

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

  100% {
    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.btnPop.btnPop2 {
    width: 90%;
    height: 9%;
    top: 82%;
}
.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%;
}

.evtNavi button{
border: none!important;
}





.evtNavi.line{
  padding: 0;
}
.event_wrap .eve_detail .evtNavi.line button {
  font-weight: 500;
  flex: 1;
  padding: 0;
}

.event_wrap .eve_detail .evtNavi.line button em:after {
  width: 100%;
  left: 0;
  transform: none;
}
.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 */



.mo .evtNavi button em {
    height: calc((var(--evNaviHeight, 100)) / 2 * .1rem);
    font-size: calc((var(--evNaviEmFontSize, 24)) / 2 * .1rem);
    line-height: 2rem;
}


/*  .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;
  font-size: 0!important;
}

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