@charset "utf-8";

/* 메인 슬라이드 */
#main_slides,#main_slides .slidesjs-control, #main_slides .slidesjs-container, #main_slides
{position:relative;width:100%;height:auto;}
#main_slides .slidesjs-navigation {margin-top:0px;}
#main_slides a.slidesjs-next,#main_slides a.slidesjs-previous{display:block;width:70px;height:70px;text-indent: -9999px;z-index:100;}
#main_slides a.slidesjs-next {background-image: url('../img/btns-next.png');background-repeat: no-repeat;position:absolute;top:50%;right:10%;}
#main_slides a.slidesjs-previous {background-image: url('../img/btns-prev.png');background-repeat: no-repeat;position:absolute;top:50%;left:10%;}
#main_slides a.slidesjs-play {
  position:absolute;
  top:0;
  left:0;
  width:12px;
  height:12px;
  padding:0;
  background-image: none;
  background-repeat:no-repeat;
  background-position: 0 -12px;
  z-index:100;
  text-indent:-9999px;
  overflow: hidden;
}
#main_slides a:hover.slidesjs-play {background-position: 0 -12px;}
#main_slides a.slidesjs-stop {
  display:none !important;
  position:absolute;
  top:0;
  left:0;
  width:10px;
  height:10px;
  padding:0;
  background-image: none;
  background-repeat:no-repeat;
  background-position: 0 -40px;
  z-index:100;
  text-indent:-9999px;
  overflow: hidden;
}

#main_slides a:hover.slidesjs-stop {background-position: 0 -20px;}
#main_slides .slidesjs-pagination {
display:none;
  position: absolute;
    top: 55%;
    left: 48%;
    margin: 0;
    list-style: none;
    outline: none;
    cursor: pointer;
    text-align: center;
    text-decoration: none;
    z-index: 100;
}
#main_slides .slidesjs-pagination li {
  float: left;
  margin: 0 1px;
}

#main_slides .slidesjs-pagination li a {
text-indent: 9999px;
 display: block;
    width: 19px;
    height: 19px;
    padding-top: 11px;
    margin: 0 6px;
    background-image: url('../img/pagination_img.png');
    background-position: 19px 19px;
    float: left;
    overflow: hidden;
    z-index: 999999;
}

#main_slides .slidesjs-pagination li a.active,
#main_slides .slidesjs-pagination li a:hover.active {
  background-position: 0 0
}

#main_slides .slidesjs-pagination li a:hover {
  background-position: 0 0
}
#main_slides .navbar {
  overflow: hidden
}
#main_slides .visual_text{position:absolute;top:28%;left:33%;z-index:10; background:rgba(0,0,0,0.3);}
#slidesjs-log{position:absolute;top:55%;right:25%;z-index:10;color:rgba(255,255,255,0.6);font-size:25px;letter-spacing:5px}
#slidesjs-log .slidesjs-slide-number{color:#fff}
#main_slides #mobile{display:none !important}
@media(max-width:1600px){
#main_slides .visual_text{width:40%}
#main_slides .visual_text img{width:100%}
#main_slides a.slidesjs-previous{right:33%;top: 45%;}
#main_slides a.slidesjs-next{/* right:17% */top: 45%;}
}
@media(max-width:960px){
#main_slides a.slidesjs-previous{right:36%;top: 40%;}
#main_slides a.slidesjs-next{/* right:17% */top: 40%;}
#main_slides a.slidesjs-next, #main_slides a.slidesjs-previous{width:50px;height:50px;background-size:cover}
#slidesjs-log{font-size:20px}
}
@media(max-width:500px){
#main_slides, #main_slides .slidesjs-control, #main_slides .slidesjs-container, #main_slides{height:auto !important;min-height:150px !important}
#main_slides #pc{display:block !important}
#main_slides #mobile{display:none !important}
#main_slides .visual_text{display:block;top: 25%;left: 30%;width: 40%;}
#main_slides a.slidesjs-next, #main_slides a.slidesjs-previous{width: 30px;height: 30px;background-size:cover;}
#slidesjs-log{font-size:18px;top:47%;left:20%;letter-spacing:1px}
#main_slides a.slidesjs-previous{left:7%;top: 33%;}
#main_slides a.slidesjs-next{/* left:33%; */top: 33%;}
}
@media(max-width:450px){
#main_slides, #main_slides .slidesjs-control, #main_slides .slidesjs-container, #main_slides{height:auto !important}
#main_slides a.slidesjs-previous,#main_slides a.slidesjs-next{top:45%;}
#slidesjs-log{top:58%}
}
@media(max-width:375px){
#main_slides a.slidesjs-previous, #main_slides a.slidesjs-next{top:40%;}
#slidesjs-log{top:48%;left:21%;font-size:15px}
}
@media(max-width:320px){
#main_slides, #main_slides .slidesjs-control, #main_slides .slidesjs-container, #main_slides{min-height:116px !important}
#main_slides a.slidesjs-next, #main_slides a.slidesjs-previous{width: 30px;height: 30px;/* top:46% */}
}
/* 슬라이드 배너 */
.banner_slide .slidesjs-container{height:100% !important}
.banner_img{height:89%}

.banner_slide a.slidesjs-stop {
  position:absolute;
  bottom:30px;
  left:130px;
  width:10px;
  height:18px;
  padding:0;
  background-image: none;
  background-repeat:no-repeat;
  background-position: 0 -40px;
  z-index:100;
  text-indent:-9999px;
  overflow: hidden;
  background:url('../img/stop.png');
  display:block !important;
}

.banner_slide a.slidesjs-play {
  position:absolute;
  bottom:30px;
  left:100px;
  width:17px;
  height:19px;
  padding:0;
  background-image: none;
  background-repeat:no-repeat;
  background-position: 0 -40px;
  z-index:100;
  text-indent:-9999px;
  overflow: hidden;
  background:url('../img/start.png');
  display:block !important;
}



.banner_slide .slidesjs-pagination {
  position:absolute;
  bottom:30px;
  right:80px;
  float: right;
  list-style: none;
  border:0px solid red;
  z-index:10000;
}

.banner_slide .slidesjs-pagination li {float: left;}
.banner_slide .slidesjs-pagination li a {display: block;text-indent:-9999px;width:15px;height:15px;margin: 0 3px;background:#a0a0a0;border-radius:100px}
.banner_slide .slidesjs-pagination li a.active{background:#009DE8}

@media(max-width:1300px){
.banner_img img{width:100%;height:100%}
}
@media(max-width:960px){
.control_box{bottom:-25px}
.banner_slide a.slidesjs-play,.banner_slide a.slidesjs-stop,.banner_slide .slidesjs-pagination{bottom:-10px}
}