@charset "utf-8";

.wrap_content { position:relative;display:inline-block; height:auto;}
.wrap_quiz { position:relative;font-family:'NotoSansKR R'; padding:30px; display:block; height:auto;}

/* 퀴즈 인트로 스타일 */
.quiz_intro {display:block; padding:10px 40px; text-align:center;letter-spacing:-0.05em;}
.quiz_intro .quiz_title {width:100%;height:110px;line-height:110px;font-size:75px;font-weight:bold;color:#ffffff;text-align:center;margin:0px auto 20px auto;}
.quiz_intro .quiz_title span {color:#2cb7f7;}
.quiz_intro .quiz_ment1 {font-family:'NotoSansKR L'; width:auto;line-height:30px;font-size:20px;font-weight:bold;color:#cdcdcd;text-align:center;margin:15px auto 25px auto;}
.quiz_intro .quiz_ment2 {display:inline-block;width:auto;line-height:40px;font-size:30px;font-weight:bold;color:#e9e9e9;text-align:center;padding:23px 0px; border-top:1px #615d57 solid;border-bottom:1px #615d57 
solid; margin:0px auto 50px auto;}
.quiz_intro .quiz_ment2 span { display:inline-block;height:40px;line-height:40px;margin:0px 2px;}
.quiz_intro .quiz_ment2 span.o { font-family:'tahoma';width:40px;height:40px;font-size:50px;font-weight:bold;color:#2cb7f7;background:url('../images/quiz/o_on.png') 0px 50% no-repeat;background-size:40px auto;}
.quiz_intro .quiz_ment2 span.x { font-family:'tahoma';width:40px;height:40px;font-size:50px;font-weight:bold;color:#2cb7f7;background:url('../images/quiz/x_on.png') 0px 50% no-repeat;background-size:40px auto;}
.quiz_intro .quiz_btn {display:block;width:100%;text-align:center;padding:0px; margin:0px auto;}
.quiz_intro a.btn_start {display:inline-block;background:url('../images/quiz/btn_start_bg.png') 0px 50% no-repeat; width:277px;height:80px;line-height:80px;text-align:left;padding-left:62px;font-size:45px;font-weight:bold;color:#ffffff; margin:0px auto; box-sizing:border-box;}

/* 퀴즈 문항 관련 스타일 */
.quiz_cont { position:relative;padding:10px 50px 0 50px;text-align:center;letter-spacing:-0.05em;}
.quiz_stitle {width:100%;height:90px;line-height:90px;font-size:60px;font-weight:bold;color:#ffffff;text-align:left;margin:0px auto 0px auto;}
.quiz_stitle span {color:#2cb7f7;}
.quiz_stitle small {color:#d6d6d6;font-size:16px;font-weight:400;}
.quiz_box * { box-sizing:border-box; }
.quiz_box { position:relative;display:inline-block;width:100%;border-radius:25px;margin:0px;overflow:hidden;} 
.quiz_box .quiz_question {position:relative; display:inline-block;width:100%;height:250px;background:#ffffff url('../images/quiz/q_bg.png') repeat-y;margin-bottom:-2px;}
.quiz_box .quiz_question .quiz_q_tit {float:left;width:120px;height:120px;line-height:120px;font-size:58px;font-weight:bold;color:#ffffff; text-align:center; }
.quiz_box .quiz_question .quiz_q_tit.o { background:url('../images/quiz/o2.png') 50% 55% no-repeat; background-size:80px auto;}
.quiz_box .quiz_question .quiz_q_tit.x { background:url('../images/quiz/x2.png') 50% 55% no-repeat; background-size:80px auto;}
.quiz_box .quiz_question .quiz_q_cont {float:left; width:calc(100% - 120px);height:250px;padding:15px 30px;text-align:center; overflow-y:auto;}
.quiz_box .quiz_question .quiz_q_cont_left { text-align:left; }

.quiz_box .quiz_question .quiz_q_cont .q_inner {font-family:'NotoSansKR L'; display:inline-block;width:100%;font-size:21px;font-weight:normal;color:#333333;line-height:26px;}
.quiz_box .quiz_question .quiz_q_cont .q_ox {display:inline-block; width:auto; margin:25px auto;}
.quiz_box .quiz_question .quiz_q_cont .q_ox li {float:left; width:200px; height:110px;;cursor:pointer}
.quiz_box .quiz_question .quiz_q_cont .q_ox li.o {background:url('../images/quiz/o_off.png') 50% 50% no-repeat;background-size:100px auto;}
.quiz_box .quiz_question .quiz_q_cont .q_ox li.x {background:url('../images/quiz/x_off.png') 50% 50% no-repeat;background-size:100px auto;}
.quiz_box .quiz_question .quiz_q_cont .q_ox li.o.on {background:url('../images/quiz/o_on.png') 50% 50% no-repeat;background-size:100px auto;}
.quiz_box .quiz_question .quiz_q_cont .q_ox li.x.on {background:url('../images/quiz/x_on.png') 50% 50% no-repeat;background-size:100px auto;}

.quiz_box .quiz_question .quiz_q_cont .q_ex {display:inline-block; width:100%; margin:20px auto;}
.quiz_box .quiz_question .quiz_q_cont .q_ex li {font-family:'NotoSansKR L'; font-size:18px;color:#333333;font-weight:normal; line-height:24px; margin-bottom:10px;text-align:left;cursor:pointer}
.quiz_box .quiz_question .quiz_q_cont .q_ex li span {display:inline-block;box-sizing:content-box;width:25px;height:25px;line-height:25px;text-align:center;background:#2d353a;border-radius:20px; margin:3px 10px 3px 3px;font-size:16px;color:#ffffff;font-weight:bold;}
.quiz_box .quiz_question .quiz_q_cont .q_ex li.check span {background:#2cb7f7;}
.quiz_box .quiz_question .quiz_q_cont .q_ex li.result {  }
.quiz_box .quiz_question .quiz_q_cont .q_ex li.result span {width:25px;height:25px; margin:0px 7px 0px 0px; border:3px #2cb7f7 solid;}

.quiz_box .quiz_answer_wrap {position:relative;display:inline-block; width:100%;}
.quiz_box .quiz_answer {position:relative;display:inline-block;width:100%;height:150px;background:#ffffff url('../images/quiz/a_bg.png') repeat-y;margin-bottom:-3px;}
.quiz_box .quiz_answer .quiz_a_tit {float:left;width:120px;height:70px;line-height:70px;font-size:24px;font-weight:bold;color:#ffffff;text-align:center;padding:0px;}
.quiz_box .quiz_answer .quiz_a_tit span {display:inline-block;width:25px;height:25px;line-height:25px;text-align:center;background:#2cb7f7;border-radius:20px; font-size:16px;color:#ffffff;font-weight:bold;margin-left:8px;} 
.quiz_box .quiz_answer .quiz_a_cont {float:left;font-family:'NotoSansKR L'; width:calc(100% - 120px);height:100px;padding:15px 30px;border-top:1px #dedede solid;text-align:left; overflow-y:scroll;} /* 250609 scroll 추가 */
.quiz_box .quiz_answer .quiz_a_cont .a_inner {display:inline-block;width:580px;height:auto;font-size:17px;line-height:24px;font-weight:normal;color:#333333;overflow-y:auto;} /* 250609 height을 auto로 변경 */

.quiz_box .quiz_sbtn {position:absolute; right:20px;bottom:5px; display:inline-block;width:auto;text-align:center;padding:0px;}
.quiz_box .quiz_sbtn a.btn_next {display:inline-block;background:#000000 url('../images/quiz/btn_bg.png') 110% 50% no-repeat;background-size:auto 40px; width:auto;height:35px;line-height:33px;text-align:center;padding:0px 35px 0px 18px; font-size:16px;font-weight:bold;color:#ffffff;margin:0px;border-radius:20px;box-sizing:border-box;}
.quiz_box .quiz_sbtn a.btn_quiz_next {display:inline-block;background:#000000 url('../images/quiz/btn_bg.png') 110% 50% no-repeat;background-size:auto 40px; width:auto;height:35px;line-height:33px;text-align:center;padding:0px 35px 0px 18px; font-size:16px;font-weight:bold;color:#ffffff;margin:0px;border-radius:20px;box-sizing:border-box;}
.quiz_box .quiz_sbtn a.btn_last {display:inline-block;background:#000000;background-size:auto 40px; width:110px;height:35px;line-height:33px;text-align:center;padding:0px 0px; font-size:16px;font-weight:bold;color:#ffffff;margin:0px;border-radius:20px;box-sizing:border-box;}

.quiz_box .quiz_summary {position:relative; display:inline-block;width:100%;height:400px;padding:30px 40px !important;background:#ffffff;overflow-y:auto;}
.quiz_box .quiz_summary img {margin-bottom:30px;}
.quiz_print {position:absolute; right:50px;top:45px;}
.quiz_print .btn_print {display:inline-block;width:auto; line-height:35px;padding-right:50px;font-size:16px;color:#d6d6d6;font-weight:bold;background:url('../images/quiz/icon_print.png') right 50% no-repeat;}