.contents:nth-child(1) {
    background: url('../images/07/bg1.png') center bottom no-repeat;
}

.setContent {
    position: absolute;
    top: 34px;
    right: 60px;
}

.setContent li {
    float: left;
    width: 130px;
    height: 78px;
    cursor: pointer;
    /*    border: 1px solid red;*/
}

.setContent li:nth-child(2) {
    margin-left: 10px;
}

/*---------------------------------------------------------------------------*/
.videoFrame {
    display: none;
}

.sound_btn {
    position: absolute;
    top: 185px;
    left: 63px;
    width: 74px;
    height: 78px;
    background: url(../../../../common/images/aniitem/adoBtn.png) 0 0 no-repeat;
    cursor: pointer;
    z-index: 10;
}

.sound_btn.off {
    background: url(../../../../common/images/aniitem/adoBtn_off.png) 0 0 no-repeat;
}

.contents:nth-child(1) .btn {
    position: absolute;
    top: 764px;
    left: 884px;
    width: 278px;
    height: 89px;
    cursor: pointer;

}

.contents:nth-child(1) .popup_btn {
    position: absolute;
    top: 16px;
    left: 1686px;
    width: 340px;
    height: 110px;
    cursor: pointer;


    /*  border: 1px solid red;*/
}

.contents:nth-child(1) .popup_btn.on {
    cursor: default;
}

.contents:nth-child(1) .popup {
    background: rgba(0, 0, 0, 0.7) url(../images/07/popText.png) no-repeat center center;
    z-index: 999999;
}

.contents:nth-child(1) .popup .close {
    top: 155px;
    right: 98px;
    opacity: 0;
}

.pop0 .page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) url("../images/07/pop1.png")no-repeat;
}

.pop0 .close {
    top: 26px;
    right: 26px;
    opacity: 0;
}

.pop0 .navigation {
    display: none;
}

/*시작 팝업*/
.alertPop {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7) url("../images/07/alertPop.png")no-repeat;
    display: none;
    z-index: 9999;
}

/*전체 영역 가리기*/
.fullHideBox {
    background: rgba(0, 0, 0, 0);
    position: absolute;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 9999;
    display: none;
}

.test2 .fullHideBox {
    background: rgba(255, 0, 255, 0.3);
}

/*윷 버튼 불필요한 영역 가리기*/
.pop0 .page1 .hideBox {
    position: absolute;
    width: 261px;
    height: 202px;
    top: 327px;
    right: 241px;
    z-index: 2;
}


/*윷 버튼*/
.yutBtn {
    position: absolute;
    top: 327px;
    right: 241px;
    cursor: pointer;

}

.yutBtn.on {
    animation: flick 1.2s linear 3;
}

.yutBtn.dis {
    pointer-events: none !important;
}

.test2 .yutBtn.dis {
    background-color: rgba(0, 0, 0, 0.3) !important;
}

@keyframes flick {
    0% {
        opacity: 1
    }

    40% {
        opacity: 1
    }

    50% {
        opacity: 0
    }

    90% {
        opacity: 0
    }

    100% {
        opacity: 1
    }

}

/* 말 */

.gameMal {
    position: absolute;
    cursor: pointer;
}

.gameMal.on {
    z-index: 1;
}

.gameMal.mal1 {
    background: url(../images/07/mal1.png)no-repeat;
    width: 131px;
    height: 131px;
    top: 760px;
    left: 1510px;
}

.gameMal.mal2 {
    background: url(../images/07/mal2.png)no-repeat;
    width: 131px;
    height: 131px;
    top: 760px;
    left: 1712px;
}

.gameMal.mal1.on {
    background: url(../images/07/mal1_on.png)no-repeat;

    pointer-events: none;
}

.gameMal.mal2.on {
    background: url(../images/07/mal2_on.png)no-repeat;

    pointer-events: none;
}

.gameMal.finish {
    animation: updown 1s 3;
    animation-fill-mode: both;

}

.animated.infinite {
    animation-iteration-count: 3
}

@keyframes updown {
    0% {
        margin-top: 10px;
    }

    50% {
        margin-top: 0px;
    }

    100% {
        margin-top: 10px;
    }
}

/*윷판 영역*/
.yotArea {
    position: absolute;
    width: 100px;
    height: 100px;
    border-radius: 100%;

}

.yotArea .no {
    position: relative;
    user-select: none;
    z-index: 1;
    font-size: 30px;
    text-align: center;
    line-height: 100px;
    color: #fff;
    text-shadow: 3px 3px black;
}

.yotArea.yotA1 {
    top: 744px;
    left: 1211px;
}

.yotArea.yotA2 {
    top: 575px;
    left: 1201px;
}

.yotArea.yotA3 {
    top: 405px;
    left: 1197px;
}

.yotArea.yotA4 {
    top: 239px;
    left: 1197px;
}

.yotArea.yotA5 {
    top: 67px;
    left: 1201px;
}

.yotArea.yotA6 {
    top: 234px;
    left: 995px;
}

.yotArea.yotA7 {
    top: 361px;
    left: 814px;
}

.yotArea.yotA8 {
    top: 487px;
    left: 664px;
}

.yotArea.yotA9 {
    top: 624px;
    left: 816px;
}

.yotArea.yotA10 {
    top: 762px;
    left: 987px;
}

.yotArea.yotA11 {
    top: 625px;
    left: 513px;
}

.yotArea.yotA12 {
    top: 760px;
    left: 335px;
}

.yotArea.yotA13 {
    top: 919px;
    left: 129px;
}

