@charset "utf-8";

/*슬라이더*/
.wrap-visual{position:relative;}
.wrap-visual .slider {position:relative; z-index:1;}
.wrap-visual .slider li {position:relative; text-align:center;}
.wrap-visual .slider li  a { display: block;}
.wrap-visual .slider li img {display:inline-block; max-width:none;}
.wrap-visual,
/*.wrap-visual .slick-list{height:418px !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:370px !important;}
	.wrap-visual .slick-list{width:1296px;margin-left:-648px}
}
*/


@media all and (max-width:1900px) {
    .wrap-visual .slider li img { position: relative; left: 50%; transform: translate(-50%,0); width: 100%; max-width:none; max-height: 760px;}
}


@media all and (max-width:1024px) {
    .wrap-visual .slider li img {max-height:428px;}
}

@media all and (max-width:760px) {
    .wrap-visual .slider li img {max-height:410px;}
    
}

@media all and (max-width:501px) {
    .wrap-visual, .wrap-visual .slick-slider {margin-top: 1.5%;}
    .wrap-visual .slider li img {max-height: 290px;}
}

/*콘트롤*/
.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:block; margin-top: -1.8%;}
.wrap-visual .control{position:absolute;bottom:1.5%;left:0%;margin-left:1%;width:100%; z-index: 1;}
.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:rgba(30,46,85,0.5);}
.wrap-visual .control .paging ul li.slick-active{vertical-align:1px;}
.wrap-visual .control .paging ul li.slick-active button{height:3px;background:#1e2e55 !important;}
.wrap-visual .control .playstop button{display:none;width:22px;height:22px;border:1px solid rgba(0,0,0,5);border-radius:30px;vertical-align:8px;margin-right:10px;}
.wrap-visual .control .playstop button.stop{background:url(/images/citt/common/pause_2_b.png) no-repeat center;}
.wrap-visual .control .playstop button.play{background:url(/images/citt/common/play_2_b.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:#FFF;}
	.wrap-visual .control .playstop button:hover{border-color:#FFF;}
	.wrap-visual .control .playstop button.stop:hover{background:url(/images/citt/common/pause_2_w.png) no-repeat center;}
	.wrap-visual .control .playstop button.play:hover{background:url(/images/citt/common/play_2_w.png) no-repeat center;}
}
@media all and (max-width:1400px){
	.wrap-visual .control{left:2%;margin-left:0;width:96%;}
}
@media all and (max-width:1024px){
	.wrap-visual .control{text-align:center;bottom:0px;}
}