* {
	margin: 0px;
	padding: 0px;
	vertical-align: middle;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
html {
	height: 100%;
}
body {
	height: 100%;
	font-size: 13px;
	color: #585858;
	background-color: #ffffff;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ul, ol, dl {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
label {
	cursor: pointer;
}
img, video, input {
	border: 0;
}
a {
	color: #585858;
	text-decoration: none;
	text-overflow: ellipsis;
	-o-text-overflow: ellipsis;
}
a:hover, a:active {
	color: #373737;
}

/*메인 슬리이딩 이미지*/
#s_banner_wrap {width:1400px; height:570px; position: relative; margin:10px 0}
.banner_01 {width:1400px; height:570px; background:#093}
.banner_02 {width:1400px; height:570px; background:#F00}

.banner_a1 {width:100px; height:150px; background:#093}
.banner_a2 {width:100px; height:150px; background:#F00}
.banner_a3 {width:100px; height:150px; background:#06C}
.banner_a4 {width:100px; height:150px; background:#F90 }

/* 사용자 페이징 - 위치와 모양을 자유롭게 변형 */
#bx-pager1 {position: absolute; bottom:10px;}
#bx-pager1 a{float:left; margin:0 5px;display: block; width:20px; height:20px; font-size:12px; line-height:18px; text-align:center; background:#999; color:#333}
#bx-pager1 a:hover, .bx-pager1 a:active{ background: #000; color: #CCC;}

/* 사용자 페이징 - 엑티브상태에 대한 속성값 지정 */
#bx-pager1 a.active{ background: #000; color: #CCC;}
