.offerBtn {
    transition: all .3s;
}

.offerBtn:hover {
    transform: translateY(5%);
}
.offer01-1 {
  top: 59.5%;
  left: 0%;
  width: 58.3%;
}
.offer01-2 {
  top: 64.3%;
  left: 54%;
  width: 17.2%;
}
.offer01-3 {
    top: 82.4%;
    left: 6.6%;
    width: 88.5%;
    -webkit-mask: url("../images/BG4_btn.png") no-repeat center center;
    mask: url("../images/BG4_btn.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
}
.offer02-1 {
    top: 56%;
    left: 6%;
    width: 45.3%;
}
.offer02-2 {
    top: 79.6%;
    left: 6.6%;
    width: 88.5%;
    -webkit-mask: url("../images/BG4_btn.png") no-repeat center center;
    mask: url("../images/BG4_btn.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
    pointer-events: all !important;
}
.offer02-3 {
    top: 91%;
    left: 48%;
    width: 45.3%;
}
.offer03-1 {
    top: 74.8%;
    left: 3%;
    width: 45.3%;
    -webkit-mask: url("../images/offer/BG_22_btn.png") no-repeat center center;
    mask: url("../images/offer/BG_22_btn.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
    pointer-events: all !important;
}
.offer03-2 {
    top: 74.8%;
    left: 51%;
    width: 45.3%;
    -webkit-mask: url("../images/offer/BG_22_btn.png") no-repeat center center;
    mask: url("../images/offer/BG_22_btn.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
    pointer-events: all !important;
}
.offer03-3 {
    top: 84%;
    left: 4%;
    width: 45.3%;
}
.offer03-4 {
    top: 84%;
    left: 51.5%;
    width: 45.3%;
}
.offer04-1 {
    top: 50%;
    left: 10%;
    width: 25.4%;
}
.offer04-3 {
    top: 56%;
    left: 37%;
    width: 17.2%;
}
.offer04-2 {
    top: 76.4%;
    left: 6.6%;
    width: 88.5%;
    -webkit-mask: url("../images/BG4_btn.png") no-repeat center center;
    mask: url("../images/BG4_btn.png") no-repeat center center;
    -webkit-mask-size: contain;
    mask-size: contain;
    cursor: pointer;
    pointer-events: all !important;
}
