@charset "utf-8";
/* CSS Document */

#full-page_slider {
height: 550px;
margin: 0 auto;
position: relative;
width: 100%
}
#full-page_slider .sm_slide {
height:550px
}


#sm_submenu {
clear: both;
margin: 10px auto 0;
overflow: hidden;
width: 100%
}

/*서브썸이미지설정*/
#full-page-example .sm_submenu-item {
color: #ccc;
cursor: pointer;
float: left;
font-size: 10px;
height: 56px;
margin: 0 0 0 0;
padding: 3px 3px 2px ;
width: 56px;
position: relative
}



#full-page-example:hover .sm_prev{ display: block; }
#full-page-example:hover .sm_next { display: block; }

#full-page-example .sm_submenu-item.active {
border-radius: 3px;
border: 1px #76aad9 solid;
/*box-shadow: 0 0 5px #000;*/
padding: 2px 2px 1px

}

#full-page-example .sm_submenu-item.active:hover img {
background: #4e4e4e
}



.sm_slide {
	color: #3d3d3d;
	display: none;
	font-size: 100px;
	height:0px;
	left: 0;
	position: absolute;
	text-align: center;
	text-align: center;
	top: 0;
	visibility: hidden;
	width: 100%;
}

.sm_slide.active {
	display: block;
	visibility: visible;
}

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

.sm_prev, .sm_next {
	background: url(/images/contents/sm_arr.png) no-repeat;
	cursor: pointer;
	display: none;
	font-style: normal;
	height: 55px;
	margin: -110px 0 0 0;
	opacity: 0.6;
	position: absolute;
	top: 70%;
	width: 40px;
	z-index: 999;
}

.sm_prev {
	background-position: 0px -50px;
	left: 10%;
}  
.sm_prev:hover {
	background-position: 0px 14px;
	opacity: 0.6;
}

.sm_next {
	background-position: -40px -50px;
	right: 10%;
}



.sm_next:hover {
	background-position: -40px 14px;
    opacity: 0.6;
}


.CountBar {
	cursor: pointer;
	display: none;
	font-style: normal;
	height: 55px;
	margin: -110px 0 0 0;
	opacity: 0.6;
	position: absolute;
	top: 70%;
	width: 40px;
	z-index: 999;
}

.sm_nav {
	bottom: 0px;
	clear: both;
	display: inline-block;
	overflow: hidden;
	padding: 5px 0px;
	position: absolute;
	right: 0px;
	z-index: 999;
}

.sm_nav-item {
	cursor: pointer;
	float: left;
	height: 14px;
	padding: 4px;
	width: 14px;
	z-index: 999;
	list-style-type: none;
	font-size: 11px;
	color: #ccc;
}

.sm_nav-item i {
	display: block;
	width: 6px;
	height: 6px;
	position: relative;
	top: 5px;
	left: 4px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	-ms-border-radius: 6px;
	-o-border-radius: 6px;
	border-radius: 6px;
	background-color: #7f7f7f;
}

.sm_nav-item.active, .sm_nav-item.active:hover {
	cursor: default;
	color: #7e7e7e;
}

.sm_nav-item.active i{
	background-color: #bfbfbf;
}

.sm_nav-item:hover i {
	background: #7f7f7f;
}

.sm_nav-item.active:hover i{
	background-color: #bfbfbf;
}