@charset "utf-8"; 

/*슬라이더*/
.wrap-banner{padding:25px 0;background:#f4f4f4;border-top:1px solid #cdcdcd;}
.wrap-banner .wrap-banner-inner{max-width:1400px;margin: 0 auto;padding: 0 20px;position:relative;}
.wrap-banner .slider{}
.wrap-banner .slider li{    margin: 0 5px;  }
.wrap-banner .slider li a{display:block;text-align:center;position: relative}
.wrap-banner .slider li a:before{content:"";transition:0.3s;display:block;width: 40px;height: 100%;position:absolute;top:0;right:0;background:rgba(0,0,0,0.7)url(../images/icon_blank_w.png)no-repeat center;transform:scale(0);}
.wrap-banner .slider li a img{}
.wrap-banner .slider li a p{}


/*콘트롤*/
.wrap-banner button{display:inline-block;cursor:pointer;text-indent:-9999px;box-sizing:border-box;}
.wrap-banner .prevnext{}
.wrap-banner .prevnext button{width: 20px;height: 20px;position:absolute;top: 21%;filter:alpha(opacity=60);opacity:0.6;background-size: cover !important;}
.wrap-banner .prevnext button.prev{left: 100px;}
.wrap-banner .prevnext button.next{left: 130px;}
.wrap-banner .control{display:none;}
.wrap-banner .control .paging{}
.wrap-banner .control .numbering{}
.wrap-banner .control .playstop{}
.wrap-banner .control .playstop button{}
.wrap-banner .control .playstop button.on{}
.wrap-banner .control .playstop button.play{}
.wrap-banner .control .playstop button.stop{}

.banner-wrap {overflow: hidden;}

.banner-wrap .title {float: left; font-size: 20px; font-weight: bold; width: 125px; position: relative; margin: 3px 0; margin-right: 40px;}

@media all and (min-width:1024px){
	.wrap-banner .slider li:hover a:before{transition: all 0.3s cubic-bezier(0.2, 0, 0.3, 1);transform:scale(1);}
	.wrap-banner .prevnext button:hover{transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);filter:alpha(opacity=100);opacity:1;} 
}

    

@media all and (max-width:1200px){ 
}
  
@media all and (max-width:1024px){ 
}  
    
@media all and (max-width:768px){
    .banner-wrap .title {display: none}
	.banner-slider {padding: 0 20px}
	.wrap-banner .prevnext button {top: 11%;}
	.wrap-banner .prevnext button.prev {left: 10px;}
	.wrap-banner .prevnext button.next {right: 10px;left:initial}
}