#banner {width: 100vw;z-index: 3;}
#banner img {width: 100vw;height: 90vh;}
#banner .pos_abs {width: 100vw;height: 90vh;top: 0;left: 0;}
#banner .txt{position: absolute;z-index: 99;margin: 0 auto;left: 5%;bottom: 5vh;}
#banner .txt >div{font-size: max(6 * (1vw + 1vh) / 2, 28px);line-height: 1.4;font-weight: 500;}
#banner .txt h1{word-spacing: 100vw;line-height: 1.4;font-size: max(4 * (1vw + 1vh) / 2, 20px);font-weight: 300;}
#banner .txt p{font-size: max(6 * (1vw + 1vh) / 2, 24px);line-height: 1.1;font-weight: 100;}
#banner .txt *{color:#fff;letter-spacing: 5px;}
#banner .info {padding-bottom: 10vh;height: 80vh;background: rgba(var(--secondary-rgb), .45);z-index: 999;}
#banner .info .txt {margin: auto;}
#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: 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;}
#banner .bnSocial{position:absolute;bottom: 5%;right: 5%;z-index: 999;display: flex;align-items: center;gap: 50px;}
#banner .bnSocial a svg{width:50px;height: 50px;aspect-ratio:1/1;object-fit: contain;fill:#fff;}
#banner .bnSocial a:hover svg{opacity: .5;}

/* 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 .item {height: 90vh;}
	#banner .txt{bottom: 15vh;}
	#banner video, #banner iframe{width: auto;height: 100%;}
}
@media screen and (max-width: 1024px){
	#banner video, #banner iframe{width: auto;height: 100%;}
	#banner .pos_abs,#banner img,#banner .item{height: 70vh;}
	#banner .bnSocial{gap:20px}
	#banner .bnSocial a svg{width: 35px;}
}
@media screen and (max-width: 640px){
	#banner .pos_abs,#banner img,#banner .item{height: 60vh;}
	#banner .bnSocial a svg{width: 25px;}
	#banner .txt{bottom: 5vh;}
}
@media screen and (max-width: 480px){
	#banner .pos_abs,#banner img,#banner .item{height: 50vh;}
}