@charset "utf-8";


/*비주얼*/
.wrap-visual{box-sizing:border-box;position:relative;max-height: 100%;overflow: hidden;}
.wrap-visual .slider{position:relative;z-index:1;}
.wrap-visual .slider li{position:relative;text-align:center; height: 100%;}
.wrap-visual .slider li img{display:inline-block;max-width:none;width: 100%;height: 100%; object-fit: cover;max-height: 775px;}

/*콘트롤*/
.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 {height: 720px;} 
	.wrap-visual .control{bottom: 90px;}

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

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

	.wrap-visual {max-height:100%;} 
	.wrap-visual .slider li {height: 100%;}
	.wrap-visual .slider li img {min-height: 400px;}
	.wrap-visual .control{bottom: 70px;}
	
}
@media(max-width: 550px) {
	
	.wrap-visual .slider li img {min-height: 350px;}

}