/*-------------------------------------------------------------------------
	maengis.com [/factory/slide4ps/style.css] 2008.9.18

	최초 작성자: 맹 준영

	010-3169-7495
	maengis@hanmail.net
	http://www.maengis.com
-------------------------------------------------------------------------*/

div#roller {
	width:562px;
	margin:auto;
}

div#roller div#rollerBgTop,
div#roller div#rollerBgBottom {
	width:562px;
	height:30px;
	font-size:0; /* IE */
}

div#roller div#rollerBgTop {
	background:url(./bg_top.gif) no-repeat;
}

div#roller div#rollerBgBottom {
	background:url(./bg_bottom.gif) no-repeat;
}

div#roller div#rollerBody {
	width:562px;
	background:url(./bg_body.gif) repeat-y;
}

div#roller div#rollerBody div#bannerSelector {
	width:500px;
	height:92px;
	margin-left:30px;	
}

div#roller div#rollerBody div#bannerSelector img#btnArrowLeft,
div#roller div#rollerBody div#bannerSelector img#btnArrowRight {
	display:block;
	float:left;
	width:16px;
	height:58px;
	margin-top:17px;
	cursor:pointer;
}

div#roller div#rollerBody div#bannerSelector div#bannerBox {
	float:left;
	position:relative;
	width:466px;
	height:92px;
	margin:0 1px;
	overflow:hidden;
}

div#roller div#rollerBody div#bannerSelector div#bannerBox div#bannerList {
	position:absolute;
	top:0;
	left:0;
	width:10000px;
}

div#roller div#rollerBody div#bannerSelector div#bannerBox div#bannerList ul {
	list-style:none;
	margin:0;
	padding:0;	
}

div#roller div#rollerBody div#bannerSelector div#bannerBox div#bannerList ul li {
	display:inline; /* IE */
	float:left;
	margin:0 0 0 25px;
	padding:0;	
}

div#roller div#rollerBody div#bannerSelector div#bannerBox div#bannerList ul li img {
	display:block;
	width:120px;
	height:90px;
	border:1px solid #999;
}

div#slideTab {
	margin:5px 15px;
}

div#slideTab ul {
	list-style:none;
	margin:0;
	padding:0;
	color:#666;
	font:bold 12px Dotum;
	overflow:hidden; /* IE */
}

div#slideTab ul li {
	float:left;
	margin-left:5px;
	padding:5px;
	border-top:1px solid #666;
	border-right:1px solid #666;
	border-left:1px solid #666;
	cursor:pointer;
}

div#slideTab div#slideTabBox {
	position:relative;
	clear:left;
	height:300px;
	overflow:hidden;
}

div#slideTab div#slideTabBox div#slideTabList {
	position:absolute;
	top:0;
	left:0;
	width:10000px;
}

div#slideTab div#slideTabBox div#slideTabList div.slideTabContent {
	float:left;
	width:545px;
	height:300px;
	background:#999;
	color:#fff;
	font:bold 12px Dotum;
	text-align:center;
}

div#slideTab div#slideTabBox div#slideTabList div.slideTabContent img {
	width:120px;
	height:90px;
}