@charset "euc-kr";
/* CSS Document */

    #banner_wap_body {position:relative; overflow:hidden; margin-top: 60px;}
    #banner_wap_body .box_skitter_data {display:none};
	#banner_wap_body .viewlist {border:2px #cccccc solid;}
	#banner_wap_body .viewlist ul{margin-left:5px;margin-right:5px;}
	#banner_wap_body .viewlist li {border-bottom:1px #ededed dotted;padding-left:10px;background-color:#FFFFFF}
	#banner_wap_body .viewlist li.active, #banner_wap_body .viewlist li:hover {background-color:#ededed;color:#e31b23;font-weight:bold;}
	#banner_wap_body .viewlist li.active a, #banner_wap_body .viewlist li:hover  a{color:#e31b23;}

	#banner_wap_body .box_skitter_bultbox .bult {float:left;width:14px; height:14px;margin:5px 5px 5px 5px;background-image:url('../img/paging.rolling.png');background-repeat:no-repeat;background-position:-50px 0px;cursor:pointer;}
	#banner_wap_body .box_skitter_bultbox .bult.active {background-position:-50px -18px;}
	#banner_wap_body .box_skitter_bultbox .bultcontroller {float:left;width:14px; height:14px;margin:5px 5px 5px 5px;background-image:url('../img/paging.rolling.png');background-repeat:no-repeat;background-position:-68px 0px;cursor:pointer;}
	#banner_wap_body .box_skitter_bultbox .bultcontroller.active {background-position:-68px -18px;cursor:pointer;}

	#banner_wap_body .cntview {color:#FFFFFF;background-image:url('../img/page_view.png');background-repeat:no-repeat;background-position:center middle;}

	#banner_wap_body .controller_left {width:15px; height:24px; background:url('../img/right.png') no-repeat center / 100%; opacity:0.3 } 
	#banner_wap_body .controller_right {width:15px; height:24px; background:url('../img/left.png') no-repeat center / 100%; opacity:0.3 } 
	#banner_wap_body .controller_left:hover { opacity:1} 
	#banner_wap_body .controller_right:hover { opacity:1} 


 #wrapper {width:400px; height:340px; overflow:hidden;}
 #container {position:relative; background:#fff;  height:340px; border-right:1px solid #fff; border-bottom:1px solid #fff;}
 .sliderbutton {float:left; width:30px; height:48px; cursor:pointer; opacity:0.7;}
 .sliderbutton:hover{opacity:1;} 
 #slideleft {background:url(../img/left.png) no-repeat;  position:absolute; bottom:150px; left:10px;  z-index:99;}
 #slideright {background:url(../img/right.png) no-repeat; position:absolute; right:10px; bottom:150px; z-index:99; }
 #slider {float:left; position:relative; overflow:auto; width:400px; height:340px}
 #slider ul {position:absolute; list-style:none; top:0; left:0}
 #slider li {float:left; width:400px; height:340px}
 .pagination {position:absolute; bottom:20px; left:50%; margin-left:-24px; list-style:none; height:10px}
 .pagination li {float:left; cursor:pointer; height:8px; width:8px;  margin:0 4px 0 0; border:1px solid #ffffff;}
 .pagination li:hover, li.current {background:#ffffff;}