@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;height: 550px;}
.wrap-visual .slider li img{display:inline-block;max-width:none;object-fit: cover;position: absolute;left: 50%;top: 50%;transform: translate(-50%,-50%);width: 100%;height: 100%;display: block;height: 550px;}
/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap-visual .prevnext{}
.wrap-visual .prevnext button{width:35px;height:70px;position:absolute;top:calc(50% - 35px);z-index:56;}
.wrap-visual .prevnext button.prev{background:url('../images/v_arrow_left.png') no-repeat center;left:30px;}
.wrap-visual .prevnext button.next{background:url('../images/v_arrow_right.png') no-repeat center;right:30px;}

.wrap-visual .control{text-align:center;position:absolute;left:50%;transform:translateX(-50%);bottom: 50px;padding: 3px 15px 0 12px;background: rgba(0,0,0,0.5);border-radius:50px;z-index:56;}
.wrap-visual .control .playstop {display:inline-block;position:relative;margin-left: 5px;top: 1px;}
.wrap-visual .control .playstop button {display:none; text-indent:-9999px;}
.wrap-visual .control .playstop button.on {display:inline-block;}
.wrap-visual .control .play {width:10px; height:10px; background:url('../images/play.png') no-repeat center center;}
.wrap-visual .control .stop {width:10px; height:10px; background:url('../images/pause.png') no-repeat center center;}

.wrap-visual .control .paging{display:inline-block;}
.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:#0771bb;width:35px;}

/***
.wrap-visual .control .playstop button{display:none;width:15px;height:15px;}
.wrap-visual .control .playstop button.on{display:inline-block;}
.wrap-visual .control .playstop button.play{background:url(/images/grad/common/play_1_w.png) no-repeat center;}
.wrap-visual .control .playstop button.stop{background:url(/images/grad/common/pause_1_w.png) no-repeat center;}
**/

@media all and (max-width:1023px){
	.wrap-visual .slider li {height:400px}
.wrap-visual .control{}
}
@media all and (max-width:420px){
	.wrap-visual{}
	.wrap-visual .control{}
}