@charset "utf-8";

/*비주얼*/
.wrap-visual{box-sizing:border-box;position:relative;height: 782px;}
.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;transform: scale(1.2,1.2); transition: all 1s;}
.wrap-visual .slider li.slick-current img {transform: scale(1.0,1.0);}

/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.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: 267px;padding: 3px 15px 0 12px;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; transition: .4s;}
.wrap-visual .control .paging .slick-active button{background:#0771bb;width:35px; transition: .4s;}

/***
.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 .control{bottom:400px;}
}

@media all and (max-width: 768px) {
	.wrap-visual{height: 600px;}
	.wrap-visual .prevnext button.prev{left: 15px;}
	.wrap-visual .prevnext button.next{right: 15px;}
}
@media all and (max-width:420px){
	.wrap-visual .prevnext button{top: 7.5%;}
	.wrap-visual .control{bottom:420px;}

}