.event01_wrap{
  position: relative;
  padding-top: 7rem;
  padding-bottom: 6rem;
  background: url(../_img/event/v2/bg.png) no-repeat center center / cover;
  overflow: hidden;
}
.event01_wrap::before{
  content: '';
  position: absolute;
  top: 0; left: 0;
  width: 100%;
  height: 100%;
  background: url(../_img/event/v2/bg2.png) no-repeat center top / 100% auto;
  transform: translateY(-100%);
  opacity: 0;
  transition: transform 5s , opacity 5s ease-in-out;
}
.event01_wrap.on::before{
  transform: translateY(0);
  opacity: 1;
}
.event01_wrap .contents{
  z-index: 10;
  position: relative;
  max-width: 853px;
  padding: 0 15px;
  margin: 0 auto;
  text-align: center;
}
.event01_wrap .contents h3,
.event01_wrap .contents .button,
.event01_wrap .contents .txt4{
  z-index: 1;
  position: relative;
}
.event01_wrap .contents h3{
  margin: 0 auto;
}
.event01_wrap .contents h3::before,
.event01_wrap .contents .txt4::before{
  content: '';
  z-index: -1;
  position: absolute;
  animation: circle 5s ease-in infinite alternate;
}
.event01_wrap .contents h3::before{
  top: 13%; left: 7%;
  width: 17.1rem;
  height: 17.1rem;
  background: url(../_img/event/v2/circle.png) no-repeat center center / contain;
}
.event01_wrap .contents .txt4::before{
  top: -65%; right: -33%;
  width: 55.5rem;
  height: 55.5rem;
  background: url(../_img/event/v2/circle2.png) no-repeat center center / contain;
}
.event01_wrap .contents .coupon{
  margin: 4.1rem 0;
}
.event01_wrap .contents .button{
  z-index: 2;
  margin-top: 4.1rem;
  margin-bottom: 5rem;
}
.event01_wrap .contents .button p{
  text-align: center !important;
}
@keyframes circle {
  0%{opacity: .5; transform: scale(1);}
  50%{opacity: 1; transform: scale(1.1);}
  100%{opacity: .5; transform: scale(1);}
}
@media (max-width:767.98px) {
  .event01_wrap .contents h3::before{
    width: 10rem;
    height: 10rem;
  }
  .event01_wrap .contents .txt4::before{
    width: 35rem;
    height: 35rem;
  }
}