#banner {width: 100%;z-index: 3;background-color: #03093c;}
#banner .slick-slide { min-width: 100%; }
#banner img {width: 100%;}
#banner .pos_abs { width: 100%; height: 75vh; top: 0; left: 0; }
#banner .info { height: 75vh; background: rgba(var(--black-rgb), .25); }
#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: auto;top: 0;left: 0;z-index: -1;opacity: 0.6;}
#banner .img{overflow:hidden;display:inline-block;}
#banner .img::after{position:absolute;bottom: 0;left:0;z-index: -1;content:"";width:100%;height: 100%;display:block;background: linear-gradient(to bottom, rgb(2 11 86), rgb(2 12 91));pointer-events:none}	

/* 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; }

/* baScro */
#banner .baScro{position:absolute;right: 225px;top: calc(50% - (215px / 2));}
#banner .baScro a{display:flex;flex-direction: column;align-items: center;cursor: pointer;}
#banner .baScro a b{font-size:16px;writing-mode: vertical-rl;font-weight: 400;color: var(--white);}
#banner .baScro a span{height: 120px;width: 1px;background: var(--white);margin: 20px 0;position: relative;}
#banner .baScro a span:before{content:'';position: absolute;top: 0;left: 0;height: 40px;width: 1px;background: var(--secondary);animation-name: fish;animation-direction: alternate;animation-iteration-count: infinite;animation-timing-function: ease-in-out;animation-duration: 2s;}
#banner .baScro a svg{width:23px;height: 23px;fill: var(--white);}
@keyframes fish{0%{top:0;}100%{top:60px;}}

@media screen and (min-width: 761px){
	#banner .pos_abs { height: 95vh; }
	#banner .info { padding-bottom: 10vh; height: 85vh; }
}
@media screen and (max-width: 1680px){
	#banner .baScro{right: 120px;}
}
@media screen and (max-width: 1024px){
	#banner .baScro{display:none;}
	#banner .pos_abs { height: 80vh; }
}
@media screen and (max-width: 768px){
	#banner .pos_abs {height: 70vh;}
}
@media screen and (max-width: 550px){
	#banner video, #banner iframe{width: 100%;height: 130%;top: -20px;}
	#banner{margin-top:90px;}
	#banner img { min-height: 30vh; height: 30vh; }
	#banner .pos_abs {height: 30vh;}
	#banner img{object-position: 50% 0;}
	#banner .info .txt h3 { font-size: 12vw; }
}