::-webkit-scrollbar {
  display: none;
}
body:after{
	display:none;
	content:url("../img/quiz/start.png") url("../img/quiz/start_over.png") url("../img/quiz/btn1.png") url("../img/quiz/btn2.png")	url("../img/quiz/btn3.png")	url("../img/quiz/btn4.png")	url("../img/quiz/btn1_check.png") url("../img/quiz/btn2_check.png")	url("../img/quiz/btn3_check.png") url("../img/quiz/btn4_check.png")	url("../img/quiz/confirm_over.png") url("../img/quiz/next_over.png");
}
#quiz{
	position:relative;
	width:1280px;
	height:720px;
	display:none;
	background:url("../img/quiz/bg.png") no-repeat 100% 100% / 100% 100%;
	overflow:hidden;
}
.q_intro{
	position:relative;
	width:100%;
	height:100%;
	background:url("../img/quiz/intro.png") no-repeat 100% 100% / 100% 100%;
}

.q_intro .q_start{
	position:absolute;
	top: 450px;
    left: 46%;
    width: 305px;
    height: 64px;
	margin-left:-97.5px;
	cursor:pointer;
	background:url("../img/quiz/start.png") no-repeat 100% 100% / 100% 100%;
}
.q_intro .q_start:hover{
	background:url("../img/quiz/start_over.png") no-repeat 100% 100% / 100% 100%;
}

.q_wrapper{
	position:relative;
	width:100%;
    height:650px;
    margin-top:70px;
	display:none;
}
.q_title_wrapper{
	position:relative;
	width:100%;
	height:130px;
	font-size:0;
}
.q_title_wrapper .q_no{	
	position:relative;
	width:244px;
	height:130px;
	display:inline-block;
	z-index:1;
}
.q_title_wrapper .q_result{
	position:absolute;
    top:-20px;
    left:30px;
	width:170px;
	height:170px;
	display:block;
	z-index:2;
	opacity:0;
}
.q_title_wrapper .q_title_outer{
    position: absolute;
    top: 10%;
    left: 0;
    width: 100%;
	height: 80%;
	display: table;
	background:#FFE100;
}
.q_title_wrapper .q_title_outer .q_title_inner{
	display: table-cell;
	vertical-align: middle;
}
.q_title_wrapper .q_title_outer .q_title_inner .q_title{
	font-family: 'NanumSquare';
    font-size:25px;
	font-weight: bold;
	color:#000;
    display: inline-block;
    margin-left: 250px;
	max-width:800px;
}
.q_img_wrapper{   
    position: absolute;
    top: 155px;
    left: 5%;
    width: 700px;
    height: 340px;
}
.q_img_wrapper img{
	width:100%;
	height:100%;
}
.q_input_wrapper,
.q_op_wrapper{
	position:relative;
    width: 100%;
    height: 300px;
    margin: 25px 0;
	display:none;
}

.q_input_wrapper .q_input{
    position: absolute;
    width: 300px;
    height: 30px;
    font-size: 20px;
    top: 50%;
    left: 50%;
    margin-top: -15px;
    margin-left: -150px;
}
.q_op_wrapper .q_op_inner{
	position:relative;
	width:60%;
	height:auto;
	margin-left:20%;
}
.q_op_wrapper .q_op_inner .q_op{
	position:relative;
	width:100%;
	height:auto;
	cursor:pointer;
	margin-bottom:10px;
}
.q_op_wrapper .q_op_inner .q_op:last-child{
	margin-bottom:0;
}
.q_op_wrapper .q_op_inner .q_op .q_op_no{
	position:relative;
	display:inline-block;
	width:40px;
	height:40px;
	vertical-align:top;
}
.q_op_wrapper .q_op_inner .q_op .q_op_no1{
	background:url("../img/quiz/btn1.png") no-repeat 100% 100% / 100% 100%;
}
.q_op_wrapper .q_op_inner .q_op .q_op_no2{
	background:url("../img/quiz/btn2.png") no-repeat 100% 100% / 100% 100%;
}
.q_op_wrapper .q_op_inner .q_op .q_op_no3{
	background:url("../img/quiz/btn3.png") no-repeat 100% 100% / 100% 100%;
}
.q_op_wrapper .q_op_inner .q_op .q_op_no4{
	background:url("../img/quiz/btn4.png") no-repeat 100% 100% / 100% 100%;
}
.q_op_wrapper .q_op_inner .q_op.active .q_op_no1{
	background:url("../img/quiz/btn1_check.png") no-repeat 100% 100% / 100% 100%;	
}
.q_op_wrapper .q_op_inner .q_op.active .q_op_no2{
	background:url("../img/quiz/btn2_check.png") no-repeat 100% 100% / 100% 100%;	
}
.q_op_wrapper .q_op_inner .q_op.active .q_op_no3{
	background:url("../img/quiz/btn3_check.png") no-repeat 100% 100% / 100% 100%;	
}
.q_op_wrapper .q_op_inner .q_op.active .q_op_no4{
	background:url("../img/quiz/btn4_check.png") no-repeat 100% 100% / 100% 100%;	
}
.q_op_wrapper .q_op_inner .q_op.ans .q_op_no1{
	background:url("../img/quiz/btn1_correct.png") no-repeat 100% 100% / 100% 100%;	
}
.q_op_wrapper .q_op_inner .q_op.ans .q_op_no2{
	background:url("../img/quiz/btn2_correct.png") no-repeat 100% 100% / 100% 100%;	
}
.q_op_wrapper .q_op_inner .q_op.ans .q_op_no3{
	background:url("../img/quiz/btn3_correct.png") no-repeat 100% 100% / 100% 100%;	
}
.q_op_wrapper .q_op_inner .q_op.ans .q_op_no4{
	background:url("../img/quiz/btn4_correct.png") no-repeat 100% 100% / 100% 100%;	
}
.q_op_wrapper .q_op_inner .q_op_content{
	position:relative;
	display:inline-block; 
	font-family: 'NanumSquare';
	font-size: 20px;
    max-width: calc(100% - 45px);
    top: 10px;
	margin-left:5px;
}

.q_desc_wrapper{
	position:relative;
	width:100%;
    height:170px;
}	
.q_desc_wrapper .q_confirm,
.q_desc_wrapper .q_next{
	position:absolute;
	top: -30px;
    right: 25px;
	width:200px;
	height:55px;
	cursor:pointer;
	display:none;

}
.q_desc_wrapper .q_confirm{
	background:url("../img/quiz/confirm.png") no-repeat 100% 100% / 100% 100%;
}
.q_desc_wrapper .q_next{
	background:url("../img/quiz/next.png") no-repeat 100% 100% / 100% 100%;
}
.q_desc_wrapper .q_confirm:hover{
	background:url("../img/quiz/confirm_over.png") no-repeat 100% 100% / 100% 100%;
}
.q_desc_wrapper .q_next:hover{
	background:url("../img/quiz/next_over.png") no-repeat 100% 100% / 100% 100%;
}
.q_desc_wrapper span{
	position:absolute;
	display:inline-block;
	left:200px;
}
.q_desc_wrapper span.q_ans{
	top: 12px;
    font-size: 30px;
	color: #863BFF;
}
.q_desc_wrapper span.q_desc{
    width: 75%;
	top: 75px;
    font-size: 19px;
    height: 95px;
    overflow-y: auto;
}