/* Section 01 */
.sec_01 .sec_01_title{
  top: 18.6%; left: 7.8%; width: 65.3%; height: 38.8%; 
  opacity: 0;
  transform : translateX(100px);
  transition : all 1s ease-out;
}

.sec_01 .sec_01_title.is-visible{
  opacity: 1;
  transform: translateX(0);
}

/* Section 02 */
.sec_02 .coupon_button{
   top: 76.8%; left: 20.4%; width: 59.2%; height: 9.0%;
}

/* Section 03 */
.sec_03 button{
  width: 23.4%; height: 17.6%; 
}

.sec_03 .red_ginseng{
  top: 36.6%; left: 14.2%;
}

.sec_03 .chlorella{
  top: 36.6%; left: 38.4%; 
}

.sec_03 .vitamin{
  top: 36.6%; left: 62.6%;
}

.sec_03 .lutein{
  top: 54.7%; left: 14.2%; 
}

.sec_03 .omega{
  top: 54.7%; left: 38.4%; 
}

.sec_03 .diet{
  top: 54.7%; left: 62.6%;
}

.sec_03 .heyn{
  top: 72.8%; left: 14.2%;
}

.sec_03 .menopause{
  top: 72.8%; left: 38.4%;
}

.sec_03 .joint{
  top: 72.8%; left: 62.6%;
}

.sec_03 button>img{
  position : absolute;
  z-index :2;
  top : 0;
  left : 0;
}

.sec_03 .sec_03_check{
  display : none;
  z-index : 4; 
  top: 32.4%; 
  left: 32.0%; 
  width: 37.4%; 
  height: 30.6%;
}
.sec_03 .active .sec_03_check{
  display: block;
}

.sec_03 button:hover{
  box-shadow : 3px 3px 27px 10px #fff300;
  border-radius: 30px;
  background-color : #fff300;
}
.sec_03 .active::before{
  content : '';
  display: block;
  position : relative;
  width : 100%;
  height: 100%;
  box-shadow : 3px 3px 27px 10px #fff300;
  border-radius: 30px;
  background-color : #fff300;
}

.sec_03 .active::after{
  content : '';
  display: block;
  position : absolute;
  width : 100%;
  height: 100%;
  background: rgba(0,0,0, .65);
  z-index :3;
  top : 0;
  left : 0;
  border-radius: 30px;
}

/* Section 04 */
.sec_04 .sec_04_item_link{
  width: 33.3%; 
  height: 2.0%; 
}

.sec_04 .sec_04_item_left{
  left : 13.3%;
}

.sec_04 .sec_04_item_right{
  left : 53.5%;
}

.sec_04 .sec_04_item-link-01,
.sec_04 .sec_04_item-link-02{
  top : 26.7%;
}

.sec_04 .sec_04_item-link-03,
.sec_04 .sec_04_item-link-04{
  top : 43.6%;
}
.sec_04 .sec_04_item-link-05,
.sec_04 .sec_04_item-link-06{
  top : 60.5%;
}
.sec_04 .sec_04_item-link-07,
.sec_04 .sec_04_item-link-08{
  top : 77.4%;
}
.sec_04 .sec_04_item-link-09,
.sec_04 .sec_04_item-link-10{
  top : 94.3%;
}


@media(max-width : 767px){
  .sec_03 .active::after{
    border-radius: 10px;
  }
}