@charset "utf-8";

.wrap_visual{position: relative;}
.wrap_visual .slider li{height: 1000px; max-height:100vh;background-size:cover; background-position:center top;}

.wrap_visual .slick-slide{display:inline-block;vertical-align: top;}
.wrap_visual .item_1{text-align:center;}
.wrap_visual .item_1 img{width:100%;display:inline-block;}
.wrap_visual .icon{text-align: center;}

.wrap_visual .item{display:none;}

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


.pannel{padding-top: 7px;margin-left: 12px;}
.wrap_visual .numbering{display:none;}

.wrap_visual .control{position:absolute;right: calc(calc(100% - 1860px) / 2);bottom: 60px;display: flex;align-items: center;}
.wrap_visual .control .slick-dots{display:inline-block;vertical-align:middle;}
.wrap_visual .control .slick-dots li{float:left;margin:0 5px;}
.wrap_visual .control .slick-dots li:after{content:'';width:0;height: 4px;background-color: #fff;border-radius: 20px;display: inline-block;margin:0 5px 0 12px;vertical-align: middle;position:relative;top:-3px;transition: all ease 1s;}
.wrap_visual .control .slick-dots .slick-active:after{width:150px;}
.wrap_visual .control .slick-dots button{font-size:18px;color:#fff;font-family: 'Noto Regular';letter-spacing: 1px;}
.wrap_visual .control .slick-dots button::before {content: "0";}
.wrap_visual .control .slick-dots li:nth-child(n + 10) button::before {content: none;}
.wrap_visual .control .playstop{display:inline-block;vertical-align:middle;}
.wrap_visual .control .playstop button{width:12px;height: 12px;text-indent: -9999px;display: inline-block;position: relative;top: 4px;margin-left: 10px;}
.wrap_visual .pannel button{width:6px;height:11px;}
.wrap_visual .pannel button.on{display: none;}
.wrap_visual .pannel .stop{background:url('../images/vis-pause.png') no-repeat center;text-indent: -9999px;}
.wrap_visual .pannel .play{background:url('../images/play.png') no-repeat center;text-indent: -9999px;}

.wrap_visual .prev,
.wrap_visual .next{display:none;}

@media screen and (max-width: 1000px){
.wrap_visual .slider li{height:100svh;}
}