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

.health-festa-container .section_01 .title{
  opacity : 0;
  transition : all .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform : translateY(-10%);
  top: 17.3%; left: 5.7%; width: 89.9%; height: 33.7%;
}

.health-festa-container .section_01 .product{
  top: 51.4%; left: 0.0%; width: 99.7%; height: 45.1%; 
  opacity : 0;
  transition : all .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform : translateY(-10%);
}

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

.health-festa-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-festa-container .tab_wrapper button .small{
  font-size : 23px;
}

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

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

/* Section 02 */
.health-festa-container .section_02.visible .fifty-object,
.health-festa-container .section_02.visible .twenty-object,
.health-festa-container .section_02.visible .thirty-object{
  opacity : 1;
  transform : translateY(0)
}

.health-festa-container .section_02 .fifty-object{
  top: 33.4%; left: 10.8%; width: 25.0%; height: 30.5%;
  opacity : 0;
  transition : all .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform : translateY(-10%)
}

.health-festa-container .section_02 .twenty-object{
  top: 33.4%; left: 37.5%; width: 25.0%; height: 30.5%; 
  opacity : 0;
  transition : all .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform : translateY(-30%)
}

.health-festa-container .section_02 .thirty-object{
  top: 33.4%; left: 64.2%; width: 25.0%; height: 30.5%;
  opacity : 0;
  transition : all .8s cubic-bezier(0.075, 0.82, 0.165, 1);
  transform : translateY(-50%)
}

.health-festa-container .section_02 .coupon-button{
  top: 68.5%; left: 20.8%; width: 58.4%; height: 10.4%; 
}

.health-festa-container .section_02 .coupon-button:hover{
  filter : drop-shadow(0 0 10px #e1f42b)
}

/* Section 03 */
.health-festa-container .section_03 .link-item{
  width: 34.2%; height: 1.8%;
}

.health-festa-container .section_03 .link-item-01{
  top: 43.7%; left: 12.3%; 
}

.health-festa-container .section_03 .link-item-02{
  top: 43.7%; left: 53.2%;
}

.health-festa-container .section_03 .link-item-03{
  top: 63.2%; left: 12.3%;
}

.health-festa-container .section_03 .link-item-04{
  top: 63.2%; left: 53.2%;
}

.health-festa-container .section_03 .link-item-05{
  top: 83.9%; left: 12.4%; 
}

.health-festa-container .section_03 .link-item-06{
  top: 83.9%; left: 53.2%;
}

.health-festa-container .section_03 .link-item-07{
  top: 92.9%; left: 53.2%;
}


/* Section 04 */
.health-festa-container .section_04 .point-coupon{
  top: 48.1%; left: 24.7%; width: 50.7%; height: 28.8%; 
}

.health-festa-container .section_04 .tag{
  top: 41.8%; left: 66.5%; width: 18.4%; height: 18.4%; 
}

/* Section 05 */
.health-festa-container .section_05 .point-500{
  top: 40.1%; left: 3.6%; width: 17.9%; height: 13.9%; 
}

.health-festa-container .section_05 .point-100{
  top: 32.5%; left: 75.9%; width: 19.9%; height: 13.9%; 
}

.health-festa-container .section_05 .gift{
  top: 35.1%; left: 18.6%; width: 64.1%; height: 42.0%; 
}

.health-festa-container .section_05 .object{
  top: 34.7%; left: 7.7%; width: 88.3%; height: 31.3%;
} 

.health-festa-container .section_05 .tag{
  top: 63.7%; left: 71.9%; width: 16.8%; height: 10.6%;
}

.health-festa-container .section_05 .random{
  top: 67.9%; left: 16.7%; width: 66.7%; height: 9.1%;
}

.health-festa-container .section_05 .random:hover{
  filter : drop-shadow(0 0 10px #fae02c)
}

.health-festa-container .section_05 .share{
  top: 78.2%; left: 16.7%; width: 66.7%; height: 9.1%; 
}

.health-festa-container .section_05 .share:hover{
  filter : drop-shadow(0 0 10px #fae02c)
}

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

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

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

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

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