@charset "utf-8";

/*비주얼*/
.wrap-visual{box-sizing:border-box;position:relative;}
.wrap-visual .slider{position:relative;z-index:1;}
.wrap-visual .slider li{position:relative;text-align:center;}
.wrap-visual .slider li img{display:inline-block;max-width:none;width: auto; height: 550px;}
/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap-visual .prevnext{position: absolute;bottom: 18.6%;left: 50%;margin-left: 30px;}
.wrap-visual .prevnext:after{content:'';width:1px;height:15px;background: rgba(255,255,255,0.5);position: absolute;top: 3px;left: calc(50% + 20px);z-index: 1;}
.wrap-visual .prevnext button{width: 12px;height: 20px;z-index:1;position: relative;float: left;}
.wrap-visual .prevnext button.prev{background:url('./../images/arrow_left_w.png') no-repeat center;left: 0;}
.wrap-visual .prevnext button.next{background:url('./../images/arrow_right_w.png') no-repeat center;left: 40px;}
.wrap-visual .control{text-align:center;position:absolute;bottom: 18%;width:100%;z-index:1;}
.wrap-visual .control .playstop{display:inline-block;position: relative;top: 40px;}
.wrap-visual .control .paging{display:none;}
.wrap-visual .control .paging li{display:inline-block;margin:0 5px;}
.wrap-visual .control .paging button{width:15px;height:15px;text-indent:-9999px;background:#dbcbcb;border-radius:100px;}
.wrap-visual .control .paging .slick-active button{background:#0a9bda;}
.wrap-visual .control .playstop button{width:15px;height:15px;display:inline-block;}
.wrap-visual .control .playstop button.play{background:url('./../images/play_w.png') no-repeat center;margin-left:15px;}
.wrap-visual .control .playstop button.stop{background:url('./../images/pause_w.png') no-repeat center;}
.wrap-visual .control .count{display: none; color:#fff;margin-left: -85px;}
.wrap-visual .control .count .now{margin:0 3px;}
.wrap-visual .control .count .total{margin:0 3px;}

@media all and (max-width:1023px){
.wrap-visual .slider li img{width:100%;min-width:1000px; height: 450px !important; margin-left:-50px; marhin-right:-50px;}
.wrap-visual .prevnext{bottom:10.5%;}
.wrap-visual .control{bottom:9.8%;}
}

@media all and (max-width:767px){
	.wrap-visual .slider li img{width:auto;height: 450px;}
	.wrap-visual .prevnext{bottom:10.5%;}
	.wrap-visual .control {bottom: 9.3%;}
}
@media all and (max-width:420px){
}