#headBan{position: relative;}
#banner {width: 100vw;z-index: 3;position: relative;}
#banner:after {content: '';position: absolute;height: 80%;width: 100%;top: 0;left: 0;background: #f4f4f4;z-index: -2;}
#banner .img{overflow: hidden;display: inline-block;}
#banner img {position: relative;background: no-repeat 50% / cover;margin: auto;width: 100vw;height: 650px;}
#banner .pos_abs {width: 100vw;height: 100vh;top: 0;left: 0;}
#banner .info {height: 100vh;}
#banner .info .txt {margin: 290px auto 0;transition: all 0.7s ease;display: none;}
#banner .info .txt * {font-weight: 200;color: var(--white);opacity: 0;-webkit-transform: translateY(15px);transform: translateY(25px);}
#banner .info .txt h3 {letter-spacing: 4px;font-size: 56px;text-align: center;line-height: 170%;margin-bottom: 60px;font-weight: 500;}
#banner .info .txt h3:before {content: "";position: absolute;left: 50%;bottom: -40px;width: 1px;height: 45px;background-color: rgb(243 243 243 / 38%);}
#banner .info .txt article{text-align: center;font-family: 'Roboto', sans-serif;font-size: 22px;font-weight: 600;text-transform: uppercase;}
#banner .info .txt p {font-size: 24px;text-align: center;letter-spacing: 15px;}
#banner a.pos_abs {z-index: 2;}
#banner .item video {overflow: hidden;position: absolute;min-width: 100%;width: auto;height: auto;top: 0;}
#banner .item video, #banner .item iframe{width: 100%;left: 0;top: 0px;}

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


/* scrollBtn */
#scrollBtn{position:absolute;align-items:center;letter-spacing:.3em;font-weight:300;font-size:12px;color:#000;background-color:var(--primary);left:140px;white-space:nowrap;transform:rotate(90deg);transform-origin:top left;display:flex;bottom:140px;padding:0px 10px;animation:godown 1s infinite linear;-webkit-animation:godown 1s infinite linear;text-transform:uppercase;z-index:10;display: none;}
#scrollBtn span{color:var(--white);font-size:12px;padding:13px;letter-spacing:2px}#scrollBtn::after {content: "";width: 60px;height: 1px;display: block;background: #fff;margin: 0px 0px;}

@-webkit-keyframes banerBg { 0% { -webkit-transform: scale(1); } 100% { -webkit-transform: scale(1.1); } }
@keyframes banerBg { 0% { transform: scale(1); } 100% { transform: scale(1.1); } }

@-webkit-keyframes godown { 0% , 100% { padding: 0 0 0px 0px; } 50% { padding: 0px 0 0px 0px; } }
@keyframes godown { 0% , 100% { padding: 0px 0 0px 0px; } 50% { padding: 0px 0 0px 10px; } }



@media screen and (max-width: 1440px){
    #banner img{height: 540px;}
	#banner .info .txt {margin: 240px auto 0;}
	#banner .info .txt h3{font-size: 43px;}
	#scrollBtn{left: 70px;}
	#banner .item video, #banner .item iframe{width: 112%;left: -5.5%;}
}

@media screen and (max-width: 1280px){
	#scrollBtn{display: none;}
	#banner .item video{width: 120%;left: -10%;top: 1px;}
}
@media screen and (max-width: 1024px) {
	#banner .item video, #banner .item iframe{width: 120%;left: -10%;}
	#banner img{height: 40vw;}
}
@media screen and (max-width: 960px){
	#banner .info .txt{margin: 150px auto 0;}
	#banner .info .txt h3{font-size: 38px;}
	#banner .info .txt p{font-size: 18px;}
	#banner img {height: 57vw;object-position: 20% 50%;}
	#scrollBtn{display: none;}
	#banner .item video, #banner .item iframe{
    top: 0px;
}
}
@media screen and (max-width: 480px){
	#banner .info{height: 50vh;}
	#banner .info .txt{margin: 150px auto 0;}
	#banner .info .txt h3{font-size: 28px;letter-spacing: 0.5px;margin-bottom: 40px;}
	#banner .info .txt article{font-size: 18px;font-weight: 300;}
	#banner .info .txt p{font-size: 14px;}
	#banner .slick-current .info .txt p{letter-spacing: 1.2px;}
	#banner img {height: 40vh;}
	#banner .info .txt h3:before{bottom: -31px;width: 1px;height: 25px;}
}