@charset "utf-8";

/*슬라이드*/
.wrap_visual,
.wrap_visual .slick-list{height:554px !important;}
.wrap_visual .slick-list{position:absolute;top:0;left:50%;width:2000px;margin-left:-1000px;}
.wrap_visual .slick-slide{height:100%;}
.wrap_visual .slick-slide img{width:100%;}

@media only screen and (min-width:2000px){
	.wrap_visual .slick-list{left:0;width:100%;margin-left:0}
}
@media only screen and (max-width:1280px){
	.wrap_visual,
	.wrap_visual .slick-list{height:355px !important;}
	.wrap_visual .slick-list{width:1280px;margin-left:-640px;}
}
@media only screen and (max-width:768px){
	.wrap_visual,
	.wrap_visual .slick-list{height:284px !important;}
	.wrap_visual .slick-list{width:1024px;margin-left:-512px;}
}


/*애니메이션*/
.wrap_visual .slick-list .slick-track .slick-slide img{animation-name:mainVisual;animation-duration:5s;animation-fill-mode:forwards;}
@keyframes mainVisual{
	0%{transform:scale(1);filter:blur(100px);filter:grayscale(1);}
	100%{transform:scale(1.05);filter:blur(0px);filter:grayscale(0);}
}


/*콘트롤*/
.wrap_visual .control{}
.wrap_visual .control .container{}

.wrap_visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}

.wrap_visual .control .numbering{display:none;}
.wrap_visual .control .paging{}
.wrap_visual .control .paging ul{display:flex !important;align-items:flex-end;}
.wrap_visual .control .paging ul li{margin-right:5px;height:2px;}
.wrap_visual .control .paging ul li button{width:30px;height:100%;background:rgba(255,255,255,0.8);}
.wrap_visual .control .paging ul li.slick-active{height:5px;}
.wrap_visual .control .paging ul li.slick-active button{background:#007d77;}

.wrap_visual .control .playstop{display:none;}

.wrap_visual .prevnext{}
.wrap_visual .prevnext button{width:30px;height:60px;background:url(../images/arrow_8_w.png) no-repeat center;position:absolute;top:calc(50% - 30px);}
.wrap_visual .prevnext button.prev{left:50px;transform:rotate(180deg);}
.wrap_visual .prevnext button.next{right:50px;}

@media all and (max-width:1280px){
	.wrap_visual .prevnext button.prev{left:30px;}
	.wrap_visual .prevnext button.next{right:30px;}
}
@media all and (max-width:768px){
	.wrap_visual .prevnext button.prev{left:10px;}
	.wrap_visual .prevnext button.next{right:10px;}
}