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

 #wrapper {width:1000px; height:420px; margin:0 auto; overflow:hidden;}
 #container {position:relative; background:#fff;  height:420px;}
 .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:190px; left:10px;  z-index:9999;}
 #slideright {background:url(../img/right.png) no-repeat; position:absolute; right:10px; bottom:190px; z-index:9999; }
 #slider {float:left; position:relative; overflow:auto; width:1000px; height:420px}
 #slider ul {position:absolute; list-style:none; top:0; left:0; padding:0;}
 #slider li {float:left; width:1000px; height:420px}
 .pagination {position:absolute; bottom:20px; left:50%; transform:translateX(-50%); list-style:none; height:10px}
 .pagination li {float:left; cursor:pointer; height:8px; width:8px;  margin:0 4px 0 0; border:1px solid #000;}
 .pagination li:hover, li.current {background:#000;}