.tt {
    /*background: url(../images/11/tt.png) 0 0 no-repeat !important;*/
}

.contents:nth-child(1){
    background: url('../images/11/bg1.png') center top no-repeat;
}
.contents:nth-child(2){
    background: url('../images/11/bg2.png') center top no-repeat;
}
/*---------------------------------------------------------------------------------*/
.setContent{
    position: absolute;
    top: 42px;
    right: 46px;
}

.setContent li{
    float: left;
    width: 66px;
    height: 63px;
    cursor: pointer;
    margin-left: 8px;
    /*border: 1px solid red;*/
}
.setContent li:nth-child(1) {
    /*width: 140px;*/
}

/*---------------------------------------------------------------------------------*/


.contents:nth-child(1) .btn {
    position: absolute;
    top: 0;
    left: 0;
    width: 780px;
    height: 190px;
    /*border: 1px solid red;*/
    cursor: pointer;
}

.contents:nth-child(1) .btn[data-num="0"]{
    top: 530px;
    left: 200px;
}

.contents:nth-child(1) .btn[data-num="1"]{
    top: 530px;
    left: 1065px;
}


.pop0 .page {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop0 .page1 {
    background: rgba(0,0,0,0.7) url("../images/11/pop1.png")no-repeat;
}
.pop0 .page2 {
    background: rgba(0,0,0,0.7) url("../images/11/pop2.png")no-repeat;
}

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




.pop0 .page1 .clickContent .clickItem1{
    width: 1550px;
    height: 420px;
    top: 430px;
    left: 250px;
    border-radius: 20px;
    background-color: #fff;
    pointer-events: none;
    background: transparent;
    z-index: 9999;
}
.pop0 .page1 .clickContent .clickItem2{
    display: none;
}

.pop0 .page1 .clickContent .showItem[data-num="0"]{
    background: url("../images/11/showItem_1.png")no-repeat;
    width: 1541px;
    height: 303px;
    position: absolute;
    top: 465px;
    left: 260px;
    z-index: 9999;
}

.pop0 .page1 .clickContent .clickItem.qu:before {
    display: none;
}

/*.contents:nth-child(1) .clickContent .ansbtn.re {*/
/*    bottom: 15px;*/
/*    right: 50px;*/
/*    background: url(../../../../common/images/clickitem/replay.png) no-repeat;*/
/*}*/
/*.contents:nth-child(1) .clickContent .ansbtn {*/

/*    background: url("../../../../common/images/dragitem/answer2.png") no-repeat;*/

/*}*/

/*.contents:nth-child(1) .clickContent .ansbtn.re {*/
/*    background: url("../../../../common/images/dragitem/rebtn2.png")no-repeat;*/
/*}*/


.pop0 .page1 .textGroup.t1 {
    width: 1550px;
    height: 420px;
    top: 430px;
    left: 250px;
    overflow: hidden;
    /*border: 1px solid red;*/
    z-index: 999;
}





/*텍스트입력(직접쓰기)*/
.pop0 .page1 .textGroup{
    position: absolute;
    vertical-align: middle;
    overflow: hidden;
    overflow-y: auto;
}


.pop0 .page1 .textarea{
    position: relative;
    font-size: 48px;
    font-family: "NotoSansKR";
    color: #000000;
    border: none;
    left: 0;
    width: 100%;
    height: 420px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    resize: none;
    line-height: 110px;
    /*border: 1px solid red;*/
    text-align: left;
    z-index: 99;
}

.pop0 .page1 .textarea{
    position: absolute;
    width: 100%;
    /*padding-top: 20px;/*/
    background-color: transparent;
    /*background: url(../images/05/1.png) 15px 9px no-repeat;*/
    /*background: red;*/
    color: #000;
    z-index: 9999;
}

.pop0 .page1 .textarea::placeholder{
    color: #C0C0C0;
    /*padding-top: 5px;*/
    /*padding-left : 98px;*/
    padding-left: 80px;
    background: url(../images/11/1.png) 27px 35px no-repeat;
    z-index: 9999;

}







.pop0 .page2 .clickContent .clickItem1{
    width: 1550px;
    height: 420px;
    top: 430px;
    left: 250px;
    border-radius: 20px;
    background-color: #fff;
    pointer-events: none;
    background: transparent;
    z-index: 9999;
}
.pop0 .page2 .clickContent .clickItem2{
    display: none;
}

.pop0 .page2 .clickContent .showItem[data-num="0"]{
    background: url("../images/11/showItem_2.png")no-repeat;
    width: 1490px;
    height: 303px;
    position: absolute;
    top: 465px;
    left: 260px;
    z-index: 9999;
}

.pop0 .page2 .clickContent .clickItem.qu:before {
    display: none;
}

.clickContent .ansbtn {
    z-index: 999;
}

.pop0 .page2 .textGroup.t1 {
    width: 1550px;
    height: 420px;
    top: 430px;
    left: 250px;
    overflow: hidden;
    /*border: 1px solid red;*/
    z-index: 999;
}





/*텍스트입력(직접쓰기)*/
.pop0 .page2 .textGroup{
    position: absolute;
    vertical-align: middle;
    overflow: hidden;
    overflow-y: auto;
}


.pop0 .page2 .textarea{
    position: relative;
    font-size: 48px;
    font-family: "NotoSansKR";
    color: #000000;
    border: none;
    left: 0;
    width: 100%;
    height: 420px;
    text-align: left;
    display: inline-block;
    vertical-align: middle;
    overflow: hidden;
    resize: none;
    line-height: 110px;
    /*border: 1px solid red;*/
    text-align: left;
    z-index: 99;
}

.pop0 .page2 .textarea{
    position: absolute;
    width: 100%;
    /*padding-top: 20px;/*/
    background-color: transparent;
    /*background: url(../images/05/1.png) 15px 9px no-repeat;*/
    /*background: red;*/
    color: #000;
    z-index: 9999;
}

.pop0 .page2 .textarea::placeholder{
    color: #C0C0C0;
    /*padding-top: 5px;*/
    /*padding-left : 98px;*/
    padding-left: 80px;
    background: url(../images/11/1.png) 27px 35px no-repeat;
    z-index: 9999;
}


.pop0 .clickContent .ansbtn {
    z-index: 999;
    background: url("../images/11/btn.png")no-repeat;
    bottom: 42px;
    right: 58px;
}
.pop0 .clickContent .ansbtn.re {
    background: url("../../../../common/images/dragitem/rebtn2.png")no-repeat;
}


.pop0 .pageWrap .pageing {
    top: -88px;
}

.pop0 .navigation {
    opacity: 0;
}


/*------------------------------------------------------*/

.contents:nth-child(2) .btn {
    position: absolute;
    top: 885px;
    left: 850px;
    width: 350px;
    height: 100px;
    /*border: 1px solid red;*/
    cursor: pointer;
}

.pop1 .page{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pop1 .page1 {
    background: rgba(0,0,0,0.7) url("../images/11/pop2_1.png")no-repeat;
}
.pop1 .page2 {
    background: rgba(0,0,0,0.7) url("../images/11/pop2_2.png")no-repeat;
}
.pop1 .page3 {
    background: rgba(0,0,0,0.7) url("../images/11/pop2_3.png")no-repeat;
}
.pop1 .page4 {
    background: rgba(0,0,0,0.7) url("../images/11/pop2_4.png")no-repeat;
}
.pop1 .page5 {
    background: rgba(0,0,0,0.7) url("../images/11/pop2_5.png")no-repeat;
}
.pop1 .page6 {
    background: rgba(0,0,0,0.7) url("../images/11/pop2_6.png")no-repeat;
}
.pop1 .page7 {
    background: rgba(0,0,0,0.7) url("../images/11/pop2_7.png")no-repeat;
}

.pop1 .close {
    top: 30px;
    right: 45px;
    opacity: 0;
}

.pop1 .pageWrap .pageing {
    top: -88px;
    width: 456px !important;
}

.pop1 .pageWrap .next {
    left: 1265px;
}

.pop1 .pageWrap .prev {
    left: 735px;
}

.pop1 .navigation {
    opacity: 0;
}

.pop1 .pageWrap .pageing .dot.on {
    /* margin-left: 30px; */
    margin-top: 9px;
    margin-left: 15px;
    margin-right: 5px;
    pointer-events: none;
}
.pop1 .pageWrap .pageing .dot {

    margin: 15px 17px;
}

.pop1 .page1 .clickContent .clickItem1 {
    top: 648px;
    left: 340px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: transparent;
}
.clickContent .clickItem.qu:before{
    opacity: 0;
}

/*.pop1 .page1 .showItem {
    background: url("../images/11/showItem2_1.png")no-repeat;
    width: 2048px;
    height: 1080px;
}*/
.pop1 .clickContent .ansbtn {
    pointer-events: none;
    opacity: 0;
}
.pop1 .clickContent .ansbtn.re{
    pointer-events: auto;
    opacity: 1;
}
.pop1 .page1 .clickContent .clickItem2 {
    display: none;
}

.pop1 .page2 .clickContent .clickItem1 {
    top: 648px;
    left: 340px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: transparent;
}
.pop1 .page2 .clickContent .clickItem2 {
    display: none;
}
/*.pop1 .page2 .showItem {
    background: url("../images/11/showItem2_2.png")no-repeat;
    width: 2048px;
    height: 1080px;
}*/

.pop1 .page3 .clickContent .clickItem1 {
    top: 648px;
    left: 340px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: transparent;

}
.pop1 .page3 .clickContent .clickItem2 {
    background: none;
}
/*
.pop1 .page3 .showItem {
    background: url("../images/11/showItem2_3.png")no-repeat;
    width: 2048px;
    height: 1080px;
}
*/




.pop1 .page4 .clickContent .clickItem1 {
    top: 648px;
    left: 340px;
    width: 210px;
    height: 210px;
    border-radius: 50%;
    background: transparent;

}
.pop1 .page4 .clickContent .clickItem2 {
    background: none;
}
/*
.pop1 .page4 .showItem {
    background: url("../images/11/showItem2_4.png")no-repeat;
    width: 2048px;
    height: 1080px;
}
*/


.pop1 .page5 .clickContent .clickItem1 {
    top: 648px;
    left: 340px;
    width: 210px;
    height: 210px;
    border-radius: 50px;
    background: transparent;
    /*background: red;*/
}
/*.pop1 .page5 .showItem {
    background: url("../images/11/showItem2_5.png")no-repeat;
    width: 2048px;
    height: 1080px;
}*/
.pop1 .page5 .clickContent .clickItem2 {
    background: none;
}


.pop1 .page6 .clickContent .clickItem1 {
    top: 648px;
    left: 340px;
    width: 210px;
    height: 210px;
    border-radius: 50px;
    background: transparent;
    /*background: red;*/
}
/*.pop1 .page6 .showItem {
    background: url("../images/11/showItem2_6.png")no-repeat;
    width: 2048px;
    height: 1080px;
}*/
.pop1 .page6 .clickContent .clickItem2 {
    background: none;
}


.pop1 .clickContent .ansbtn {
    background: url("../../../../common/images/dragitem/answer2.png")no-repeat;
    bottom: 42px;
    right: 58px;
}

.pop1 .clickContent .ansbtn.re {
    background: url("../../../../common/images/dragitem/rebtn2.png")no-repeat;
}


.pop1 .page7 .clickContent .clickItem1 {
    background: #FFD438;
    top: 520px;
    left: 910px;
    width: 350px;
    height: 135px;
}

.pop1 .page7 .clickContent .clickItem.qu:before{
    opacity: 1;
}


.pop1 .page7 .reBtn {
    /*border: 1px solid red;*/
    position: absolute;
    bottom: 45px;
    right: 60px;
    width: 230px;
    height: 65px;
    cursor: pointer;
    z-index: 999999999;
    /*display: none;*/
}


.contents:nth-child(2) .ansPage {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url("../images/11/ansPage.png")no-repeat;
    display: none;
}



.contents:nth-child(2) .popup_btn[data-num="0"]{
    position: absolute;;
    top: 195px;
    left: 1750px;
    width: 260px;
    height: 90px;
    /*border: 1px solid red;*/
    cursor: pointer;
}
.contents:nth-child(2) .popup{
    background:rgba(0,0,0,0.7) url("../images/11/pop0.png") no-repeat;
}
.contents:nth-child(2) .popup .close {
    top: 150px;
    right: 120px;
    opacity: 0;
}


.contents:nth-child(2) .reBtn {
    position: absolute;
    bottom: 20px;
    right: 42px;
    /*background: red;*/
    width: 226px;
    height: 60px;
    cursor: pointer;
}
.pop1 .page .clickContent .clickItem{
    z-index: 99999999999;
}

.pop1 .showBox img{
    position: absolute;;
    display: none;
}