@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;}
/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap-visual .prevnext{}
.wrap-visual .prevnext button{width:50px;height:50px;position:absolute;top:calc(50% - 25px);z-index:1;}
.wrap-visual .control{position:absolute;bottom: 23%;left: 13%;width: 300px;text-align: left;z-index:1;}
.wrap-visual .control .playstop,
.wrap-visual .control .paging{display:inline-block;}
.wrap-visual .control .paging li{display:inline-block;margin:0 5px;vertical-align: top;}
.wrap-visual .control .paging button{width:27px;height:2px;text-indent:-9999px;background:rgba(0,0,0,0.2);}
.wrap-visual .control .paging .slick-active button{background:#f6ac1d;height: 4px;padding-top:2px;}
.wrap-visual .control .playstop{vertical-align: top;margin-left: 7px;margin-top: -7px;}
.wrap-visual .control .playstop button{display:none;width: 16px;height: 16px;}
.wrap-visual .control .playstop button.on{display:inline-block;}
.wrap-visual .control .playstop button.play{background:url('./../images/play.png') no-repeat center;}
.wrap-visual .control .playstop button.stop{background:url('./../images/pause.png') no-repeat center;}


@media all and (max-width:1420px){
.wrap-visual .control{bottom:18%;left:3%;}
}

@media all and (max-width:1400px){
	.wrap-visual .slider li img{position:relative;left:50%;transform:translate(-50%,0);max-height:486px;}
	.wrap-visual .control{bottom:10%;}
}
@media all and (max-width:768px){
	.wrap-visual .slider li img{max-height:386px;}
	.wrap-visual .prevnext button{width:35px;height:35px;top:calc(50% - 17.5px);}
	.wrap-visual .prevnext button.prev{left:0;}
	.wrap-visual .prevnext button.next{right:0;}
}
@media all and (max-width:420px){
	.wrap-visual .slider li img{max-height:286px;}
}
