/*±âº» ·¹À̾ƿô*/
.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;
	font-family: 'GmarketSans', sans-serif;
}
.eventHeader,
.event_wrap > section{position: relative;}
.mo{display: none;}
.Wrapper{width:1000px; position:relative;}

.evt_list{
	display: flex;
    cursor: pointer;
    flex-wrap: wrap;
    height: 100%;
}
.evt_list li{
    position: relative;
    width: 50%;
	cursor:pointer;
}
.finPop{
	position: absolute;
    top: 25%;
    left: 15%;
    width: 100%;
	display: none;
}

.refer{
}
.refer a{
    display: block;
    width: 71%;
    height: 96%;
    position: absolute;
    top: 0;
    left: 0;
	cursor:pointer;

}

.evt_wrap {
	position: absolute;
    width: 68%;
    top: 62%;
    height: 13%;
    left: 16%;
}



@media all and (max-width:820px){
	/*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;
	}

	.finPop img {
		width:70%;
	}
}

@media all and (max-width:430px){
	/* .moBanner img{
		width: 100% !important;
		height: auto;
	} */
}

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

}