@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;}
@media all and (max-width:1600px){
	.wrap-visual .slider li img{position:relative;left:50%;transform:translate(-50%,0);}
}
@media all and (max-width:768px){
	.wrap-visual .slider li img{max-height:400px;}
}
@media all and (max-width:420px){
	.wrap-visual .slider li img{}
}

.wrap-visual .control-box{position:absolute; z-index:11; bottom: 150px; background-color: rgba(255,255,255,0.8); width:190px; height:50px; padding-right:50px; left:11%;}
.wrap-visual .control-box .control{position:absolute; right:0;}
.wrap-visual .control-box .count,
.wrap-visual .control-box button{display:inline-block;}
.wrap-visual .count{font-family: 'Noto Light'; text-align: center; font-size:22px; color:#2c2c2c;}
.wrap-visual .count .now{color:#1086eb;padding:0 10px;}
.wrap-visual .count .total{padding: 0 10px;}
.wrap-visual .prevnext{margin-top:7px; margin-left:20px;}
.wrap-visual .prevnext button {width: 10px;height:16px;text-indent: -9999px;}
.wrap-visual .prevnext .prev {left: 20px; background:url('./../images/visual_left.png') center center no-repeat;}
.wrap-visual .prevnext .next {left: 120px; background:url('./../images/visual_right.png') center center no-repeat;}
.wrap-visual .control-box .control button{display:none; width:50px; height:50px; background-color:#1086eb; background-position:center center; background-repeat:no-repeat; text-indent:-9999px; z-index:9999;}
.wrap-visual .control-box .control button.on {display:block;}
.wrap-visual .control-box .control button.play {background-image:url('../images/visual_play.png');}
.wrap-visual .control-box .control button.stop {background-image:url('../images/visual_pause.png');}
@media all and (max-width:1400px) {
	.wrap-visual .control-box{margin-left:5%; left:0;}
}

@media all and (max-width:767px) {
	.wrap-visual .control-box{margin-left:5%; bottom:100px;}
}
