@charset "utf-8";


/*비주얼*/
.wrap-visual{box-sizing:border-box;position:relative;max-height: 810px;overflow: hidden;}
.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: 100%;height: 100vh;}

/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap-visual .prevnext{/* position: absolute; *//* bottom: 210px; *//* left: 50%; *//* margin-left: 30px; */display: flex;/* width: auto; */position: relative;}
.wrap-visual .prevnext:after{content:'';width:1px;height:15px;background: rgba(255,255,255,0.5);position: absolute;top: 3px;left: 50%;z-index: 1;}
.wrap-visual .prevnext button{width: 35px;height: 20px;/* z-index:1; *//* position: absolute; */}
.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: 190px;width:100%;z-index: 100;display: flex;justify-content: center;line-height: 1;}
.wrap-visual .control .playstop{/* display:inline-block; *//* margin-left: -105px; *//* position: relative; *//* top: 2px; */}
.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 {color:#fff;margin-left: 10px;}
.wrap-visual .control .count span{margin: 0 8px;}
.wrap-visual .control .count .total{}

@media all and (max-width:1024px){

	.wrap-visual .slider li img{width:auto;height: 720px;} 
	.wrap-visual .control{bottom: 90px;}

	.wrap-visual {max-height:600px}

}
@media all and (max-width:768px){

	.wrap-visual {max-height:400px} 
	.wrap-visual .control{bottom: 70px;}


}