

/* contents */
.contents {
	position:relative;	
	margin-top:18px;
}
.brand {
	float:left;
	margin-top:16px;
}
.best_pro {
	float:left;
	width:1000px;
	height:305px;	
	margin-top:20px;
}
.best_pro dl{
	float:left;
	width:230px;
	height:305px;
	margin-right:27px;
}
.best_pro .best_pro04 {
	margin-right:0;
}
.best_pro .best_pro03 {
	margin-right:26px;
}
.best_pro dt {	
	width:230px;
	float:left;
	margin:230px 0 0 23px;
	font-size:15px;
	font-weight:bold;
}
.best_pro dd {
	margin:3px 0 0 23px;
	font-size:13px;
}
.best_pro01 a, .best_pro02 a, .best_pro03 a, .best_pro04 a{
	float:left;
	display:block;
	width:230px;
	height:300px;
	color:#333;	
}
.best_pro01 a {
	background:url('../img/index/best_pro01.jpg') no-repeat left top;
}
.best_pro02 a {
	background:url('../img/index/best_pro02.jpg') no-repeat left top;
}
.best_pro03 a {
	background:url('../img/index/best_pro03.jpg') no-repeat left top;
}
.best_pro04 a {
	background:url('../img/index/best_pro04.jpg') no-repeat left top;
}
.best_pro01 a:hover{
	height:305px;
	background:url('../img/index/best_pro01.jpg') no-repeat left bottom;
}
.best_pro02 a:hover{
	height:305px;
	background:url('../img/index/best_pro02.jpg') no-repeat left bottom;
}
.best_pro03 a:hover{
	height:305px;
	background:url('../img/index/best_pro03.jpg') no-repeat left bottom;
}
.best_pro04 a:hover{
	height:305px;
	background:url('../img/index/best_pro04.jpg') no-repeat left bottom;
}
.best_pro dt a{
	display:block;
	color:#575757;	
	font-weight:bold;
	padding-left:22px;
	background:url('../img/index/dot01.gif') no-repeat 0 20%;
}

/* roll */
.roll {
	float:left;
	margin-top:25px;
	width:1000px;
}
.sliderkit-nav {
    float: right;    
}
.sliderkit {
    display: none;
    height: 129px;
    overflow: hidden;
    position: relative;
    text-align: left;
    width: 1000px;
}
.sliderkit a, .sliderkit a:hover {
    text-decoration: none;
}
.sliderkit a:focus {
    outline: 1px dotted #000000;
}
.sliderkit img {
    border: 0 none;
}
.sliderkit .sliderkit-nav-clip {
    margin: 0 auto;
    overflow: hidden;
    position: relative;
}
.sliderkit .sliderkit-nav-clip ul {
    left: 0;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    position: relative;
    top: 0;
}
.sliderkit .sliderkit-nav-clip ul li {
    float: left;
}
.sliderkit .sliderkit-nav-clip ul li a {
    display: block;
    overflow: hidden;
}
.carousel-continuous .sliderkit-nav {
    background: none repeat scroll 0 0 #FFFFFF;
    bottom: 0;
    height: 129px;
    left: 0;    
    width: 1000px;
}
.carousel-continuous .sliderkit-nav-clip ul li {
    float: left; 
	text-align:center;
}
.carousel-continuous .sliderkit-nav-clip ul li a {
    display: block;
    height: 56px;
    margin: 0;
    opacity: 0.97;
    overflow: hidden;
    width: 79px;
}
.carousel-continuous .sliderkit-nav-clip ul li a:hover {
    opacity: 1;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn {
    position: absolute;   
	top: 0px;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn span {
    display: none;	
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-btn a {
    background: url("../img/index/next_bt.gif") no-repeat;
    display: block;
    height: 129px;
    width: 23px;
}
/*.carousel-continuous .sliderkit-nav .sliderkit-nav-prev {
    left: 20px;
}*/
.carousel-continuous .sliderkit-nav .sliderkit-nav-next {
    right: 0px;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-prev a {
    background-position: 0 center;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-next a {
    background-position: -23px center;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-prev a:hover, .carousel-continuous .sliderkit-nav .sliderkit-nav-prev a:focus {
    background-position: -46px center;
}
.carousel-continuous .sliderkit-nav .sliderkit-nav-next a:hover, .carousel-continuous .sliderkit-nav .sliderkit-nav-next a:focus {
    background-position: -69px center;
}

#rolling02 {    
    float:left;
	margin-top:40px;
	width:1000px;
}
#dbB4 img{border:0}

#dbB4{position:relative;width:1000px; height:129px; margin:0 auto;}/*전체가로사이즈*/
#dbB4 .mask{position:relative;width:918px;height:112px;margin:0 auto; overflow:hidden}/*가로사이즈 자동셋팅*/
#dbB4 .moveSet{position:absolute; width:104px; height:97px;}
#dbB4 .moveSet li{float:left; width:104px;  }
#dbB4 .moveSet li a:hover{opacity:0.8}
#dbB4 .dir{position:absolute; top:30px; cursor:pointer}
#dbB4 .next{right:0;}
#dbB4 .prev{left:0;}
