*{margin: 0; padding: 0;}
html, body {padding:0px; margin:0px; font-family: 'nanumgothic'; -webkit-font-smoothing:antialiased; -moz-font-smoothing:antialiased; font-smoothing:antialiased;}
ul, li{list-style:none;}
div, ol, li, p, input, table, tr, th, td{margin:0; padding:0;}
/**:focus {border:none; outline:none;}*/
#quiz {display:block; position:absolute; left:0px; top: 0px; width:1000px; height:598px; background:url(../images/quiz/quiz_bg.png) no-repeat;}
#popquiz{display:block; position:absolute; left:0px; top: 0px; width:1000px; height:598px;}
#checkquiz{display:block; position:absolute; left:0px; top: 0px; width:1000px; height:598px;}
#quiz .quiz-box{display:none; position:absolute; left:0px; top: 0px; width:1000px; height:620px;}
.quiz-box .quiz-title{display:block; position:absolute; left:45px; top: 74px; width:1000px; height:131px;}
.quiz-box .quiz-title.quiz-num1{background:url(../images/quiz/quiz_num_01.png) no-repeat;}
.quiz-box .quiz-title.quiz-num2{background:url(../images/quiz/quiz_num_02.png) no-repeat;}
.quiz-box .quiz-title.quiz-num3{background:url(../images/quiz/quiz_num_03.png) no-repeat;}
.quiz-box .quiz-title.quiz-num4{background:url(../images/quiz/quiz_num_04.png) no-repeat;}
.quiz-box .quiz-title.quiz-num5{background:url(../images/quiz/quiz_num_05.png) no-repeat;}
.quiz-box .quiz-title .quiz-title-txt {position:absolute; display:inline-block; top:15px; left:145px; color:#333333; font-family: 'NanumGothic';font-weight: normal; font-size:24px; line-height:30px; letter-spacing : -0.07em;}
.quiz-box .quiz-title .quiz-title-txt.multiple {line-height:30px; margin-top:-5px;}
.quiz-box .quiz-title .marking-ox {position:absolute; display:block; top:10px; left:12px; width:85px; height:85px;}
.quiz-box .quiz-title .marking-ox .marking-o {position:absolute; display:none; top:11px; left:7px; width:85px; height:85px; background:url(../images/quiz/quiz_marking_o.png) no-repeat;}
.quiz-box .quiz-title .marking-ox .marking-x {position:absolute; display:none; top:10px; left:12px; width:85px; height:85px; background:url(../images/quiz/quiz_marking_x.png) no-repeat;}
.quiz-box .quiz-question {position:absolute; display:inline-block; top:140px; left:-38px; width:1000px;}
.quiz-box .quiz-question .quiz-example {position:relative; display:block; left:0px; top:0px; margin-top:19px; }
.quiz-box .quiz-question .quiz-example .quiz-example-txt {font-size:20px; line-height:23px; color:#555555;}
.quiz-box .quiz-question .quiz-example .quiz-example-txt input{display:inline-block; vertical-align:middle; outline:none; border:none; background-color:white; border-bottom:0px solid #333333; width:580px; height:47px; line-height:27px; margin-right:5px; text-align:center; font-size:21px; color:#2A3549; font-family: 'NanumGothic';font-weight: bold;background:url(../images/quiz/quiz_input_box.png) no-repeat;}
.quiz-box .quiz-question .question-txt{position:relative; display:block; left:201px; top:45px; margin-top:20px; width:787px;letter-spacing : -0.04em;}
.quiz-box .quiz-question .question-txt li {display:inline-block; position:relative; line-height:39px; height:39px; margin-right:30px;
font-family: 'NanumGothic';font-weight: bold; font-size:19px; line-height:30px; color:#3;left:0px; top:-5px;}
.quiz-box .quiz-question .question-txt.type1 li {float:left;}
.quiz-box .quiz-question .question-txt.type2 li {display:block;}
.quiz-box .quiz-question .question-txt li .question-txt-btn {display:inline-block; position:relative; text-indent:38px; float:left; cursor:pointer;top:0px;left:46px;}
.quiz-box .quiz-question .question-txt li .question-txt-btn p {text-indent:0px; margin-left:38px;}
.quiz-question .question-txt .q-check{position:absolute; display:none; top:-10px; left:-9px; width:39px; height:39px; background:url(../images/quiz/quiz_click_num_check.png) no-repeat;}
.quiz-question .question-txt .q-txt1 {background:url(../images/quiz/quiz_click_num_01.png) no-repeat;}
.quiz-question .question-txt .q-txt2 {background:url(../images/quiz/quiz_click_num_02.png) no-repeat;}
.quiz-question .question-txt .q-txt3 {background:url(../images/quiz/quiz_click_num_03.png) no-repeat;}
.quiz-question .question-txt .q-txt4 {background:url(../images/quiz/quiz_click_num_04.png) no-repeat;}
.quiz-question .question-txt .q-txt5 {background:url(../images/quiz/quiz_click_num_05.png) no-repeat;}
.quiz-question .question-txt .q-txt6 {background:url(../images/quiz/quiz_click_num_06.png) no-repeat;}
.quiz-question .question-txt .q-txt7 {background:url(../images/quiz/quiz_click_num_07.png) no-repeat;}
.quiz-question .question-txt .q-txt8 {background:url(../images/quiz/quiz_click_num_08.png) no-repeat;}
.quiz-question .question-txt .q-txt9 {background:url(../images/quiz/quiz_click_num_09.png) no-repeat;}
.quiz-box .answer-txt {position:absolute; display:none; bottom:0px; left:0px; width:1000px; height:153px; background:url(../images/quiz/quiz_answer_bg.png) no-repeat; background-position:0px ;}
.quiz-box .answer-txt h1 {position:absolute; display:inline-block; top:22px; left:210px; font-family: 'NanumGothic'; font-weight:bold; font-size:21px; line-height:25px; color:#ffffff;letter-spacing : -0.04em;}
.quiz-box .answer-txt .explain {position:absolute; display:inline-block; top:62px; left:210px; width:600px; height:100px;}
.quiz-box .answer-txt .explain p {font-family: 'NanumGothic';font-weight: bold; font-weight:normal; font-size:17px; line-height:25px; color:#ffffff;}
.quiz-box .answer-txt .btn-next {position:absolute; display:none; top:-40px; left:780px; width:187px; height:94px; background:url(../images/quiz/quiz_answer_next_btn.png) no-repeat; cursor:pointer;}
.quiz-box .answer-txt .btn-replay {position:absolute; display:none; top:-40px; left:780px; width:187px; height:94px; background:url(../images/quiz/quiz_answer_replay_btn.png) no-repeat; cursor:pointer;}
.quiz-box .answer-txt .btn-result {position:absolute; display:none; top:-40px; left:780px; width:187px; height:94px; background:url(../images/quiz/quiz_answer_result_btn.png) no-repeat; cursor:pointer;}
#quiz .feedback-man {position:absolute; bottom:0px; right:0px; width:259px; height:343px;}
#quiz .feedback-man-default {display:block; position:absolute; left:0px; top: 0px; width:1000px; height:595px; background:url(../images/quiz/quiz_feedback_00.png) no-repeat;}
#quiz .feedback-man-yes {display:none; position:absolute; left:0px; top: 0px; width:1000px; height:595px; background:url(../images/quiz/quiz_feedback_01.png) no-repeat;}
#quiz .feedback-man-no {display:none; position:absolute; left:0px; top: 0px; width:1000px; height:595px; background:url(../images/quiz/quiz_feedback_02.png) no-repeat;}
#quiz .quiz-result-btn {position:absolute; display:block; top:400px; left:780px; width:187px; height:94px; background:url(../images/quiz/quiz_result_btn.png) no-repeat; cursor:pointer;}
#quiz .quizBgObj {display:block; position:absolute; left:0px; top: 420px; width:1000px; height:591px; background:url(../images/quiz/quiz_bg_02.png) no-repeat;z-index:20000;}
#quiz .quiz-result-box {display:none; position:absolute; left:0px; top: 0px; width:1000px; height:670px; background:url(../images/quiz/popquiz_shadow.png) no-repeat; z-index:50000;}
#quiz .quiz-result-box .result-box {display:block; position:absolute; left:0px; top:0px; width:1000px; height:588px; background:url(../images/quiz/quiz_result_bg.png) no-repeat;}
#quiz .quiz-result-box .result-box .result-box-close-btn {display:block; position:absolute; right:239px; top:103px; width:36px; height:36px; background:url(../images/quiz/quiz_result_close_btn.png) no-repeat; cursor:pointer;}
#quiz .quiz-result-box .result-box .result-title-txt {position:absolute; display:inline-block; top:130px; left:220px; width:563px;
font-family: 'nanumgothic'; font-size:30px; line-height:50px; color:#805e3f; text-align:center;font-weight:bold;letter-spacing : -0.04em;}
#quiz .quiz-result-box .result-box .result-title-txt .result-num {color:#f9553a; font-size:50px;font-weight:bold;}
#quiz .quiz-result-box .result-box .result-title-txt .total-num {color:#5f7db1; font-size:30px;}
#quiz .quiz-result-box .result-box .marking-o {position:absolute; display:none; top:-10px; left:-8px; width:94px; height:94px; background:url(../images/quiz/quiz_result_marking_o.png) no-repeat;}
#quiz .quiz-result-box .result-box .marking-x {position:absolute; display:none; top:-10px; left:-8px; width:94px; height:94px; background:url(../images/quiz/quiz_result_marking_x.png) no-repeat;}
#quiz .quiz-result-box .result-box .result-quiz-ox-1 {position:absolute; display:block; top:233px; left:299px; width:75px; height:75px;}
#quiz .quiz-result-box .result-box .result-quiz-ox-2 {position:absolute; display:block; top:233px; left:457px; width:75px; height:75px;}
#quiz .quiz-result-box .result-box .result-quiz-ox-3 {position:absolute; display:block; top:233px; left:617px; width:75px; height:57px;}
#quiz .quiz-result-box .result-box .replay-btn{position:absolute; display:block; top:405px; left:405px; width:187px; height:94px; background:url(../images/quiz/quiz_result_replay_btn.png) no-repeat; cursor:pointer;}
#popquiz #popquiz-quiz-shadow{display:block; position:absolute; left:0px; top: 0px; width:1000px; height:670px; background:url(../images/quiz/popquiz_shadow.png) no-repeat;}
#popquiz #popquiz-quiz-bg {display:block; position:absolute; left:0px; top: 92px;width:1000px; height:622px; background:url(../../images/summary/summary_bg.png) no-repeat;}
#popquiz #popquiz-pop-bg1 {display:block; position:absolute; left:-10px; top: 0px;width:1000px; height:622px; background:url(../../images/page8/pop_exam_BG1.png) no-repeat;}
#popquiz #popquiz-pop-bg2 {display:block; position:absolute; left:-10px; top: 0px;width:1000px; height:622px; background:url(../../images/page8/pop_exam_BG2.png) no-repeat;}
#popquiz #popquiz-pop-bg3 {display:block; position:absolute; left:-10px; top: 0px;width:1000px; height:622px; background:url(../../images/page8/pop_exam_BG3.png) no-repeat;}
#popquiz #popquiz-pop-exit {display:block; position:absolute; left:920px; top: 25px;width:42px; height:42px; background:url(../../images/page8/exam_x_btn.png) no-repeat; cursor:pointer;}
#popquiz-print {display:block; position:absolute; left:650px; top: 550px;width:100px; height:100px; background:url(../../images/page8/remind_print_btn.png) no-repeat; cursor:pointer;}
#popquiz-example {display:block; position:absolute; left:750px; top: 550px;width:100px; height:100px; background:url(../../images/page8/remind_example_btn.png) no-repeat; cursor:pointer;}
#popquiz #popquiz-quiz-title1 {display:block; position:absolute; left:30px; top: -6px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_01.png) no-repeat;}
#popquiz #popquiz-quiz-title2 {display:block; position:absolute; left:30px; top: -16px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_02.png) no-repeat;}
#popquiz #popquiz-quiz-title3 {display:block; position:absolute; left:30px; top: -16px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_03.png) no-repeat;}
#popquiz #popquiz-quiz-title4 {display:block; position:absolute; left:30px; top: -16px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_04.png) no-repeat;}
#popquiz #popquiz-quiz-bg2 {display:block; position:absolute; left:38px; top: 71px;width:904px; height:541px; background:url(../images/quiz/popquiz_quiz_bg2.png) no-repeat;}
#popquiz-close-btn {display:block; position:absolute; left:865px; top: 36px; width:28px; height:28px; background:url(../images/quiz/popquiz_btn_close.png) no-repeat; cursor:pointer;}
#popquiz-result-btn{display:inline-block; position:absolute; left:790px; top:503px; width:105px; height:39px; background:url(../images/quiz/popquiz_result_btn.png) no-repeat; cursor:pointer;}
#popquiz-result-btn2{display:inline-block; position:absolute; left:790px; top:370px; width:105px; height:39px; background:url(../images/quiz/popquiz_result_btn.png) no-repeat; cursor:pointer;}
#popquiz-content {display:block; position:absolute; left:41px; top: 137px; width:882px; height:418px;}
#popquiz-content #popquiz-rubric {display:block; position:relative; left:0px; top:0px; width:882px; height:38px; border-bottom:1px solid #eaeaea;}
#popquiz-content #popquiz-rubric #popquiz-rubric-brit {display:block; float:left; position:relative; left:12px; top:17px; width:5px; height:5px; background:url(../images/quiz/popquiz_rubric_brit.png) no-repeat;}
#popquiz-content #popquiz-rubric #txt {display:block; float:left; position:relative; left:17px; top:8px; width:841px; height:25px; font-family:'nanumbarungothicbold'; font-size:16px; line-height:25px; color:#6d6d6d;}
#popquiz-content #popquiz-detail {display:block; position:relative; left:0px; top:10px;}
.drag-line-start{position:absolute; display:inline-block;}
.drag-line-start li{list-style:none; position:absolute; display:inline-block; width:15px; height:15px; background:url(../images/quiz/popquiz_linedraw_brit.png) no-repeat; cursor:pointer;}
.drop-line-end li{list-style:none; position:absolute; display:inline-block; width:15px; height:15px; background:url(../images/quiz/popquiz_linedraw_brit.png) no-repeat; cursor:pointer;}
.popquiz-box-st1 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/popquiz_box_bg_02.png) repeat;
font-family:'nanumbarungothic'; font-size:16px; line-height:22px; color:#5a5a5a;}
.popquiz-box-st2 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/popquiz_box_bg_01.png) repeat;
font-family:'nanumbarungothicbold'; font-size:17px; line-height:22px; color:#ffffff; text-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.popquiz-box-st3 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/popquiz_box_bg_03.png) repeat;}
.popquiz-box-st4 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/popquiz_box_bg_04.png) repeat;}
.popquiz-box-st5 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/popquiz_box_bg_05.png) repeat;}
.popquiz_box_answer {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/popquiz_box_bg_answer.png) repeat;}
.popquiz-input{position:relative; display:inline-block; width:270px;}
.popquiz-input .input-box{position:relative; display:inline-block; width:270px; height:36px; background:#9a9a9a; padding:4px;}
.popquiz-input .input-box.box-activity{background:#7f98cf;}
.popquiz-input .input-box input{font-family:'nanumbarungothic'; font-size:17px; line-height:38px; width:270px; height:36px; text-align:center; color:#6c63bb; border:none; background:#fafafa;}
.input-detail-txt{position:relative; display:inline-block; width:270px; height:77px; left:0px; top:3px; padding:4px; border-top:1px solid #e4e4e4; background:#f4f4f4;}
.input-detail-txt p{position:relative; display:inline-block; top:0px; left:0px; width:270px; font-family: 'nanumgothic'; font-size:16px; line-height:23px; color:#5a5a5a; padding-top:5px; text-align:center;}
.input-detail-txt2{position:relative; display:inline-block; width:770px; height:97px; left:0px; top:3px; padding:4px; border-top:1px solid #e4e4e4; background:#f4f4f4;}
.input-box.box1 input{font-family:'nanumbarungothic'; font-size:12px; line-height:15px; width:300px; height:15px; text-align:left; color:#6c63bb; border:none; background:#fafafa;}
.input-box.box1 h1{font-family:'nanumbarungothic'; font-size:12px; line-height:15px; width:300px; height:15px; text-align:left; color:#6c63bb; border:none; background:#fafafa;}
.input-box.boxa input{font-family:'nanumbarungothic'; font-size:12px; line-height:50px; width:700px; height:50px; text-align:left; color:#6c63bb; border:none; background:#fafafa;}
.input-box.boxaa input{font-family:'nanumbarungothic'; font-size:12px; line-height:15px; width:50px; height:15px; text-align:right; color:#FFFFFF; border:none; background:#7186b6;}
.input-box.boxab input{font-family:'nanumbarungothic'; font-size:12px; line-height:15px; width:100px; height:15px; text-align:left; color:#FFFFFF; border:none; background:#7186b6;}
.input-box.boxb input{font-family:'nanumbarungothic'; font-size:12px; line-height:15px; width:300px; height:15px; text-align:left; color:#6c63bb; border:none; background:#fafafa;}
.input-box.boxc input{font-family:'nanumbarungothic'; font-size:12px; line-height:15px; width:600px; height:15px; text-align:left; color:#6c63bb; border:none; background:#fafafa;}
.input-box.boxd input{font-family:'nanumbarungothic'; font-size:12px; line-height:15px; width:600px; height:15px; text-align:left; color:#6c63bb; border:none; background:#fafafa;}
.input-box.boxe input{font-family:'nanumbarungothic'; font-size:12px; line-height:15px; width:300px; height:15px; text-align:left; color:#6c63bb; border:none; background:#fafafa;}
.example {position:relative; display:block; left:81px; width:720px;}
.example-top {position:relative; display:block; width:720px; height:6px; background:url(../images/quiz/example_top.png) no-repeat;}
.example-top p {position:relative; display:block; top:-6px; text-align:center; font-family:'nanumgothic'; font-size:17px; line-height:19px; color:#666666;}
.example-middle {position:relative; display:block; width:720px;}
.example-bottom {position:relative; display:block; width:720px; height:2px; background:url(../images/quiz/example_bottom.png) no-repeat; }
.popquiz_drop {position:relative; display:inline-block; top:0px; left:0px; width:120px; height:50px; background:url(../images/quiz/popquiz_drop2.png) no-repeat; }
.ox-btn-box {position:relative; display:block; top:0px; left:81px; width:720px; height:104px;}
.ox-btn-box .o-btn {position:absolute; display:block; top:0px; left:225px; width:105px; height:104px; background:url(../images/quiz/popquiz_ox_btn.png) no-repeat; background-position: 0px -105px; cursor:pointer;}
.ox-btn-box .x-btn {position:absolute; display:block; top:0px; right:225px; width:105px; height:104px; background:url(../images/quiz/popquiz_ox_btn.png) no-repeat; background-position: -106px -105px; cursor:pointer;}
.ox-btn-box .o-btn.ans {background-position: 0px 0px;}
.ox-btn-box .x-btn.ans {background-position: -106px 0px;}
.popquiz-ox-check {position:absolute; display:none; top:27px; left:25px; width:61px; height:51px; background:url(../images/quiz/popquiz_ox_check.png) no-repeat;}
.oxquiz-table{width:588px; display:block; margin:auto; margin-top:70px;margin-left:240px; border-collapse: collapse; border-top:3px solid #c7c7c7; border-bottom:3px solid #c7c7c7;}
.oxquiz-table .oxquiz-question{font-size:20px; color:#555555; font-weight:bold; width:500px;}
.oxquiz-table .oxquiz-o-btn{display:inline-block; vertical-align:middle; width:40px; height:39px; background-image:url(../images/quiz/popquiz_ox_btn_2.png); background-repeat:no-repeat; background-position:0px 0px; cursor:pointer;}
.oxquiz-table .oxquiz-x-btn{display:inline-block; vertical-align:middle; width:40px; height:39px; background-image:url(../images/quiz/popquiz_ox_btn_2.png); background-repeat:no-repeat; background-position:-44px 0px; cursor:pointer;}
.oxquiz-table .oxquiz-o-btn:hover{background-position:0px -40px;}
.oxquiz-table .oxquiz-x-btn:hover{background-position:-44px -40px;}
.oxquiz-table .oxquiz-o-btn.on{background-position:0px -40px;}
.oxquiz-table .oxquiz-x-btn.on{background-position:-44px -40px;}
.oxquiz-table td{border-bottom:1px dashed #a9a9a9; padding-top:5px; padding-bottom:5px;}
.oxquiz-table tr:last-child td{border-bottom:none;}
.result-box {position:relative; display:none; left:81px; top:0px; width:720px;}
.result-box .popquiz-box-st5 {position:relative; display:inline-block;}
.result-box .popquiz-box-st5 p {position:relative; display:block; padding:7px 15px; font-family:'nanumgothicbold'; font-size:19px; line-height:22px; color:#ffffff; text-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.result-box .popquiz-box-st5 .txt {position:absolute; display:block; left:80px; top:3px; width:720px; font-family:'nanumgothic'; font-size:18px; line-height:28px; color:#666666;}
.result-box .popquiz-box-st5 .txt.middle {top:7px;}
.result-box .line {position:relative; display:block; left:0px; margin-top:8px; width:720px; height:1px; background:#e2e2e2; margin-bottom:8px;}
/* 공통 피드백 */
#quiz .common-feedback{display:none; position:absolute; top:0px; left:0px; width:1000px; height:595px; overflow:hidden;z-index:1000
}
.common-feedback-yes {display:none; position:absolute; top:170px; left:30px; width:940px; height:230px; background:url(../images/quiz/feedback_00.png) no-repeat;
color:#FFF;
font-size:28px;
font-family: 'NanumSquareRound';
font-weight:normal;
padding:70px 0 0 0px;
text-align:center;
}
.common-feedback-replay {display:none; position:absolute; top:170px; left:30px; width:940px; height:230px; background:url(../images/quiz/feedback_00.png) no-repeat;
color:#FFF;
font-size:28px;
font-family: 'NanumSquareRound';
font-weight:normal;
padding:70px 0 0 0px;
text-align:center;
}
.common-feedback-no {display:none; position:absolute; top:170px; left:30px; width:940px; height:230px; background:url(../images/quiz/feedback_00.png) no-repeat;
color:#FFF;
font-size:28px;
font-family: 'NanumSquareRound';
font-weight:normal;
padding:70px 0 0 0px;
text-align:center;
}
.common-feedback-not {display:none; position:absolute; top:170px; left:30px; width:940px; height:230px; background:url(../images/quiz/feedback_00.png) no-repeat;
color:#fff;
font-size:28px;
font-family: 'NanumSquareRound';
font-weight:normal;
padding:70px 0 0 0px;
text-align:center;
}
#popquiz-print-btn{display:inline-block; position:absolute; left:840px; top:495px; width:55px; height:55px; background:url(../images/quiz/printBtn.png) no-repeat; cursor:pointer;}
#popquiz-print-text{display:inline-block; position:absolute; left:590px; top:510px;font-family:'nanumbarungothic'; font-size:15px;text-align:left; color:#6c63bb;}
#summary #summary-quiz-bg {display:block; position:absolute; left:0px; top: 90px;width:1000px; height:630px; background:url(../../images/summary/summary_bg.png) no-repeat;}
#summary #summary-quiz-title1 {display:block; position:absolute; left:40px; top: 8px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_01.png) no-repeat;}
#summary #summary-quiz-title2 {display:block; position:absolute; left:40px; top: 8px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_02.png) no-repeat;}
#summary #summary-quiz-title3 {display:block; position:absolute; left:40px; top: 8px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_03.png) no-repeat;}
#summary #summary-quiz-title4 {display:block; position:absolute; left:40px; top: 8px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_04.png) no-repeat;}
#summary-content {display:block; position:absolute; left:41px; top: 137px; width:882px; }
#summary-content #summary-detail {display:block; position:relative; left:0px; top:10px;}
#checkquiz #checkquiz-quiz-shadow{display:block; position:absolute; left:0px; top: 0px; width:1000px; height:598px; background:url(../images/check/popquiz_shadow.png) no-repeat;}
#checkquiz #checkquiz-quiz-bg {display:block; position:absolute; left:0px; top: 92px;width:1000px; height:598px; background:url(../../images/check/quiz_bg.png) no-repeat;}
#checkquiz #checkquiz-pop-bg1 {display:block; position:absolute; left:-10px; top: 0px;width:1000px; height:598px; background:url(../../images/page8/pop_exam_BG1.png) no-repeat;}
#checkquiz #checkquiz-pop-bg2 {display:block; position:absolute; left:-10px; top: 0px;width:1000px; height:598px; background:url(../../images/page8/pop_exam_BG2.png) no-repeat;}
#checkquiz #checkquiz-pop-bg3 {display:block; position:absolute; left:-10px; top: 0px;width:1000px; height:598px; background:url(../../images/page8/pop_exam_BG3.png) no-repeat;}
#checkquiz #checkquiz-pop-exit {display:block; position:absolute; left:920px; top: 25px;width:42px; height:42px; background:url(../../images/page8/exam_x_btn.png) no-repeat; cursor:pointer;}
#checkquiz #checkquiz-pop-title1 {width:1151px; height:925px; background:url(../../images/page8/pop_exam_01.png) no-repeat;}
#checkquiz #checkquiz-pop-title2 {width:537px; height:349px; background:url(../../images/page8/pop_exam_02.png) no-repeat;}
#checkquiz #checkquiz-pop-title3 {display:block; position:absolute; left:100px; top: 150px;width:810px; height:360px; background:url(../../images/page8/pop_exam_03.png) no-repeat;}
#checkquiz-print {display:block; position:absolute; left:650px; top: 550px;width:100px; height:100px; background:url(../../images/page8/remind_print_btn.png) no-repeat; cursor:pointer;}
#checkquiz-example {display:block; position:absolute; left:750px; top: 550px;width:100px; height:100px; background:url(../../images/page8/remind_example_btn.png) no-repeat; cursor:pointer;}
#checkquiz #checkquiz-quiz-title1 {display:block; position:absolute; left:30px; top: -6px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_01.png) no-repeat;}
#checkquiz #checkquiz-quiz-title2 {display:block; position:absolute; left:30px; top: -16px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_02.png) no-repeat;}
#checkquiz #checkquiz-quiz-title3 {display:block; position:absolute; left:30px; top: -16px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_03.png) no-repeat;}
#checkquiz #checkquiz-quiz-title4 {display:block; position:absolute; left:30px; top: -16px;width:825px; height:65px; background:url(../../images/summary/summary_lesson_04.png) no-repeat;}
#checkquiz #checkquiz-quiz-bg2 {display:block; position:absolute; left:38px; top: 71px;width:904px; height:541px; background:url(../images/quiz/popquiz_quiz_bg2.png) no-repeat;}
#checkquiz-close-btn {display:block; position:absolute; left:865px; top: 36px; width:28px; height:28px; background:url(../images/quiz/popquiz_btn_close.png) no-repeat; cursor:pointer;}
#checkquiz-result-btn{display:inline-block; position:absolute; left:790px; top:370px; width:133px; height:47px; background:url(../../images/check/quiz_result_btn.png) no-repeat; cursor:pointer;}
#checkquiz-result-btn2{display:inline-block; position:absolute; left:790px; top:370px; width:105px; height:39px; background:url(../images/quiz/popquiz_result_btn.png) no-repeat; cursor:pointer;}
#checkquiz-content {display:block; position:absolute; left:41px; top: 137px; width:882px; height:418px;}
#checkquiz-content #checkquiz-rubric {display:block; position:relative; left:0px; top:0px; width:882px; height:38px; }
#checkquiz-content #checkquiz-rubric #checkquiz-rubric-brit {display:block; float:left; position:relative; left:79px; top:-48px; width:17px; height:22px; background:url(../../images/check/example_icon.png) no-repeat;}
#checkquiz-content #checkquiz-rubric #txt {display:block; float:left; position:relative; left:83px; top:-45px; width:841px; height:25px; font-family:'nanumbarungothicbold'; font-size:15px; line-height:20px; color:#009966;}
#checkquiz-content #checkquiz-detail {display:block; position:relative; left:0px; top:10px;}
.checkquiz-input{position:relative; display:inline-block; width:270px;}
.checkquiz-input .input-box{position:relative; display:inline-block; width:60px; height:29px; background:#9a9a9a; padding:0px;}
.checkquiz-input .input-box.box-activity{background:#009966;}
.checkquiz-input .input-box input{font-family:'nanumbarungothic'; font-size:17px; line-height:38px; width:60px; height:29px; text-align:center; color:#009966; border:none; background:#E2E2E2;}
.checkquiz_drop {position:relative; display:inline-block; top:0px; left:0px; width:120px; height:50px; background:url(../images/quiz/popquiz_drop2.png) no-repeat; }
#checkquiz .common-feedback{display:none; position:absolute; top:300px; left:400px; width:167px; height:173px;}
#checkquiz-print-btn{display:inline-block; position:absolute; left:840px; top:495px; width:55px; height:55px; background:url(../images/quiz/printBtn.png) no-repeat; cursor:pointer;}
#checkquiz-print-text{display:inline-block; position:absolute; left:590px; top:510px;font-family:'nanumbarungothic'; font-size:15px;text-align:left; color:#009966;}
/***사전퀴즈***/
#prequiz{
display: block;
position: absolute;
left: 0px;
top: 0px;
width: 1000px;
height: 595px;
}
#prequiz #prequiz-quiz-shadow{display:block; position:absolute; left:0px; top: 0px; width:980px; height:670px; background:url(../images/quiz/prequiz_shadow.png) no-repeat;}
#prequiz #pretest-intro {display:block; position:absolute;left:0px; top: 90px; width:1000px; height:595px;z-index: 50;}
#prequiz #pretest-intro-bg{display:block; position:absolute;left:0px; top: 0px; width:1000px; height:595px;background:url(../images/quiz/prequiz_intro_bg.png) no-repeat}
#prequiz #pretest-intro-start-btn {display:block; position:absolute; left:400px; top: 500px; width:133px; height:47px; background:url(../images/quiz/prequiz_start_btn.png) no-repeat; cursor:pointer;}
#prequiz #pretest-intro-start-btn:hover {background:url(../images/quiz/prequiz_start_btn_on.png) no-repeat; cursor:pointer;}
#prequiz #pretest-intro-title {display:inline-block; position:absolute; left:20px; top:10px;font-family:'nanumbarungothic'; font-size:25px;text-align:left; color:#D04900;}
#prequiz #marking-o {position:absolute; display:none; top:-10px; left:-8px; width:94px; height:94px; background:url(../images/quiz/quiz_result_marking_o.png) no-repeat;}
#prequiz #marking-x {position:absolute; display:none; top:-10px; left:-8px; width:94px; height:94px; background:url(../images/quiz/quiz_result_marking_x.png) no-repeat;}
/*
#prequiz #prequiz-quiz-bg {display:block; position:absolute; left:38px; top: 71px;width:904px; height:541px; background:url(../images/quiz/prequiz_quiz_bg.png) no-repeat;}
#prequiz #prequiz-quiz-bg2 {display:block; position:absolute; left:38px; top: 71px;width:904px; height:541px; background:url(../images/quiz/prequiz_checklist_bg.png) no-repeat;}
*/
#prequiz-close-btn {display:block; position:absolute; left:865px; top: 36px; width:28px; height:28px; background:url(../images/quiz/prequiz_btn_close.png) no-repeat; cursor:pointer;}
#prequiz-result-btn{
display: inline-block;
position: absolute;
left: 435px;
top: 550px;
width: 187px;
height: 60px;
z-index:100;
background: url(../images/quiz/prequiz_result_btn.png) no-repeat;
cursor: pointer;
}
#prechecklist-result-btn{display:inline-block; position:absolute; left:790px; top:503px; width:105px; height:37px; background:url(../images/quiz/prechecklist_result_btn.png) no-repeat; cursor:pointer;}
#prechecklist-resultClose-btn{display:inline-block; position:absolute; left:428px; top:-22px; width:105px; height:37px; background:url(../images/quiz/prechecklist_resultClose_btn.png) no-repeat; cursor:pointer;}
#prequiz-result-ani{display:none; position:absolute; left:-81px; top:0px; width:1000px; height:595px; background:url(../images/quiz/prequiz_result_ani.png) no-repeat;z-index: 5000000;}
/*
#prequiz-print-btn{display:inline-block; position:absolute; left:790px; top:503px; width:102px; height:36px; background:url(../images/quiz/prequiz_print_btn.png) no-repeat; cursor:pointer;}
*/
#prequiz-content {
display: block;
position: absolute;
left: 110px;
top: 136px;
width: 780px;
height: 418px;
}
#prequiz-content #prequiz-rubric {
display: block;
position: relative;
left: 0px;
top: 0px;
width: 780px;
height: 13px;
border-bottom: 0px solid #eaeaea;
}
#prequiz-content #prequiz-rubric #prequiz-rubric-brit {display:block; float:left; position:relative; left:12px; top:17px; width:5px; height:5px; background:url(../images/quiz/prequiz_rubric_brit.png) no-repeat;}
#prequiz-content #prequiz-rubric #txt {display:block; float:left; position:relative; left:17px; top:8px; width:841px; height:25px; font-family:'nanumbarungothicbold'; font-size:16px; line-height:25px; color:#6d6d6d;}
#prequiz-content #prequiz-detail {display:block; position:relative; left:0px; top:0px;}
#prequiz-content #prequiz-detail20 {display:block; position:relative; left:0px; top:-100px;}
/* 줄긋기 도식 */
.drag-line-start{position:absolute; display:inline-block;}
.drag-line-start li{list-style:none; position:absolute; display:inline-block; width:15px; height:15px; background:url(../images/quiz/prequiz_linedraw_brit.png) no-repeat; cursor:pointer;}
.drop-line-end li{list-style:none; position:absolute; display:inline-block; width:15px; height:15px; background:url(../images/quiz/prequiz_linedraw_brit.png) no-repeat; cursor:pointer;}
/* 박스 도식 */
.prequiz-box-st1 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/prequiz_box_bg_02.png) repeat;
font-family:'nanumbarungothic'; font-size:16px; line-height:22px; color:#5a5a5a;}
.prequiz-box-st2 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/prequiz_box_bg_01.png) repeat;
font-family:'nanumbarungothicbold'; font-size:17px; line-height:22px; color:#ffffff; text-shadow:2px 2px 2px rgba(0,0,0,0.1);}
.prequiz-box-st3 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/prequiz_box_bg_03.png) repeat;}
/*.prequiz-box-st4 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/prequiz_box_bg_04.png) repeat;}*/
.prequiz-box-st5 {position:relative; display:inline-block; padding:0px; background:url(../images/quiz/prequiz_box_bg_05.png) repeat;}
/* 입력박스 도식 */
.prequiz-input{position:relative; display:inline-block; width:270px;}
.prequiz-input .input-box{position:relative; display:inline-block; width:270px; height:36px; background:#9a9a9a; padding:4px;}
.prequiz-input .input-box.box-activity{background:#7f98cf;}
.prequiz-input .input-box input{font-family:'nanumbarungothic'; font-size:17px; line-height:38px; width:270px; height:36px; text-align:center; color:#6c63bb; border:none; background:#fafafa;}
.input-detail-txt{position:relative; display:inline-block; width:270px; height:77px; left:0px; top:3px; padding:4px; border-top:1px solid #e4e4e4; background:#000000;}
.input-detail-txt p{position:relative; display:inline-block; top:0px; left:0px; width:270px; font-family: 'nanumbarungothic'; font-size:16px; line-height:23px; color:#000000; padding-top:5px; text-align:center;}
.prequiz-box-st0 {
left: 60px;
top:15px;
width: 480px;
height: 120px;
margin-bottom: 0px;
position: relative;
display: inline-block;
padding: 0px;
}
#prequiz #prequiz-quiz-bg {
display: block;
position: absolute;
left: 0px;
top: 90px;
width: 1000px;
height: 595px;
background: url(../images/quiz/prequiz_quiz2_bg.png) no-repeat;
}
/*2018-05-17*/
#prequiz #prequiz-quiz-bg20 {
display: block;
position: absolute;
left: 0px;
top: 89px;
width: 1000px;
height: 595px;
background: url(../images/quiz/bg_todaymission2.png) no-repeat;
}
.prequiz-box-st20 {
left: 250px;
top: 0px;
width: 480px;
height: 250px;
margin-bottom: 0px;
position: relative;
display: inline-block;
padding: 0px;
}
.detail-txt {
position: absolute;
display: inline-block;
left: 0px;
top: 00px;
width: 480px;
font-family: 'nanumbarungothic';
font-size: 17px;
line-height: 20px;
font-weight: nomal;
color: #000000;
text-align: center;
}
.result-box {top:10px; display:none;}
.ox-btn-box {
position: absolute;
left: 560px;
top: 10px;
width: 180px;
}
.ox-btn-box .o-btn {left:0px;}
.ox-btn-box .x-btn {right:0px;}
#quiz1 {display:block; position:relative; left:0px; top:0px;}
#quiz2 {display:block; position:relative; left:0px; top:0px; margin-top:10px;}
#quiz3 {display:block; position:relative; left:0px; top:0px; margin-top:10px;}
#quiz4 {display:block; position:relative; left:0px; top:0px; margin-top:10px;}
.result-box .prequiz-box-st5 .txt {width:640px; height:56px;}
/*ox*/
.ox-btn-box .o-btn {
position: absolute;
display: block;
top: 0px;
left: 0px;
width: 80px;
height: 80px;
background: url(../images/quiz/prequiz_ox_btn3.png) no-repeat;
background-position: 0px 0px;
cursor: pointer;
}
.ox-btn-box .x-btn {position:absolute; display:block; top:0px; right:0px; width:80px; height:80px; background:url(../images/quiz/prequiz_ox_btn3.png) no-repeat; background-position: -80px 0px; cursor:pointer;}
.ox-btn-box .o-btn.ans {background-position: 0px -80px;}
.ox-btn-box .x-btn.ans {background-position: -80px -80px;}
.prequiz-ox-check {position:absolute; display:none; top:0px; left:0px; width:80px; height:80px; background:url(../images/quiz/prequiz_ox_check2.png) no-repeat;}
#prequiz #quiz1 .ox-making-box .quiz-making-o {position:absolute; display:none; top:20px; left:-25px; width:125px; height:125px; background:url(../images/quiz/quiz_marking_o.png) no-repeat; background-size:100px;}
#prequiz #quiz1 .ox-making-box .quiz-making-x {position:absolute; display:none; top:25px; left:-15px; width:125px; height:125px; background:url(../images/quiz/quiz_marking_x.png) no-repeat; background-size:100px;}
#prequiz #quiz2 .ox-making-box .quiz-making-o {position:absolute; display:none; top:25px; left:-25px; width:125px; height:125px; background:url(../images/quiz/quiz_marking_o.png) no-repeat; background-size:100px;}
#prequiz #quiz2 .ox-making-box .quiz-making-x {position:absolute; display:none; top:30px; left:-15px; width:125px; height:125px; background:url(../images/quiz/quiz_marking_x.png) no-repeat; background-size:100px;}
#prequiz #quiz3 .ox-making-box .quiz-making-o {position:absolute; display:none; top:30px; left:-25px; width:125px; height:125px; background:url(../images/quiz/quiz_marking_o.png) no-repeat; background-size:100px;}
#prequiz #quiz3 .ox-making-box .quiz-making-x {position:absolute; display:none; top:30px; left:-15px; width:125px; height:125px; background:url(../images/quiz/quiz_marking_x.png) no-repeat; background-size:100px;}