.OX-area {
    margin-top: 1.66rem;
    display: flex;
    justify-content: space-around;
    align-items: start;
    height: 33.33rem;
}

.OX-area .O-box {
    background: url(../img/icon/right.svg) no-repeat center;
    background-size: cover;
}

.OX-area .X-box {
    background: url(../img/icon/wrong.svg) no-repeat center;
    background-size: cover;
}

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

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

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

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