@charset "utf-8";

/*슬라이드*/
.wrap-visual{box-sizing:border-box;position:relative;overflow:visible;}
.wrap-visual .slider{position:relative;z-index:1;}
.wrap-visual .slider li{height:100vh; position:relative;text-align:center; background-size:cover !important;}
.wrap-visual .slider li img{display:inline-block;max-width:none;}
@media all and (max-width:1400px){
	.wrap-visual .slider li{height:700px}
}
@media all and (max-width:1023px){
	.wrap-visual .slider li img{width:100%;}
	.wrap-visual .slider li{height:500px}
}
@media all and (max-width:768px){
	.wrap-visual .slider li{height:420px}
	.wrap-visual .slider li img{width:auto;max-height:420px;}
}
@media all and (max-width:420px){
	.wrap-visual .slider li img{}
}

/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap-visual .prevnext{display:none;}
.wrap-visual .control{position:absolute;left:50%;bottom:30px;margin-left:-800px;width:1600px;z-index:1;text-align:center;display:none;}
.wrap-visual .control .container{display:inline-block;padding:10px 20px;border-radius:30px;background-color:rgba(0,0,0,0.6);line-height:0;}
.wrap-visual .control .playstop,
.wrap-visual .control .paging{display:inline-block;line-height:0;}

.wrap-visual .control .paging li{display:inline-block;margin:0 5px;}
.wrap-visual .control .paging button{width:12px;height:12px;text-indent:-9999px;background:#FFF;border-radius:100px;}
.wrap-visual .control .paging .slick-active button{background:#7bd600;}

.wrap-visual .control .playstop{margin-left:5px;}
.wrap-visual .control .playstop button{display:none;width:12px;height:12px;vertical-align:1px;}
.wrap-visual .control .playstop button.on{display:inline-block;}
.wrap-visual .control .playstop button.play{background:url(../images/play_1_w.png) no-repeat center;}
.wrap-visual .control .playstop button.stop{background:url(../images/pause_1_w.png) no-repeat center;}

.wrap-visual .control .numbering{display:none;}

.wrap-visual .scroll_btn{position: absolute;bottom: 60px;left: 50%;width: 55px;height: 60px;z-index: 999;transform: translate(-50%);}
.wrap-visual .scroll_btn a{width:100%;height:100%;display:block;background: url('../images/sixpack.png') no-repeat center center;}

@media all and (max-width:768px){
	.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;}
}

/**/
