@charset ("utf-8");

#visual-slider .inner{position:relative;/* max-width:1920px; */height: 100%;}
#visual-slider img{object-fit:cover;object-position:center;height: 950px;animation-name:mainVisualScale;animation-duration:5s;animation-fill-mode:forwards;transform:scale(1.2);}
#visual-slider ul li{position:relative}
#visual-slider .text-box{position:absolute;left:6%;top:50%;letter-spacing:-.05em;color:#fff;z-index:1;transform: translateY(-50%);}
#visual-slider .text-box h2{margin-bottom:37px;font-size:50px;line-height:1.2;letter-spacing:-.05em;font-family:"Gmarket Light"}
#visual-slider .text-box h2 span{display:block;font-family:"Gmarket Medium"}
#visual-slider .text-box p{width:450px;font-size:24px;line-height:34px;font-family:"Noto Light"}
#visual-slider .slick-custom-wrap{position:absolute;width:44%;left:0;bottom: 16%;}
#visual-slider .slick-custom-wrap::before{content:"";position:absolute;left:0;top:50%;margin-top:-.5px;width:100%;height:1px;background-color:#fff}
#visual-slider .slick-custom-wrap > div{display:flex;align-items:center;justify-content: flex-end;margin-right: -58px;}
#visual-slider .slick-custom-wrap .paging ul{display:flex;align-items:center}
#visual-slider .slick-custom-wrap .paging li{width:11px;height:11px;margin-right:5px;border:1px solid #fff;border-radius:50%}
#visual-slider .slick-custom-wrap .paging li:last-child{margin-right:9px}
#visual-slider .slick-custom-wrap .paging li button{width:100%;height:100%;text-indent:-9999px}
#visual-slider .slick-custom-wrap .paging li.slick-active{width:15px;height:15px;background-color:#fff}
#visual-slider .slick-custom-wrap .slick-stop{display:none;width:8px;height:11px;background-image:url(../images/main/pause-icon-white.png);background-repeat:no-repeat;background-position:center;background-size:contain}
#visual-slider .slick-custom-wrap .slick-start{display:none;width:9px;height:12px;background-image:url(../images/main/play-icon-white.png);background-repeat:no-repeat;background-position:center;background-size:cover}

@keyframes mainVisualScale{
	0%{}
	100%{transform:scale(1);}
}

#visual-slider .text-box h2{animation-name:text_1;animation-duration:2s;animation-fill-mode:forwards;opacity:0;transform:translateY(-50px);}
@keyframes text_1{
	0%{}
	100%{opacity:1;transform:translateY(0px);}
}
#visual-slider .text-box p{animation-name:text_2;animation-duration:2s;animation-fill-mode:forwards;opacity:0;transform:translateY(50px);}
@keyframes text_2{
	0%{}
	100%{opacity:1;transform:translateY(0px);}
}

#visual-slider .slick-custom-wrap{opacity:0;animation-name:text_3;animation-duration:2s;animation-fill-mode:forwards}
@keyframes text_3{
	0%{}
	100%{opacity:1;}
}


@media only screen and (max-width:1640px){
	#visual-slider .inner{padding-left:0!important;padding-right:0!important}
	}

@media only screen and (max-width:1023px){
	#visual-slider img{height: 750px;}
	#visual-slider .slick-custom-wrap::before{left: 14%;width: 86%;}
	#visual-slider .slick-arrow{width:70px;height:65px}
	#visual-slider .text-box h2{font-size: 38px;}
}

@media only screen and (max-width:767px){
#visual-slider img{height: 550px;}
#visual-slider .text-box h2{font-size: 25px;margin-bottom: 20px;}
#visual-slider .text-box p{font-size: 16px;line-height: 24px;}
}