<!-- 슬라이드 CSS는 상세설정 헤더스크립트부분에 있음-->

.appicon_bar_v2 {height: 120px;background-color: #eaeaea !important; margin-top: 40px;}
.appicon_inner {width:1200px; margin:0 auto;}
.mid_banner_wrap { width:1200px; margin:0 auto; position:relative; padding-top:50px; padding-bottom: 50px; vertical-align:top}

.slide {
  position: relative;
  overflow: hidden;
}

.slide ul {list-style: none;}

.panel {
  width: 400%;
  list-style: none;
}

.panel:after {
  content: "";
  display: block;
  clear: both;
}

.panel>li {
  float: left;
  background-repeat: no-repeat;
  background-size: 100% 100%;
  position: relative;
}

.dot:after {
  content: "";
  display: block;
  clear: both;
}

.dot {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
}

.dot>li {
  float: left;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: #fff;
  margin-right: 10px;
  text-indent: -9999px;
  cursor: pointer;
}

.dot>li.on {
  background-color: #656565;
}

.prev {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  left: 0%;
  cursor: pointer;
}

.next {
  position: absolute;
  width: 30px;
  height: 30px;
  background-color: #fff;
  top: 50%;
  transform: translateY(-50%);
  right: 0%;
  cursor: pointer;
}


/*왼쪽배너*/
.mid_banner_wrap .mid_left { width:243px; height:299px; border:1px solid #e7e7e7 position:relative;   display:inline-block; vertical-align:top; overflow: hidden;  }	

/*중앙배너*/
.mid_center {width:680px; height:300px; border:1px solid #e7e7e7;  display:inline-block; position:relative; border-bottom:0; margin-left:8px}
.mid_center  ul {border-bottom:1px solid #e7e7e7;  height:149px; list-style:none; display:block}
.mid_center li { float:left; position:relative; width:339px; height:100%;  }
.mid_center h3 { font-size:13px; border:1px solid #e7e7e7; padding:4px; position:absolute; top:10px; left:10px;}
.mid_center .line { border-right:1px solid #e7e7e7}

/*오른쪽배너*/
.mid_right {height:300px; border:1px solid #e7e7e7;  display:inline-block; position:relative; border-bottom:0; margin-left:8px}
.mid_right  ul {border-bottom:1px solid #e7e7e7;  height:149px; list-style:none; display:block}
.mid_right li { float:left; position:relative; width:121px; height:100%;  }
.mid_right h3 { font-size:13px; border:1px solid #e7e7e7; padding:4px; position:absolute; top:10px; left:10px;}
.mid_right .line { border-right:1px solid #e7e7e7}