.quiz-intro #contents .container {
	background:url(../images/06/quiz/con_bg.png) center no-repeat;
	height:523px;
}
#contents .quiz-intro-button {
	position: absolute; left: 50%; top: 50%; margin-left: -86px; margin-top: 80px;
}
/* 퀴즈*/
.quiz {background:url(../images/06/quiz/bg.jpg) no-repeat; background-size: cover;}
.quiz #contents .container {
	height:523px;
}
.quiz #contents .subject{
	position:relative;
}
.quiz-area {width:778px;margin:0 auto;background:#f0ece3;}
.quiz-area.off{background:none;}
.quiz-area .area01{}
.quiz-area .area01.off{background:none;}
.quiz-wrap {}
.quiz-wrap .quiz-section { width:100%; height:100%; position:relative; display:none; }
.quiz-wrap .quiz-section:first-child { display:block; }
.quiz-wrap .question-wrap { position:relative; }
.question-wrap .question-no { position:absolute; left:85px; top:57px; width:87px; height:62px; }
.question-wrap .question-no.no-1 { }
.question-wrap .question-no.no-2 { }
.question-wrap .question-no.no-3 {}
.question-wrap .question-ox { position:absolute; left:15px; top:30px; width:55px; height:55px; background:none; }
.question-wrap .question-ox.o { background:url('../images/06/quiz/answer_o.png') 0 0 no-repeat; }
.question-wrap .question-ox.x { background:url('../images/06/quiz/answer_x.png') 0 0 no-repeat; }

/* 퀴즈 질문 영역 css */
.question-wrap .question { position:absolute; top:70px; left:80px; width: 510px; }
.question-wrap .question .question-text { width:100%; padding:0; font-size:18px; color:#193962; line-height:18px;letter-spacing:-1px; font-weight: bold; }
.question-wrap .question .question-text .red { color:#ff0000; }
.question-wrap .question .question-text .small { display:block; font-size:15px; color:#464445; letter-spacing:-1px; padding-bottom:10px; }

/* 퀴즈 보기 영역 css */
.quiz-wrap .example { position:absolute; top:85px; left:191px; }
.quiz-wrap .example .example-text{ width:100%; font-size:22px; color:#000; letter-spacing:-1px; line-height:120%; }

/* 퀴즈 4지선다 선택 영역 */
.answer-wrap .answer-button .answer-text { font-size:18px; color:#3b3b3b; letter-spacing:-1px; line-height:120%; width:500px; }
.answer-wrap .answer-button .answer-1 {}
.answer-wrap .answer-button .answer-2 {}
.answer-wrap .answer-button .answer-3 {}
.answer-wrap .answer-button .answer-4 {}

/* 퀴즈 해설 영역 css */
.quiz-wrap .explain { position:absolute; top:307px; left:-18px; width:650px; height:160px; background:url('../images/06/quiz/quiz_explain_bg.png') 0px 0px no-repeat; display:none; }
.quiz-wrap .explain .explain-text { position:absolute; top:55px; left:70px; font-size:18px; color:#333; letter-spacing:-1px; line-height:150%; width: 560px; height: 95px; overflow-y: scroll; }
.quiz-wrap .explain .explain-answer { position:absolute; top:16px; left:146px; width:19px; height:26px; }
.quiz-wrap .explain .explain-answer.x { background:url('../img/quiz/after/explain-answer-ox.png') 0px 0px no-repeat; }
.quiz-wrap .explain .explain-answer.o { background:url('../img/quiz/after/explain-answer-ox.png') 0px -26px no-repeat; }
.quiz-wrap .explain .explain-answer.a1 { background:url('../images/06/quiz/answer_num.png') 0px 0px no-repeat; }
.quiz-wrap .explain .explain-answer.a2 { background:url('../images/06/quiz/answer_num.png') 0px -26px no-repeat; }
.quiz-wrap .explain .explain-answer.a3 { background:url('../images/06/quiz/answer_num.png') 0px -52px no-repeat; }
.quiz-wrap .explain .explain-answer.a4 { background:url('../images/06/quiz/answer_num.png') 0px -78px no-repeat; }
.quiz-wrap .explain .explain-answer.txt { background:none; top:0px; width:250px; font-size:18px; font-weight:bold; color:#f2f105; letter-spacing:-1px; line-height:120%; }

.quiz-wrap .alert { z-index:9; position:absolute; left:50%;margin-left:-216px; top:20px; width:433px; height:317px; display:none; }
.quiz-wrap .alert.x { background:url('../img/quiz/after/alert-x.png') 0 0 no-repeat;}
.quiz-wrap .alert.o { background:url('../img/quiz/after/alert-o.png') 0 0 no-repeat;}
.quiz-wrap .alert.re { background:url('../img/quiz/after/alert-re.png') 0 0 no-repeat;}
.quiz-wrap .alert.no { background:url('../img/quiz/after/alert-no.png') 0 0 no-repeat;}
.quiz-wrap .alert.bl { background:url('../img/quiz/after/alert-bl.png') 0 0 no-repeat; top:165px;}

/* 버튼 처리하는 곳. */
/* .bt-quiz{position:absolute;top:360px;text-align:center;} */
#bt-next-time{right:10px;width:100px;}
#bt-view{right:150px;}
#bt-result{right:10px;width:100px;}
.quiz-wrap .check-button {}
.quiz-wrap .next-button {background:url('../images/06/quiz/next_button_off.png') 0 0 no-repeat; cursor:pointer; }
.quiz-wrap .edu-help {background:url('../images/06/quiz/edu_help_off.png') 0 0 no-repeat; cursor:pointer; }

.answer-wrap.type2 { position:absolute; top:160px; left:60px; overflow-y: scroll; height: 125px; }
.button-1,.button-2,.button-3,.button-4 {margin-bottom:10px; position:relative; padding-left:35px; cursor:pointer; }
.button-1 span { position:absolute; top:0px; left:0px; display:block; width:28px; height:23px; background:url(../images/06/quiz/quiz_num.png) 0px 0px no-repeat; }
.button-1.sel span { background-position:-30px 0px; }
.button-2 span { position:absolute; top:0px; left:0px; display:block; width:28px; height:23px; background:url(../images/06/quiz/quiz_num.png) 0px -28px no-repeat; }
.button-2.sel span { background-position:-30px -28px; }
.button-3 span { position:absolute; top:0px; left:0px; display:block; width:28px; height:23px; background:url(../images/06/quiz/quiz_num.png) 0px -56px no-repeat; }
.button-3.sel span { background-position:-30px -56px; }
.button-4 span { position:absolute; top:0px; left:0px; display:block; width:28px; height:23px; background:url(../images/06/quiz/quiz_num.png) 0px -84px no-repeat; }
.button-4.sel span { background-position:-30px -84px; }




.ly_quiz{width:778px;margin:0 auto;}
.quiz_top{padding:15px 0 20px 111px;width:667px;height:40px;background:url(../images/06/bg_quiz_top.jpg) no-repeat 0 0}
.quiz_top .question{font-size:17px;color:#fff; height: 50px; overflow-y: auto;}
.quizList{position:relative;padding:10px 0 0 100px;height:160px;background:#f0ece3;}
.quizList p{font-size:16px;color:#333;margin-bottom:8px;}
.quizList p{cursor:pointer;}
.explanation{background:#dfd5be;padding:10px;height:140px;}
.explanation .answer-ok{height:27px;padding-left:72px;line-height:1;vertical-align:top;background:url(../images/06/ico_anwsor.gif) left 0 no-repeat;color:#bc1e35;font-size:25px;}
.explanationList{overflow-y:auto;height:100px;padding-left:18px;}
.explanationList li:first-child{}
.explanationList li{font-size:16px;color:#333;margin-top:6px;}
.bt-quiz{position:absolute;bottom:-45px;text-align:center;display:inline-block;font-size:20px;color:#fff;background-color:#864978;border:1px solid #adacac;border-radius:15px;padding:4px 12px;}
.bt-quiz:hover{background-color:#658649;}
#bt-view.bt-quiz{padding-left:36px;background:#864978 url(../images/06/bt_stretch.png) 8px 50% no-repeat;display:none;}
#bt-view.bt-quiz:hover{background:#658649 url(../images/06/bt_stretch.png) 8px 50% no-repeat;}
.nowQuestion{position:absolute;right:-58px;top:3px;}
.nowQuestion .index-button{position:relative;display:block;color:#fff;font-size:20px;text-align:center;line-height:47px;width:47px;height:47px;background:url(../images/06/quiz/bg_ex.png) 0 -54px no-repeat;margin-bottom:7px;}
.nowQuestion .index-button.now{background-position:0 0;padding-right:11px;}
.nowQuestion .index-button img{position:absolute;left: 4px;top: 5px;}


#ly_result{width:778px;margin:0 auto; text-align:center;padding-top:35px;}
#ly_result .e-ment{font-size:25px;color:#2b375a;}
#ly_result .e-ment strong{display:inline-block;color:#bc1e35;font-weight:bold;margin:0 7px;}
#ly_result .e-ment em{color:#244a90;font-size:22px;}
.result-list{padding-top:10px;}
.result-list li{overflow:hidden;background:url(../images/06/bg_result.png) no-repeat 0 0;height:73px;margin-bottom:17px;}
.result-list li .num{display:block;width:64px;height:73px;font-size:40px;color:#65ffe5;text-align:center;float:left;font-style:normal;font-weight:bold;line-height:73px;}
.result-list li .confirm{display:block;width:64px;height:73px;float:left;background-position:50% 50%;background-repeat:no-repeat;}
.result-list li .confirm.o{background-image:url(../images/06/quiz/bg_q_o.png);}
.result-list li .confirm.x{background-image:url(../images/06/quiz/bg_q_x.png);}
.result-list li strong{font-size:16px;width:620px;height:73px;overflow-y:auto;color:#fff;display:block;text-align:left;font-weight:normal;padding-left:13px;float:left;}
.bt_solve{background:url(../images/06/bt_solve_off.png) 0 0 no-repeat;width:156px;height:43px;display:inline-block;position: relative; z-index: 10;}
.bt_solve:hover{background-image:url(../images/06/bt_solve_on.png);}

.alertch{background:url(../images/06/alert_ch.png) 0 0 no-repeat;}
.alertre{background:url(../images/06/alert_re.png) 0 0 no-repeat;}


.quiz-color {color:#ffff00; font-weight:600;}