@charset "utf-8";

/*슬라이더*/
.wrap-visual{position:relative;}
.wrap-visual,
.wrap-visual .slick-list{height:484px !important}
.wrap-visual .slick-list{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px}
.wrap-visual .slick-slider{}
.wrap-visual .slick-list .slick-track{}
.wrap-visual .slick-list .slick-track .slick-slide{}
.wrap-visual .slick-list .slick-track .slick-slide img{width:100%}
.wrap-visual .slick-list .slick-track .slick-slide.slick-current.slick-active{}

/*해상도별 비주얼 사이즈*/
@media only screen and (min-width:2001px){
	.wrap-visual .slick-list{left:0;width:100%;margin-left:0}
}
/*
@media only screen and (max-width:1024px){
	.wrap-visual,
	.wrap-visual .slick-list{height:428px !important;}
	.wrap-visual .slick-list{width:1224px;margin-left:-612px}
}
*/
@media only screen and (max-width:768px){
	.wrap-visual,
	.wrap-visual .slick-list{height:350px !important;}
	.wrap-visual .slick-list{width:1446px;margin-left:-723px}
}

/*콘트롤*/
.wrap-visual button{display:inline-block;cursor:pointer;text-indent:-9999px;box-sizing:border-box;transition: all 0.5s cubic-bezier(0.2, 0, 0.3, 1);}
.wrap-visual .prevnext{display:none;}
.wrap-visual .control{position:absolute;bottom:110px;left:50%;margin-left:-700px;width:1400px;text-align:center;}
.wrap-visual .control .paging,
.wrap-visual .control .playstop{display:inline-block;}
.wrap-visual .control .paging{}
.wrap-visual .control .paging ul{font-size:0;}
.wrap-visual .control .paging ul li{display:inline-block;}
.wrap-visual .control .paging ul li button{width:50px;height:1px;background:#FFF;}
.wrap-visual .control .paging ul li.slick-active{vertical-align:1px;}
.wrap-visual .control .paging ul li.slick-active button{height:3px;}
.wrap-visual .control .playstop button{display:none;width:22px;height:22px;border:1px solid rgba(255,255,255,5);border-radius:30px;vertical-align:8px;margin-right:10px;}
.wrap-visual .control .playstop button.stop{background:url(/images/citt/common/pause_2_w.png) no-repeat center;}
.wrap-visual .control .playstop button.play{background:url(/images/citt/common/play_2_w.png) no-repeat center;}
.wrap-visual .control .playstop button.on{display:inline-block;}
.wrap-visual .control .numbering{display:none;}
@media all and (min-width:1025px){
	.wrap-visual .control .paging ul li button:hover{background:#000;}
	.wrap-visual .control .playstop button:hover{border-color:#000;}
	.wrap-visual .control .playstop button.stop:hover{background:url(/images/citt/common/pause_2_b.png) no-repeat center;}
	.wrap-visual .control .playstop button.play:hover{background:url(/images/citt/common/play_2_b.png) no-repeat center;}
}
@media all and (max-width:1400px){
	.wrap-visual .control{left:2%;margin-left:0;width:96%;}
}