body {width:100%; margin:0 auto; padding:0; font-size:13px; line-height:normal; padding-top:30px;}
img {border:none; padding:0; margin:0; outline:none;}
a {border:none; padding:0; margin:0; outline:none; text-decoration:none;}
a:active {color:#666666; text-decoration:none;}
a:link {color:#666666; text-decoration:none;}
a:visited {color:#666666; text-decoration:none;}
a:hover {color:#666666; text-decoration:none;}
input, select, textarea {margin:0; padding:0; outline:none; font-size:13px; color:#000000;}
ul {list-style:none; padding:0; margin:0; *zoom:1;}
ul:after {content:""; display:block; clear:both;}
ul > li {display:block;}

img.fx{max-width:100%;}

td {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
}

input, select, textarea {
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	margin:0;
	padding:0;
}

input::-moz-placeholder {color:#000000;}
input::-webkit-input-placeholder {color:#000000;}

textarea::-moz-placeholder {color:#000000;}
textarea::-webkit-input-placeholder {color:#000000;}

input[type=text], input[type=password] ,input[type=tel], input[type=file], input[type=image], input[type=button], input[type=submit], textarea {
	border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	width:100%;
}

select {
	border-radius:0; 
	-moz-border-radius:0; 
	-webkit-border-radius:0;
	appearance:none;
	-moz-appearance:none;
	-webkit-appearance:none;
	background:url("../img/sub/select_arrow.png") no-repeat 95% 50%; /*셀렉박스 화살표*/
	width:100%;
}

/*IE 10, 11의 네이티브 화살표 숨기기*/ 
select::-ms-expand {display:none;}

/*display:inline-block; *display:inline; zoom:1;*/

#event_con {width:100%; max-width:520px; min-width:320px; margin:0 auto;}
#event_con > .contents_con {}
#event_con > .contents_con > .roulette_con {padding-top:11%; margin-bottom:10%; position:relative; top:0; left:0;}
#event_con > .contents_con > .roulette_con #wrapImage {width:100% !important; margin:0 auto;}
#event_con > .contents_con > .roulette_con #wrapImage #canvas {width:100% !important; cursor:pointer;}
#event_con > .contents_con > .roulette_con .arrow {width:17.5%; margin:0 auto; position:absolute; top:0; left:0; right:0; z-index:10;}
#event_con > .contents_con > .roulette_con .arrow img {width:100%;}
#event_con > .contents_con > .btn_con {}
#event_con > .contents_con > .btn_con img {width:100%; cursor:pointer;}

@media all and (max-width: 520px) {
	
	#event_con {max-width:91.5%;}

}