@charset "utf-8";

/*슬라이드*/
.con_visual{position:relative;max-width:1600px;margin: 0 auto;}
.wrap_visual{}
.wrap_visual,
.wrap_visual .slick-list{height:844px !important;}
.wrap_visual .slick-list{position:absolute;top:0;left:50%;width:1600px;margin-left:-800px;}
.wrap_visual .slick-slide{height:100%;}
.wrap_visual .slick-slide img{width:100%;}
@media only screen and (max-width:1280px){
	.wrap_visual,
	.wrap_visual .slick-list{height:675px !important;}
	.wrap_visual .slick-list{width:1280px;margin-left:-640px}
}
@media only screen and (max-width:768px){
	.wrap_visual,
	.wrap_visual .slick-list{height:405px !important;}
	.wrap_visual .slick-list{width:768px;margin-left:-384px}
}
@media only screen and (max-width:480px){
	.wrap_visual,
	.wrap_visual .slick-list{height:253px !important;}
	.wrap_visual .slick-list{width:480px;margin-left:-240px}
}

/*애니메이션*/
.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.1);filter:blur(0px);filter:grayscale(0);}
}

/*콘트롤*/
.wrap_visual button{display:inline-block;cursor:pointer;text-indent:-9999px;}
.wrap_visual .control{position:absolute;left:0;bottom:20px;width:100%;}
.wrap_visual .control .container{display:flex;align-items:center;justify-content:center;line-height:0;position:relative;}

.wrap_visual .control .paging{}
.wrap_visual .control .paging ul{display:flex;align-items:center;justify-content:center;}
.wrap_visual .control .paging ul li{margin-right:5px;}
.wrap_visual .control .paging ul li button{width:4px;height:4px;background:rgba(255,255,255,1);border-radius:100%;}
.wrap_visual .control .paging ul li.slick-active{}

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

.wrap_visual .prevnext{}
.wrap_visual .prevnext button{width:75px;height:75px;border:1px solid #FFF;border-radius:100%;position:absolute;top:calc(50% - 37px);z-index:1;}
.wrap_visual .prevnext button.prev{left:30px;background:url(../images/arrow_1.png) no-repeat center;}
.wrap_visual .prevnext button.next{right:30px;background:url(../images/arrow_1_2.png) no-repeat center;}
@media only screen and (max-width:1280px){
	.wrap_visual .prevnext button{width:40px;height:40px;border:0;top:calc(50% - 20px);}
	.wrap_visual .prevnext button.prev{left:0;}
	.wrap_visual .prevnext button.next{right:0;}
}
@media only screen and (max-width:768px){
}