.webBox *{
    transition: none;
}
#banner { width: 100vw; z-index: 3; }
#banner img {width: 100%;height: 886px;object-fit: cover;}
#banner .pos_abs {top: 0;left: 0;}
#banner .info {height: 75vh;background: rgba(var(--black-rgb), .25);display: none;}
#banner .info .txt { margin: auto; }
#banner .info .txt * { font-weight: 400; color: var(--white); opacity: 0; -webkit-transform: translateX(-10px); transform: translateX(-10px); }
#banner .info .txt h3 { 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; }

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

@media screen and (max-width: 1550px){
	#banner img {width: 100%;height: 664px;object-fit: cover;}
}
@media screen and (max-width: 1024px){
	#banner img{
     object-position: 40% 50%;
     height: 530px;
 }
}
@media screen and (max-width: 800px){
    #banner img{
      object-position: 40% 50%;
      height: 445px;
    }
}
@media screen and (max-width: 550px){
	#banner {
    padding-top: 71px;
}
	#banner .info .txt h3 { font-size: 12vw; }
#banner img {
    object-position: 10% 50%;
    height: 230px;
}
}

@media screen and (max-width: 480px){
	#banner img{
    object-position: 42% 50%;
    height: 228px;
 }
	#banner{
    padding-top: 72px;
}
}