@charset "utf-8";

.wrap_visual{position:relative;max-width:1720px;margin:0 auto;border-radius:25px;overflow: hidden;}
.wrap_visual,
.wrap_visual .slick-list{height:100%;}
.wrap_visual .slick-list{}
.wrap_visual .slick-slide > div,
.wrap_visual .slick-slide li,
.wrap_visual .icon{height: 100%;overflow: hidden;}

.wrap_visual .txt-box{width:40%;height: 650px;background: #144194;display: inline-block;vertical-align: top;}
.wrap_visual .icon{width:60%;display: inline-block;vertical-align: top;}
.wrap_visual .icon img{object-fit:cover;object-position:center;width:100%;height: 100vh;max-height: 650px;filter: none !important;}
.wrap_visual .item{position: absolute;bottom: -25px;right: -25px;font-size: 170px;font-family: 'Suite Heavy';line-height: 1;text-align: right;display:none;}
.wrap_visual .item .text_1{color: rgba(255,255,255,0.25);}
.wrap_visual .item .text_2{display: none;}


@media only screen and (min-width:1921px){
}
@media only screen and (max-width:1720px){
}
@media only screen and (max-width:1280px){
.wrap_visual .icon img{max-height: 370px;}
.wrap_visual .item{font-size:100px;bottom: -10px;}	
}
@media only screen and (max-width:768px){
.wrap_visual{border-radius:15px;}	
.wrap_visual .slick-slide li{display: flex !important;;flex-direction: column-reverse;}	
.wrap_visual .icon img{max-height:500px;}
.wrap_visual .icon{border-radius: 10px 10px 0 0;width:100%;height: 500px;}
.wrap_visual .item{font-size: 60px;bottom: -5px;}	
.wrap_visual .txt-box{height:350px;width:100%;}	
}



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

/*콘트롤*/
.wrap_visual .control{position:absolute;bottom: 80px;left: 85px;display:flex;align-items: center;animation-name:slogan_3;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.25s;opacity:0;}
.wrap_visual button{display:block;cursor:pointer;}
.wrap_visual .control .numbering{color: #fff;font-family: 'Suite Bold';font-size: 16px;margin: 0 15px;}
.wrap_visual .control .paging{display: none;}
.wrap_visual .control .pannel{margin-right: 25px;display:flex;align-items:center;background: url('../images/vis-play-circle.png') no-repeat center;}
.wrap_visual .control button.play,
.wrap_visual .control button.stop{display:none;width:95px;height:95px;text-indent:-9999px;}
.wrap_visual .control button.on{display:block;}
.wrap_visual .control button.play{background:url(../images/vis-play.png) no-repeat center;}
.wrap_visual .control button.stop{background:url(../images/vis-pause.png) no-repeat center;}
.wrap_visual .control button.prev,
.wrap_visual .control button.next{width:14px;height:25px;text-indent:-9999px;}
.wrap_visual .control button.prev{background:url(../images/vis-arrow-left.png) no-repeat left center;}
.wrap_visual .control button.next{background:url(../images/vis-arrow-right.png) no-repeat right center;}

@keyframes slogan_3{
	0%{}
	100%{opacity:1;}
}

@media only screen and (max-width:1280px){
.wrap_visual .control{left:45px;bottom:60px;}
.wrap_visual .control .pannel{background-size:contain;width: 60px;height: 60px;justify-content: center;}	
.wrap_visual .control button.play, .wrap_visual .control button.stop{width: 6px;height: 9px;}	
.wrap_visual .control button.prev, .wrap_visual .control button.next{width:5px;height:8px;background-size: contain;}	
.wrap_visual .control .numbering{font-size:12px;font-family:'Noto Regular';margin: 0 10px;}
}

@media only screen and (max-width:768px){
.wrap_visual .control button.play, .wrap_visual .control button.stop{width:65px;height:65px;}
.wrap_visual .control .pannel{background-size:contain;}	
.wrap_visual .control{left:40px;bottom:40px;}	
}