.wrapper {
    display: flex;
    justify-content: center;
    align-items: center;
    background: #02285D;
}

.inner {
    max-width: 750px;
}

.mercy_img {
    display: block;
    width: 100%;
    height: 100%;
    object-fit: cover;
}
.box {
    position: relative;
}

.btn01,
.btn02,
.btn03,
.btn04,
.btn05,
.btn06,
.btn07,
.btn08,
.btn09 {
    position: absolute;
    width: 40%;
    transform: translate(-50%);
    transition: .2s;
    left: 50%;
}

.btn01 {
    top: 80%;
}
.btn02 {
    top: 76%;
}
.btn03 {
    top: 58%;
}
.btn04 {
    bottom: 5%;
}
.btn05 {
    top: 33%;
}
.btn06 {
    bottom: 24%;
}
.btn07 {
    top: 37%;
}
.btn08 {
    bottom: 18%;
}
.btn09 {
    top: 57%;
}
.btn01:hover,
.btn02:hover,
.btn03:hover,
.btn04:hover,
.btn05:hover,
.btn06:hover,
.btn07:hover, 
.btn08:hover,
.btn09:hover{
    opacity: .8;
}