/*퀴즈페이지*/
.quiz{position:absolute;overflow:hidden;}
.quiz .pages{position:absolute;left:0px;}
.quiz .page0{position:absolute;left:0px}
.quiz .page0 .img0{position:absolute;left:0px;top:0px;background:url(../../img/skin/Q10/img0.png) 0 0 no-repeat;opacity:0;}
.quiz .page0 .img1{position:absolute;left:0px;top:-40px;background:url(../../img/skin/Q10/img1.png) 0 0 no-repeat;opacity:0;}
.quiz .page0 .img2{position:absolute;left:0px;top:40px;background:url(../../img/skin/Q10/img2.png) 0 0 no-repeat;opacity:0;}
.quiz .page0 .img3{position:absolute;left:0px;top:0px;background:url(../../img/skin/Q10/img3.png) 0 0 no-repeat;opacity:0;}
.quiz .page0 .img4{position:absolute;left:0px;top:0px;background:url(../../img/skin/Q10/img4.png) 0 0 no-repeat;opacity:0;}
.quiz .page0 .img5{position:absolute;left:0px;top:0px;background:url(../../img/skin/Q10/img4.png) 0 0 no-repeat;opacity:0;}

.quiz .page0 .imgtxt{position:relative;left:620px;top:320px;font-family:'Nanum Gothic', sans-serif;font-size:20px;color:#000000;text-align:center;opacity:0;}

.quiz .start {position:absolute;left:458px;top:374px;width:117px;height:40px;background:url(../../img/skin/Q10/qstart.png) 0 0 no-repeat;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;display:none;opacity:0;}
.quiz .start:hover{background-position-y:-40px;}

.quiz .pages .page1{position:absolute;background:url(../../img/skin/Q10/question.png) 0 0 no-repeat;}
.quiz .pages .page2{position:absolute;background:url(../../img/skin/Q10/question.png) 0 0 no-repeat;}
.quiz .pages .page3{position:absolute;background:url(../../img/skin/Q10/question.png) 0 0 no-repeat;}
.quiz .pages .page4{position:absolute;background:url(../../img/skin/Q10/question.png) 0 0 no-repeat;}
.quiz .pages .page5{position:absolute;background:url(../../img/skin/Q10/question.png) 0 0 no-repeat;}
.quiz .pages .page6{position:absolute;background:url(../../img/skin/Q10/question.png) 0 0 no-repeat;}
.quiz .pages .page7{position:absolute;background:url(../../img/skin/Q10/question.png) 0 0 no-repeat;}

/*문제*/
.quiz .no0{position:absolute;left:182px;top:34px;width:113px;height:97px;background:url(../../img/skin/Q10/qno.png) 0 0 no-repeat;}
.quiz .no1{position:absolute;left:182px;top:34px;width:113px;height:97px;background:url(../../img/skin/Q10/qno.png) -113px 0 no-repeat;}
.quiz .no2{position:absolute;left:182px;top:34px;width:113px;height:97px;background:url(../../img/skin/Q10/qno.png) -226px 0 no-repeat;}
.quiz .no3{position:absolute;left:182px;top:34px;width:113px;height:97px;background:url(../../img/skin/Q10/qno.png) -339px 0 no-repeat;}
.quiz .no4{position:absolute;left:182px;top:34px;width:113px;height:97px;background:url(../../img/skin/Q10/qno.png) -452px 0 no-repeat;}

.quiz .question{position:absolute;left:315px;top:34px;width:615px;height:97px;font-family:'Nanum Gothic', sans-serif;font-size:22px;font-weight:bolder;text-align:left;color:#002975;word-break: keep-all;display:table;}
.quiz .question .qtxt{vertical-align:middle;display:table-cell;}
.quiz .red{font-weight:bold;color:#d31616;}
.quiz .blue{font-weight:bold;color:#002975;}

/*보기*/
.quiz .sample{position:absolute;left:150px;top:150px;width:750px;height:60px;background-color:#ffffff;border-radius:20px;}
.quiz .sample .stext{height:38px;font-family:'Nanum Gothic', sans-serif;font-size:16px;color:#636363;text-align:left;margin:10px;}

/*객관식*/
/*sample 미포함*/
.quiz .btns{position:absolute;left:315px;top:130px;}
/*sample 포함*/
.quiz .btns2{position:absolute;left:150px;top:280px;}
.quiz .btn0{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}
.quiz .btn1{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}
.quiz .btn2{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}
.quiz .btn3{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}
.quiz .btn4{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}

.quiz .bno{position:relative;width:22px;height:22px;font-size:16px;float:left;color:#ffffff;background:url(../../img/skin/Q10/qobject.png) 0 0 no-repeat;display:table;}
.quiz .bno span{text-align:center;vertical-align:middle;display:table-cell;}
.quiz .txt{position:relative;top:px;font-size:19px;margin-left:30px;color:#384700;word-break:keep-all;}

/*OX*/
.quiz .oxbtn0{position:absolute;left:60px;top:36px;width:151px;height:151px;background:url(../../img/skin/Q10/qox.png) 0 0px no-repeat;text-indent:-9999px;border:none;cursor:pointer;}
.quiz .oxbtn1{position:absolute;left:300px;top:36px;width:151px;height:151px;background:url(../../img/skin/Q10/qox.png) -151px 0 no-repeat;text-indent:-9999px;border:none;cursor:pointer;}

/*주관식*/
.quiz .inputdiv{position:absolute;left:275px;top:35px;width:239px;height:52px;background:url(../../img/skin/Q10/qinput.png) 0 0 no-repeat;}
.quiz .inputdiv .inputfield{position:absolute;top:4px;left:4px;width:229px;height:42px;background-color:#ffffff;font-family:'Nanum Gothic', sans-serif;font-size:20px;text-align:center;border:none;}

.quiz .ok {position:absolute;left:320px;top:100px;width:112px;height:36px;background:url(../../img/skin/Q10/qok.png) 0 0 no-repeat;display:block;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}
.quiz .ok:hover{background-position-y:-36px;}

.quiz .block{position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(../../img/block.png)}

/*피드백*/
.quiz .feed0{position:absolute;left:173px;top:29px;width:108px;height:108px;background:url(../../img/skin/Q10/qfeed0.png) 0 0 no-repeat;display:none;}
.quiz .feed0_1{position:absolute;left:223px;top:448px;width:126px;height:28px;background:url(../../img/skin/Q10/qfeed0_1.png) 0 0 no-repeat;display:none;}
.quiz .feed1{position:absolute;left:50%;top:408px;width:300px;height:50px;background-color:#002975;border-radius:5px 5px 5px 5px;margin-left:-125px;display:none;opacity:0;}
.quiz .feed1 .feedttable{position:absolute;width:100%;height:100%;display:table;}
.quiz .feed1 .feedtxt{font-family:'Nanum Gothic', sans-serif;font-size:24px;color:#ffffff;font-weight:bold;text-align:center;vertical-align:middle;display:table-cell;}

/*힌트*/
.quiz .hint{position:absolute;left:182px; top:370px;bottom:20px;width:779px;height:139px;background:url(../../img/skin/Q10/qinfo.png) 0 0 no-repeat;display:none;}
.quiz .hint .infocon{position:absolute;left:20px;top:60px;width:630px;height:64px;}
.quiz .hint .right{position:absolute;left:70px;top:12px;font-family:'Nanum Gothic', sans-serif;font-size:24px;color:#d84f67;text-align:left;font-weight:bold}
.quiz .hint .info{font-family:'Nanum Gothic', sans-serif;font-size:18px;text-align:left;color:#384700;word-break: keep-all;}

/*다음*/
.quiz .next {position:absolute;left:817px;top:370px;width:144px;height:139px;background:url(../../img/skin/Q10/qnext.png) 0px 0px no-repeat;display:block;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;display:none;}
.quiz .next:hover{background-position-y:-139px;}

/*결과*/
.quiz .rtxt{position:absolute;left:80px;top:125px;width:100%;text-align:center;font-family:'Nanum Gothic', sans-serif;font-size:25px;color:#000000;}
.quiz .rtxtred{font-size:35px;color:#cc2b35;font-weight:bolder;}

.quiz .resultcon{position: absolute;left:50%;top:175px;border-spacing:10px;background-color:#fefbfa;border-radius:20px;border-style:solid;border-width:5px;border-color:#3278c3;}
.quiz .resultcon table{border-collapse: collapse;}
.quiz .resultcon th{border-collapse: collapse;}
.quiz .resultcon td{border-collapse: collapse;}

.quiz .resultcon .resulttd{padding:0px 20px 0px 20px;}
.quiz .resultcon .resulttdmin{padding:0px 10px 0px 10px;}

.quiz .resultcon .resulline{padding-bottom:1px;}
.quiz .resultcon .resulline div{background-color:#3278c3;height:1px;margin-bottom:10px}

.quiz .resultno0{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) 0 0 no-repeat;padding-top:20px;}
.quiz .resultno1{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) -120px 0 no-repeat;padding-top:20px;}
.quiz .resultno2{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) -242px 0 no-repeat;padding-top:20px;}
.quiz .resultno3{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) -363px 0 no-repeat;padding-top:20px;}
.quiz .resultno4{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) -484px 0 no-repeat;padding-top:20px;}

.quiz .result0{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}
.quiz .result1{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}
.quiz .result2{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}
.quiz .result3{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}
.quiz .result4{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}

.quiz .retry {position:absolute;left:480px;top:426px;width:180px;height:50px;background:url(../../img/skin/Q10/qretry.png) 0px 0px no-repeat;display:block;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}
.quiz .retry:hover{background-position-y:-50px;}






















.prequiz{position:absolute;overflow:hidden;}
.prequiz .pages{position:absolute;left:0px;}
.prequiz .page0{position:absolute;left:0px}
.prequiz .page0 .img0{position:absolute;left:0px;top:0px;background:url(../../img/skin/Q10/preimg0.png) 0 0 no-repeat;opacity:0;}
.prequiz .page0 .img1{position:absolute;left:0px;top:-20px;background:url(../../img/skin/Q10/preimg1.png) 0 0 no-repeat;opacity:0;}
.prequiz .page0 .img2{position:absolute;left:0px;top:20px;background:url(../../img/skin/Q10/preimg2.png) 0 0 no-repeat;opacity:0;}
.prequiz .page0 .img3{position:absolute;left:0px;top:20px;background:url(../../img/skin/Q10/preimg3.png) 0 0 no-repeat;opacity:0;}
.prequiz .page0 .img4{position:absolute;left:0px;top:0px;background:url(../../img/skin/Q10/img4.png) 0 0 no-repeat;opacity:0;}
.prequiz .page0 .img5{position:absolute;left:0px;top:0px;background:url(../../img/skin/Q10/img4.png) 0 0 no-repeat;opacity:0;}

.prequiz .page0 .imgtxt{position:relative;left:620px;top:320px;font-family:'Nanum Gothic', sans-serif;font-size:20px;color:#000000;text-align:center;opacity:0;}

.prequiz .start {position:absolute;left:417px;top:353px;width:117px;height:40px;background:url(../../img/skin/Q10/qstart.png) 0 0 no-repeat;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;display:none;opacity:0;}
.prequiz .start:hover{background-position-y:-40px;}

.prequiz .pages .page1{position:absolute;background:url(../../img/skin/Q10/prequestion.png) 0 0 no-repeat;}
.prequiz .pages .page2{position:absolute;background:url(../../img/skin/Q10/prequestion.png) 0 0 no-repeat;}
.prequiz .pages .page3{position:absolute;background:url(../../img/skin/Q10/prequestion.png) 0 0 no-repeat;}
.prequiz .pages .page4{position:absolute;background:url(../../img/skin/Q10/prequestion.png) 0 0 no-repeat;}
.prequiz .pages .page5{position:absolute;background:url(../../img/skin/Q10/prequestion.png) 0 0 no-repeat;}
.prequiz .pages .page6{position:absolute;background:url(../../img/skin/Q10/prequestion.png) 0 0 no-repeat;}
.prequiz .pages .page7{position:absolute;background:url(../../img/skin/Q10/prequestion.png) 0 0 no-repeat;}

/*문제*/
.prequiz .no0{position:absolute;left:57px;top:80px;width:82px;height:58px;background:url(../../img/skin/Q10/preqno.png) 0 0 no-repeat;}
.prequiz .no1{position:absolute;left:57px;top:80px;width:82px;height:58px;background:url(../../img/skin/Q10/preqno.png) -82px 0 no-repeat;}
.prequiz .no2{position:absolute;left:57px;top:80px;width:82px;height:58px;background:url(../../img/skin/Q10/preqno.png) -164px 0 no-repeat;}
.prequiz .no3{position:absolute;left:57px;top:80px;width:82px;height:58px;background:url(../../img/skin/Q10/preqno.png) -246px 0 no-repeat;}
.prequiz .no4{position:absolute;left:57px;top:80px;width:82px;height:58px;background:url(../../img/skin/Q10/preqno.png) -328px 0 no-repeat;}

.prequiz .question{position:absolute;left:180px;top:54px;width:770px;height:110px;font-family:'Nanum Gothic', sans-serif;font-size:22px;font-weight:bolder;text-align:left;color:#002975;word-break: keep-all;display:table;}
.prequiz .question .qtxt{vertical-align:middle;display:table-cell;}
.prequiz .red{font-weight:bold;color:#d31616;}

/*보기*/
.prequiz .sample{position:absolute;left:150px;top:150px;width:750px;height:60px;background-color:#ffffff;border-radius:20px;}
.prequiz .sample .stext{height:38px;font-family:'Nanum Gothic', sans-serif;font-size:16px;color:#636363;text-align:left;margin:10px;}

/*객관식*/
/*sample 미포함*/
.prequiz .btns{position:absolute;left:95px;top:155px;}
/*sample 포함*/
.prequiz .btns2{position:absolute;left:150px;top:280px;}
.prequiz .btn0{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}
.prequiz .btn1{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}
.prequiz .btn2{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}
.prequiz .btn3{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}
.prequiz .btn4{position:relative;cursor:pointer;font-family:'Nanum Gothic', sans-serif;text-align:left;margin-top:5px;padding-top:10px;}

.prequiz .bno{position:relative;width:28px;height:28px;font-size:18px;float:left;color:#ffffff;background:url(../../img/skin/Q10/qobject.png) 0 0 no-repeat;display:table;}
.prequiz .bno span{text-align:center;vertical-align:middle;display:table-cell;}
.prequiz .txt{position:relative;top:px;font-size:21px;margin-left:30px;color:#384700;word-break:break-all;}

/*OX*/
.prequiz .oxbtn0{position:absolute;left:207px;top:36px;width:151px;height:151px;background:url(../../img/skin/Q10/preqox.png) 0 0px no-repeat;text-indent:-9999px;border:none;cursor:pointer;}
.prequiz .oxbtn1{position:absolute;left:415px;top:36px;width:151px;height:151px;background:url(../../img/skin/Q10/preqox.png) -151px 0 no-repeat;text-indent:-9999px;border:none;cursor:pointer;}

/*주관식*/
.prequiz .inputdiv{position:absolute;left:275px;top:35px;width:239px;height:52px;background:url(../../img/skin/Q10/qinput.png) 0 0 no-repeat;}
.prequiz .inputdiv .inputfield{position:absolute;top:4px;left:4px;width:229px;height:42px;background-color:#ffffff;font-family:'Nanum Gothic', sans-serif;font-size:20px;text-align:center;border:none;}

.prequiz .ok {position:absolute;left:320px;top:100px;width:112px;height:36px;background:url(../../img/skin/Q10/qok.png) 0 0 no-repeat;display:block;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}
.prequiz .ok:hover{background-position-y:-36px;}

.prequiz .block{position:absolute;left:0px;top:0px;width:100%;height:100%;background:url(../../img/block.png)}

/*피드백*/
.prequiz .feed0{position:absolute;left:44px;top:55px;width:108px;height:108px;background:url(../../img/skin/Q10/qfeed0.png) 0 0 no-repeat;display:none;}
.prequiz .feed1{position:absolute;left:50%;top:408px;width:300px;height:50px;background-color:#002975;border-radius:5px 5px 5px 5px;margin-left:-125px;display:none;opacity:0;}
.prequiz .feed1 .feedttable{position:absolute;width:100%;height:100%;display:table;}
.prequiz .feed1 .feedtxt{font-family:'Nanum Gothic', sans-serif;font-size:24px;color:#ffffff;font-weight:bold;text-align:center;vertical-align:middle;display:table-cell;}

/*힌트*/
.prequiz .hint{position:absolute;left:36px; top:371px;bottom:20px;width:886px;height:169px;background:url(../../img/skin/Q10/preqinfo.png) 0 0 no-repeat;display:none;}
.prequiz .hint .infocon{position:absolute;left:40px;top:70px;width:810px;height:90px;}
.prequiz .hint .right{position:absolute;left:90px;top:18px;font-family:'Nanum Gothic', sans-serif;font-size:30px;color:#d84f67;text-align:left;font-weight:bold}
.prequiz .hint .info{font-family:'Nanum Gothic', sans-serif;font-size:20px;text-align:left;color:#384700;word-break: keep-all;}

/*다음*/
.prequiz .next {position:absolute;left:795px;top:382px;width:115px;height:35px;background:url(../../img/skin/Q10/preqnext.png) 0px 0px no-repeat;display:block;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;display:none;}
.prequiz .next:hover{background-position-y:-35px;}

/*결과*/
.prequiz .rtxt{position:absolute;left:0px;top:125px;width:100%;text-align:center;font-family:'Nanum Gothic', sans-serif;font-size:25px;color:#000000;}
.prequiz .rtxtred{font-size:35px;color:#cc2b35;font-weight:bolder;}

.prequiz .resultcon{position: absolute;left:50%;top:175px;border-spacing:10px;background-color:#fefbfa;border-radius:20px;border-style:solid;border-width:5px;border-color:#3278c3;}
.prequiz .resultcon table{border-collapse: collapse;}
.prequiz .resultcon th{border-collapse: collapse;}
.prequiz .resultcon td{border-collapse: collapse;}

.prequiz .resultcon .resulttd{padding:0px 20px 0px 20px;}
.prequiz .resultcon .resulttdmin{padding:0px 10px 0px 10px;}

.prequiz .resultcon .resulline{padding-bottom:1px;}
.prequiz .resultcon .resulline div{background-color:#3278c3;height:1px;margin-bottom:10px}

.prequiz .resultno0{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) 0 0 no-repeat;padding-top:20px;}
.prequiz .resultno1{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) -120px 0 no-repeat;padding-top:20px;}
.prequiz .resultno2{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) -242px 0 no-repeat;padding-top:20px;}
.prequiz .resultno3{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) -363px 0 no-repeat;padding-top:20px;}
.prequiz .resultno4{position:relative;width:120px;height:50px;background:url(../../img/skin/Q10/qreturnno.png) -484px 0 no-repeat;padding-top:20px;}

.prequiz .result0{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}
.prequiz .result1{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}
.prequiz .result2{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}
.prequiz .result3{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}
.prequiz .result4{position:relative;width:120px;height:80px;background:url(../../img/skin/Q10/qresult.png) 0 0 no-repeat;padding-bottom:10px;}

.prequiz .retry {position:absolute;left:390px;top:426px;width:180px;height:50px;background:url(../../img/skin/Q10/qretry.png) 0px 0px no-repeat;display:block;float:left;overflow:hidden;text-indent:-9999px;border:none;cursor:pointer;}
.prequiz .retry:hover{background-position-y:-50px;}