.yotArea.yotA14 {
    top: 925px;
    left: 342px;
}

.yotArea.yotA15 {
    top: 930px;
    left: 550px;
}

.yotArea.yotA16 {
    top: 933px;
    left: 772px;
}

.yotArea.yotA17 {
    top: 927px;
    left: 988px;
}

.yotArea.yotA18 {
    top: 58px;
    left: 994px;
}

.yotArea.yotA19 {
    top: 53px;
    left: 782px;
}

.yotArea.yotA20 {
    top: 55px;
    left: 562px;
}

.yotArea.yotA21 {
    top: 54px;
    left: 346px;
}

.yotArea.yotA22 {
    top: 64px;
    left: 125px;
}

.yotArea.yotA23 {
    top: 239px;
    left: 340px;
}

.yotArea.yotA24 {
    top: 364px;
    left: 511px;
}

.yotArea.yotA25 {
    top: 248px;
    left: 125px;
}

.yotArea.yotA26 {
    top: 408px;
    left: 126px;
}

.yotArea.yotA27 {
    top: 585px;
    left: 128px;
}

.yotArea.yotA28 {
    top: 757px;
    left: 125px;
}

.yotArea.yotA29 {
    top: 918px;
    left: 1208px;
}


/* 게임 팝업 */

.gamePopup {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 99999999;
    display: none;
}

.gamePopup.dis {
    pointer-events: none;
}

.gamePopup .showText {
    position: absolute;
    top: 408px;
    left: 335px;
    width: 1381px;
    height: 214px;
    border-radius: 15px;
    cursor: pointer;
    background: rgba(255, 232, 164, 1) url("../images/07/popClickItem.png")no-repeat center center;
}

.gamePopup .showText.on {
    opacity: 0;
}

.gamePopup .ansPopBtn {
    position: absolute;
    top: 684px;
    width: 176px;
    height: 91px;
    border-radius: 70px;
    cursor: pointer;
}

.gamePopup .ansPopBtn.on {
    pointer-events: none;
}

.gamePopup .ansPopBtn.oBtn {
    left: 741px;
}

.gamePopup .ansPopBtn.xBtn {
    left: 1128px;
}

.gamePopup .popClose {
    position: absolute;
    top: 164px;
    right: 283px;
    width: 60px;
    height: 60px;
    border-radius: 100%;
    cursor: pointer;
}

.gamePopup .popClose.dis {
    pointer-events: none !important;
}

/*정오답 팝업*/
.gamePopup[data-num="1"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop1.png")no-repeat
}

.gamePopup[data-num="3"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop2.png")no-repeat
}

.gamePopup[data-num="5"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop3.png")no-repeat
}

.gamePopup[data-num="8"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop7.png")no-repeat
}

.gamePopup[data-num="10"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop8.png")no-repeat
}

.gamePopup[data-num="12"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop11.png")no-repeat
}

.gamePopup[data-num="13"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop10.png")no-repeat
}

.gamePopup[data-num="15"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop12.png")no-repeat
}

.gamePopup[data-num="20"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop4.png")no-repeat
}

.gamePopup[data-num="22"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop5.png")no-repeat
}

.gamePopup[data-num="23"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop6.png")no-repeat
}

.gamePopup[data-num="26"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/gamePop9.png")no-repeat
}

.gamePopup[data-num="2"],
.gamePopup[data-num="4"],
.gamePopup[data-num="6"],
.gamePopup[data-num="9"],
.gamePopup[data-num="11"],
.gamePopup[data-num="14"],
.gamePopup[data-num="16"],
.gamePopup[data-num="19"],
.gamePopup[data-num="21"],
.gamePopup[data-num="24"],
.gamePopup[data-num="25"],
.gamePopup[data-num="27"],
.gamePopup[data-num="29"] {
    display: none !important;
}

.gamePopup[data-num="finish"] {
    display: none !important;
}



/*보너스*/
.gamePopup[data-num="7"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/bonusPop1.png")no-repeat;
}

.gamePopup[data-num="18"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/bonusPop2.png")no-repeat;
}

.gamePopup[data-num="28"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/bonusPop3.png")no-repeat;
}

.gamePopup[data-num="17"] {
    background: rgba(0, 0, 0, 0.7) url("../images/07/bonusPop4.png")no-repeat;
}

.gamePopup[data-num="7"] .popClose,
.gamePopup[data-num="18"] .popClose,
.gamePopup[data-num="28"] .popClose,
.gamePopup[data-num="17"] .popClose {
    display: none !important;
}



.gamePopup[data-num="7"] .showText,
.gamePopup[data-num="7"] .ansPopBtn {
    display: none;
}

.gamePopup[data-num="18"] .showText,
.gamePopup[data-num="18"] .ansPopBtn {
    display: none;
}

.gamePopup[data-num="28"] .showText,
.gamePopup[data-num="28"] .ansPopBtn {
    display: none;
}

.gamePopup[data-num="17"] .showText,
.gamePopup[data-num="17"] .ansPopBtn {
    display: none;
}



.gameResetBtn {
    position: absolute;
    bottom: 20px;
    right: 20px;
    cursor: pointer;
    display: none;
}

/* 게임 종료시, 클릭가능하도록 fullHideBox 보다 위로 올림 */
.pop0 .close.comp,
.gameResetBtn.comp {
    z-index: 9999;
}




.contents:not(:nth-child(1)) {
    display: none !important;
}

#wrap::after {
    /* background-image: url('../images/07/wrap_cover.png'); */
}