/* sec 01 */
.sec_01 .sec_01_title{
  top: 18.6%;
  left: 7.1%;
  width: 68.8%;
  height: 33.2%; 
  opacity: 0;
  transform : translateX(100px);
  transition : all 1s ease-out;
}

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

/* sec 02 */
.sec_02 .coupon_01{
  top: 35.4%;
  left: 10.0%;
  width: 39.9%;
  height: 17.7%; 
}
.sec_02 .coupon_02{
  top: 35.4%; left: 49.9%; width: 39.9%; height: 17.7%;
}
.sec_02 .coupon_03{
  top: 53.2%; left: 10.0%; width: 39.9%; height: 17.7%; 
}
.sec_02 .coupon_04{
  top: 53.2%; left: 49.9%; width: 39.9%; height: 17.7%; 
}
.sec_02 .coupon_button{
  top: 75.9%; left: 18.8%; width: 62.5%; height: 9.7%; 
}

.sec_02 .divider_01{
  top: 39.0%; left: 49.8%; width: 0.3%; height: 11.9%;
}
.sec_02 .divider_02{
   top: 55.9%; left: 49.8%; width: 0.3%; height: 11.9%;
}
.sec_02 .divider_03{
  top: 53.0%; left: 53.7%; width: 32.3%; height: 0.3%;
}
.sec_02 .divider_04{
   top: 53.0%; left: 13.8%; width: 32.3%; height: 0.3%; 
}

/* sec 03 */
.sec_03 .red_ginseng{
  top: 35.5%; left: 14.2%; width: 23.4%; height: 17.0%;
}
.sec_03 .chlorella{
   top: 35.5%; left: 38.4%; width: 23.4%; height: 17.0%; 
}
.sec_03 .vitamin{
   top: 35.5%; left: 62.6%; width: 23.4%; height: 17.0%; 
}
.sec_03 .lutein{
  top: 53.0%; left: 14.2%; width: 23.4%; height: 17.0%; 
}
.sec_03 .omega{
   top: 53.0%; left: 38.4%; width: 23.4%; height: 17.0%; 
}
.sec_03 .diet{
  top: 53.0%; left: 62.6%; width: 23.4%; height: 17.0%;
}
.sec_03 .heyn{
  top: 70.6%; left: 14.2%; width: 23.4%; height: 17.0%; 
}
.sec_03 .menopause{
   top: 70.6%; left: 38.4%; width: 23.4%; height: 17.0%;
}
.sec_03 .joint{
  top: 70.6%; left: 62.6%; width: 23.4%; height: 17.0%;
}

.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 #ff2663;
  border-radius: 30px;
  background-color : #ff2663;
}
.sec_03 .active::before{
  content : '';
  display: block;
  position : relative;
  width : 100%;
  height: 100%;
  box-shadow : 3px 3px 27px 10px #ff2663;
  border-radius: 30px;
  background-color : #ff2663;
}

.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;
}

/* sec 04 */
.sec_04 .sec_04_item-link-01{
  top: 12.8%; left: 11.0%; width: 38.7%; height: 14.3%; 
}
.sec_04 .sec_04_item-link-02{
  top: 12.7%; left: 51.7%; width: 38.0%; height: 14.4%
}
.sec_04 .sec_04_item-link-03{
   top: 27.9%; left: 11.0%; width: 38.7%; height: 14.8%; 
}
.sec_04 .sec_04_item-link-04{
   top: 27.6%; left: 49.8%; width: 40.4%; height: 15.2%; 
}
.sec_04 .sec_04_item-link-05{
   top: 43.9%; left: 11.7%; width: 38.0%; height: 14.6%;
}
.sec_04 .sec_04_item-link-06{
  top: 43.5%; left: 51.1%; width: 38.6%; height: 14.9%;
}
.sec_04 .sec_04_item-link-07{
   top: 59.1%; left: 9.9%; width: 39.8%; height: 15.0%; 
}
.sec_04 .sec_04_item-link-08{
   top: 59.3%; left: 51.0%; width: 38.7%; height: 14.8%; 
}
.sec_04 .sec_04_item-link-09{
  top: 74.8%; left: 10.6%; width: 39.1%; height: 15.0%;
}
.sec_04 .sec_04_item-link-10{
  top: 74.7%; left: 51.0%; width: 38.7%; height: 15.0%; 
}
.sec_04 .sec_04_buy-button{
  top: 91.9%; left: 18.8%; width: 62.5%; height: 3.4%; 
}

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