.codingsa_slide0001 {
  width: 370px;/*영역의 전체너비*/
  position: relative;
}

.codingsa_slide0001 .slide_wrapper {
/* 아래 width 너비값을 .codingsa_slide0001의  width - (.slide_wrapper의 margin-left + .slide_wrapper의 margin-right) 로 설정*/
  width: 310px;
  height:60px;/*이미지높이와 같게*/
  overflow: hidden;
 /*min-height: 10em;*/
  margin: 0 30px;
  position: absolute;
  top: 0;
}

.codingsa_slide0001 ul a img {
  border:0;
}

.codingsa_slide0001 .slide_wrapper ul {
  width: 10000px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.codingsa_slide0001 ul li {
  display:block;
  float:left;
  padding:0;
  padding-right:20px;/*padding-right=slide_wrapper-(아래width*이미지수)/(이미지수-1)*/
  width: 90px;/*li 크기는 이미지 크기와 같게...*/
  height: 60px;  
}

.codingsa_slide0001 ul li a img {
  display:block;
  width: 90px;/*이미지 크기는 위 li 크기와 같게...*/
  height: 60px;
}
.codingsa_slide0001 ul li a span {
  width: 90px;/*이미지 크기는 위 li 크기와 같게...*/
  height: 60px;
}

/*좌우버튼*/
.codingsa_slide0001 .arrow {
  display: block;
  width: 20px; 
  height: 22px; 
  text-indent: -999px;
  position: absolute;
  top: 20px;
  cursor: pointer;  
}

.codingsa_slide0001 .forward {
  background: url(img/icon_right.png) no-repeat 0 0;
  right:0;
}

.codingsa_slide0001 .back {
  background: url(img/icon_left.png) no-repeat 0 0;
  left:0;
}

.codingsa_slide0001 .forward:hover {
   background: url(img/icon_right.png) no-repeat 0 0;
  right:0;
}

.codingsa_slide0001 .back:hover {
  background: url(img/icon_left.png) no-repeat 0 0;
  left:0;
}