#banner {width: 100vw;z-index: 3;padding-top: 80px;}
#banner img {width: 100vw;height: 75vh;}
#banner .pos_abs { width: 100vw; height: 90vh; top: 0; left: 0; }
#banner .info {height: 16vh;width: 50vw;top: auto;bottom: 80px;display: flex;align-items: flex-end;display: none;}
#banner .info .txt {background-color: rgb(0 0 0 / 60%);padding: 39px;width: min(520px, 90%);}
#banner .info .txt * { font-weight: 400; color: var(--white); opacity: 0; -webkit-transform: translateY(15px); transform: translateY(15px); }
#banner .info .txt h3 {letter-spacing: 5px;font-size: 29px;}
#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 .slick-current .Img img {
	-webkit-animation: img_scale 5.2s ease-in both;
	        animation: img_scale 5.2s ease-in both;
}
@-webkit-keyframes img_scale {
	0% {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  @keyframes img_scale {
	0% {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  @-webkit-keyframes img_scale1 {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	50% {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }
  @keyframes img_scale1 {
	0% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
	50% {
	  -webkit-transform: scale(1.05);
			  transform: scale(1.05);
	}
	100% {
	  -webkit-transform: scale(1);
			  transform: scale(1);
	}
  }

/* 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 screen and (min-width: 1281px){
	header #webmenu .top_btn { height: 90vh; }
}

@media screen and (max-width: 1280px){
    #banner img{
    height: 47vh;
}
}
@media screen and (max-width: 780px){
    #banner img{
    height: 39vh;
}
}
@media screen and (max-width: 640px){
    #banner img{
    height: 22vh;
}
}