/*±âº» ·¹À̾ƿô*/
.SectionHead{display: none;}
.SectionBody_event{border: none; margin-left: 94px;}
html,body{height: auto}
.clearfix:after{content: ''; display:block; clear:both}
#wrapper{border:1px solid #ececec; width:1001px}
#wrapper *{
	box-sizing: border-box;
	outline:none;
	-webkit-tap-highlight-color : transparent
}
.eventHeader,
.event_wrap > section{position: relative;}
.mo{display: none;}
.Wrapper{width:1000px; position:relative;}

/*video ÀÖÀ» °æ¿ì*/
.video_wrap{
	position: absolute;
	bottom: 0;
	left: 6.5%;
	width: 40%;
}
.video_wrap video{
	width: 100%;
}
.volume{
	position: absolute;
    top: 35%;
    left: 4%;
}
.volume.on img{opacity: .3;}

.tabWrap{
	background-color: #f0f2f3;
	padding-bottom: 80px;
}
.tab_wrap{
	position: relative;
}
.tabList{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
.tabList li{
	float: left;
	width: 33.333%;
	height: 100%;
}
.tabList li a{
	display: block;
	height: 100%;
}

.slide_list li{
	position: relative;
}
.slide{
	position: absolute;
	top: 0;
	left: 0;
	width: 0;
	overflow: hidden;
}

@keyframes slide{
	0%{width:0%}
	100%{width:10%}
}

.evtZone{
	position: relative;
}
.clkQuiz{
	position: absolute;
	bottom: 0;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);
	-ms-transform: translateX(-50%);
	width: 57%;
	height: 38%;
}
.clkQuiz li{
	cursor: pointer;
	height: 33.333%;
}

.finPop_wrap{
	position: absolute;
	bottom: 13%;
	left: 0;
	width: 100%;
	height: auto;
	text-align: center;
	display: none;
}
.finPop_wrap div{
	display: none;
}


.formWrap{
	
}
.formWrap img{
	display: inline !important;
}
.form_wrap {
	width: 520px;
	margin: 0 auto;
	text-align: left;
}

@media all and (max-width:768px){
	/*layout reset*/
	html, body{
		min-width: auto;
		margin: 0;
		overflow-x: hidden;
	}
	header, 
	.footerWrap, 
	.web{
		display: none;
	}
	.evBody,
	.SectionBody_event,
	.Wrapper,
	#wrapper,
	.wrap{
		margin: 0 !important;
		padding: 0 !important;
		width: 100% !important;
	}
	#wrapper{
		border: none;
	}
	.mo{
		display: block;
	}
	.width100{
		width: 100%;
	}
	#wrap{
		width: 100% !important;
	}

	.volume img{
		width:23vw
	}
}

@media all and (max-width:414px){
	.tabWrap{
		padding-bottom: 30px;
	}
	.finPop_wrap img{
		width: 90vw;
	}
	.finPop_wrap .X img{
		width: 60vw;
	}
	.form_wrap{
		width: 100%;
		padding: 0 5%;
	}
}

@media all and (max-width:375px){
	
}