@charset "utf-8";

.wrap_visual{position:relative;}
.wrap_visual,
.wrap_visual .slick-list{}
.wrap_visual .slick-list{}
.wrap_visual .slick-slide > div,
.wrap_visual .slick-slide li,
.wrap_visual .icon{height:100vh;}
.wrap_visual .icon img{object-fit:cover;object-position: top center;width:auto;height:100%;max-width: initial;}
.wrap_visual .item{display:none;}
.wrap_visual .item .text_1{}
.wrap_visual .item .text_2{}
.wrap_visual::after{content:"";display:block;width:100%;height:100px;position:absolute;left:0;top:0;background:rgb(43,43,43);background:linear-gradient(180deg, rgba(43,43,43,0.3) 40%, rgba(255,255,255,0) 100%);}


@media only screen and (min-width:2569px){
	.wrap_visual .icon img{width:100%;height: 100%;max-width: 100%;}
}

@media only screen and (max-width:1920px){
	.wrap_visual .icon img{margin-left: -25%;}
}

@media only screen and (max-width:1600px){
	.wrap_visual .icon img{margin-left: -35%;}
}


@media only screen and (max-width:1400px){
	.wrap_visual .icon img{margin-left: -65%;}
}

@media only screen and (max-width:1280px){
	.wrap_visual .icon img{margin-left: 0;width:100%;height:100%;}
}


@media only screen and (max-width:767px){
}


/*애니메이션*/
.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{animation-name:slogan_3;animation-duration:1s;animation-fill-mode:forwards;animation-delay:1.25s;opacity: 0;}
.wrap_visual .control .paging{position: absolute;left: 5%;top: 460px;margin-top: 45px;z-index: 9;width: 100%;}
.wrap_visual .control .paging .slick-dots{width:calc(90% - 140px);display:flex;}
.wrap_visual .control .paging .slick-dots > li{width:100%;}
.wrap_visual .control .paging .slick-dots > li button{text-indent: -9999px;height: 2px;background:rgba(255,255,255,0.5);display: block;width: 100%;}
.wrap_visual .control .paging .slick-dots > li.slick-active button{background:#fff;}
.wrap_visual .control .numbering{display:none;}
.wrap_visual .control .play,
.wrap_visual .control .stop{display:none !important;}

.pannel .slick-arrow{width:60px;height:60px;border-radius:50%;position:absolute;top: 460px;margin-top: 15px;z-index: 9;text-indent:-9999px;}
.pannel .slick-arrow.prev{right:calc(5% + 80px);background:rgba(255,255,2555,0.3) url('../images/left-arrow.png') no-repeat center;}
.pannel .slick-arrow.next{right: 5%;background:rgba(255,255,2555,0.3) url('../images/right-arrow.png') no-repeat center;}

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

  @media only screen and (max-width:1720px){
  .pannel .slick-arrow{top:455px;}	  
  .pannel .slick-arrow.next{right:25px;}
  .pannel .slick-arrow.prev{right:100px;}
  .wrap_visual .control .paging{left:0;top:430px}
  .wrap_visual .control .paging .slick-dots{width: calc(100% - 160px);margin-top:25px;}
  }

 @media only screen and (max-width:1280px){
.wrap_visual .control .paging{top:270px;}
.pannel .slick-arrow{top: 295px;}	 
 }

 @media only screen and (max-width:767px){
.wrap_visual .slick-slide > div, .wrap_visual .slick-slide li, .wrap_visual .icon{}	 
.wrap_visual .control .paging{top:300px;}
.pannel .slick-arrow{top:300px;}	 
 .pannel .slick-arrow{width:45px;height:45px;margin-top:50px;}
.pannel .slick-arrow.prev{right:80px;}	 
.wrap_visual .control .paging .slick-dots{width:calc(100% - 125px);}	 
 }