#banner { width: 100vw; z-index: 3; }
#banner img {width: 100vw;height: 100vh;}
#banner .pos_abs {width: 100vw;height: 100vh;top: 0;left: 0;}
#banner .info {padding-bottom: 0vh;height: 100vh;}
#banner .info .txt {position: absolute;top: 55.3%;left: 50%;-webkit-transform: translate(-50%, -50%);transform: translate(-50%, -50%);max-width: 1140px;padding: 0 20px;line-height: 2;z-index: 1;text-align: left;}
#banner .info .txt * {font-weight: 400;opacity: 0;-webkit-transform: translateY(15px);transform: translateY(15px);}

#banner .info .txt h3 { letter-spacing: 5px; font-size: 50px;  }
#banner .info .txt p { font-weight: 300; font-size: 18px; }
#banner a.pos_abs { z-index: 2; }
#banner video , #banner iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .info .txt .Txt .black{animation-name:fadeInUp;-webkit-animation-name:fadeInUp;animation-delay:1.5s;-webkit-animation-delay:1.5s}
#banner .info .txt .Txt .title{color:var(--primary);font-size:28px;font-weight:600;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;animation-delay:0.5s;-webkit-animation-delay:0.5s}
#banner .info .txt .Txt .title span{position:relative;margin:45px}
#banner .info .txt .Txt .title span::before{content:"";position:absolute;top:50%;transform:translateX(-50%);width:70px;height:2px;background-color:var(--primary)}
#banner .info .txt .Txt .text{font-size:22px;color:var(--black);letter-spacing:0.5px;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;animation-delay:1.3s;-webkit-animation-delay:1.3s}
#banner .info .txt .Txt .enTitle{margin-bottom:30px;margin-top:20px;line-height:0.9;display:inline-grid;animation-name:fadeInUp;-webkit-animation-name:fadeInUp;animation-delay:0.9s;-webkit-animation-delay:0.9s}
#banner .info .txt .Txt .small,#banner .info .txt .Txt .thin{font-size:64px;font-weight:700;line-height:1;background:-webkit-gradient(linear,left top,right top,from(var(--primary)),to(var(--secondary)));background:linear-gradient(to right,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;color:transparent;text-transform:uppercase;margin-top:10px}
#banner .info .txt .Txt .black{font-size:37px;font-weight:300;line-height:1.2;margin-top:10px;background:-webkit-gradient(linear,left top,right top,from(var(--primary)),to(var(--secondary)));background:linear-gradient(to right,var(--primary),var(--secondary));background-clip:text;-webkit-background-clip:text;color:transparent;text-transform:uppercase}



/* slick-current */
#banner .slick-current .info .txt * {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);transition-delay: .3s;-webkit-transition-delay: .3s;}
#banner .slick-current .info .txt p { letter-spacing: 2px; transition-delay: .6s; -webkit-transition-delay: .6s; }

@media (max-width:1450px){
	#banner .info .txt{
    top: 52.3%;
    left: 58%;
}
	#banner .info .txt .Txt .title{font-size: 22px;font-weight:600;}
	#banner .info .txt .Txt .enTitle{
    margin-bottom: 20px;
    margin-top: 10px;
}
#banner .info .txt .Txt .small, #banner .info .txt .Txt .thin{font-size: 52px;}
#banner .info .txt .Txt .black{
    font-size: 28px;
}
	#banner .info .txt .Txt .text{
    font-size: 18px;
}
}
@media screen and (min-width: 1281px){
	#banner .info .txt::before{content:"";position:absolute;right:30%;bottom:0;width:180px;height:200px;background-image:url(/images/39/bn-img-01.png);background-size:contain;background-repeat:no-repeat}
}
@media (max-width:1180px){
	#banner .info .txt .Txt .small, #banner .info .txt .Txt .thin{font-size:50px}
	#banner .info .txt .Txt .black{font-size: 30px;}
	#banner .info .txt .Txt .text{font-size:18px}
	#banner .info .txt .Txt .title{font-size:22px}
	#banner img,#banner .info{height:90vh}
	#banner img{object-fit:cover;object-position:70% 50%}
}
@media (max-width:480px){
	#banner .info .txt .Txt .small,#banner .info .txt .Txt .thin{font-size: 38px;}
	#banner .info .txt .Txt .black{font-size: 22px;}
	#banner img,#banner .info{height:60vh}
	#banner img{object-position:60% 60%}
	#banner .info .txt .Txt .title span{margin:25px}
	#banner .info .txt .Txt .title span::before{width:40px}
	#banner .info .txt .Txt .enTitle{margin-top: 0px;}
	#banner .info .txt .Txt .title{font-size:20px}
		#banner .info .txt{
    top: 57.3%;
    left: 52%;
}
}