/* Section 01 */
.health-event-container .section_01 .title.active,
.health-event-container .section_01 .product.active{
  opacity : 1;
  transform : translateY(0);
}

.health-event-container .section_01 .title{
  opacity : 0;
  transition : all .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform : translateY(-10%);
  top: 15.9%; left: 12.6%; width: 76.1%; height: 44.9%;
}

.health-event-container .section_01 .product{
  top: 58.1%; left: 2.2%; width: 95.3%; height: 37.8%; 
  opacity : 0;
  transition : all .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform : translateY(-10%);
}

/* Tab */
.health-event-container .tab_wrapper {
  display: grid;
  border-top: 4px solid #238cfc;
  background-color: #110b20;
  grid-template-columns: repeat(4, 1fr);
}

.health-event-container .tab_wrapper button {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 10dvh;
  max-height: 124px;
  font-family: "GmarketSansMedium", sans-serif;
  
  color: #fff;
  opacity: 0.5;
  flex-direction : column;
}

.health-event-container .tab_wrapper button .small{
  font-size : 23px;
}

.health-event-container .tab_wrapper button .big{
  font-size : 36px;
  font-weight : bold;
}

.health-event-container .tab_wrapper button.show {
  background : linear-gradient(to right, #00c2ff, #4b4ff8);
  font-family: "GmarketSansBold";
  opacity: 1;
}

/* Section 02 */
.section_02 .coupon-pack{
  top: 27.6%; left: 5.9%; width: 91.0%; height: 53.0%; 
}

.section_02 .pack-button{
  top: 74.0%; left: 20.8%; width: 58.4%; height: 9.0%; 
}

/* Section 03 */
.section_03 .point{
  top: 26.0%; left: 83.3%; width: 16.7%; height: 14.1%;
}
.section_03 .coupon{
  top: 37.1%; left: 0%; width: 20.3%; height: 14.6%;
}
.section_03 .coin{
  top: 46.4%; left: 67.8%; width: 27.9%; height: 14.6%;  
}
.section_03 .clover{
  top: 29.2%; left: 29.9%; width: 38.5%; height: 25.4%; 
}
.section_03 .clover:hover, .section_03 .clover:focus{
  filter : drop-shadow(0 0 10px #fae02c);
}
.section_03 .clover:hover {
  animation : shockwaveJump 1s ease infinite;
}
.section_03 .pick{
  top: 56.5%; left: 16.7%; width: 66.7%; height: 7.5%; 
}
.section_03 .share{
  top: 65.0%; left: 16.7%; width: 66.7%; height: 7.5%; 
}

/* Section 04 */
.section_04 .link-item{
  width: 34.2%; height: 1.5%;
}
.section_04 .link-item-1{
  top: 23.2%; left: 12.5%;
}
.section_04 .link-item-2{
  top: 23.2%; left: 53.3%; 
}
.section_04 .link-item-3{
  top: 39.0%; left: 12.5%
}
.section_04 .link-item-4{
  top: 39.0%; left: 53.3%;
}
.section_04 .link-item-5{
  top: 48.4%; left: 53.7%;
}
.section_04 .link-item-6{
  top: 65.8%; left: 12.5%; 
}
.section_04 .link-item-7{
  top: 65.8%; left: 53.3%; 
}
.section_04 .link-item-8{
  top: 81.6%; left: 12.5%;
}
.section_04 .link-item-9{
  top: 81.6%; left: 53.3%; 
}
.section_04 .link-item-10{
  top: 92.4%; left: 53.7%;
}

/* Section 05 */
.section_05 .product{
  top: 47.3%; left: 22.8%; width: 57.3%; height: 25.4%; 
}

@media (max-width: 991px) {
  .health-event-container .tab_wrapper button {
    height: 80px;
    font-size: 18px;
  }
  
  .health-event-container .tab_wrapper button .small{
    font-size : 14px;
  }

  .health-event-container .tab_wrapper button .big{
    font-size : 27px;
  }
}

@media (max-width: 767px) {
  .health-event-container .tab_wrapper button {
    height: 56px;
    font-size: 12px;
  }

  .health-event-container .tab_wrapper button .small{
    font-size : 12px;
  }

  .health-event-container .tab_wrapper button .big{
    font-size : 16px;
  }
}