.OX-area {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 100%;
}

.OX-area .OX-button-wrap {
    display: flex;
    justify-content: center;
    align-items: center;
    gap: 35px;
    margin-top: 1.66rem;
    border-radius: 1.65rem;
    padding: 1.85rem 2.25rem;
    max-width: 20rem;
    background-color: #F6F6F7;
}

.OX-area .OX-button-wrap .O-box {
    background: url(../img/icon/right.png) no-repeat center;
    background-size: cover;
    image-rendering: optimizeQuality;
}

.OX-area .OX-button-wrap .X-box {
    background: url(../img/icon/wrong.png) no-repeat center;
    background-size: cover;
    image-rendering: optimizeQuality;
}

.OX-area .OX-button-wrap .O-box, 
.OX-area .OX-button-wrap .X-box {
    width: 8.08rem;
    height: 8.08rem;
    cursor: pointer;
}

.OX-area .OX-button-wrap .O-box:hover, .OX-area .OX-button-wrap .X-box:hover {
    /* opacity: 0.7; */
}

.OX-area .OX-button-wrap .O-box.select {
    background: url(../img/icon/right-select.png) no-repeat center;
    background-size: cover;
}
.OX-area .OX-button-wrap .O-box.deselect {
    background: url(../img/icon/right-disable.png) no-repeat center;
    background-size: cover;
}
.OX-area .OX-button-wrap .O-box.correct {
    background: url(../img/icon/right-right.png) no-repeat center;
    background-size: cover;
}
.OX-area .OX-button-wrap .O-box.incorrect {
    background: url(../img/icon/right-wrong.png) no-repeat center;
    background-size: cover;
}

.OX-area .OX-button-wrap .X-box.select {
    background: url(../img/icon/wrong-select.png) no-repeat center;
    background-size: cover;
}.OX-area .OX-button-wrap .X-box.deselect {
    background: url(../img/icon/wrong-disable.png) no-repeat center;
    background-size: cover;
}
.OX-area .OX-button-wrap .X-box.correct {
    background: url(../img/icon/wrong-right.png) no-repeat center;
    background-size: cover;
}
.OX-area .OX-button-wrap .X-box.incorrect {
    background: url(../img/icon/wrong-wrong.png) no-repeat center;
    background-size: cover;
}