/* banner.less */
#banner .item .info .txt{transform:translateY(-10px);-webkit-transform:translateY(-10px);}#banner .item .info .more_btn{transform:translateY(10px);-webkit-transform:translateY(10px);}#banner .item.slick-current .info .txt,#banner .item.slick-current .info .more_btn{transform:translateY(0);-webkit-transform:translateY(0);}#banner .arrow_bg{transition:transform 1s cubic-bezier(0.645,0.045,0.355,1) 0.8s;-webkit-transition:transform 1s cubic-bezier(0.645,0.045,0.355,1) 0.8s;transform:skewY(13.5deg) translateY(0);-webkit-transform:skewY(13.5deg) translateY(0);}

#banner {z-index: 3;}
#banner .item { width: 100vw; min-height: 75vh; height: 75vh; }
#banner .item img { width: 100vw; height: 75vh; }
#banner .item >.pos_abs { width: 100vw; height:  100%; top: 0; left: 0; }
#banner .item .info {/* background: rgb(29 27 27 / 25%); */}
#banner .item .info>div {margin: auto;width: 65%;opacity: 0;display: flex;flex-direction: column;align-items: flex-start;margin-bottom: 11%;}
#banner .item.slick-current .info>div { opacity: 1; }
#banner .item .info .txt {opacity: 0;}
#banner .item .info h3.txt {padding: 0;font-size: 65px;letter-spacing: .1em;opacity: 0;transition-delay: 0.5s;text-align: left;color: var(--white);text-transform: uppercase;font-family: "Inter", sans-serif;}
#banner .item.slick-current .info h3.txt { -webkit-animation: fadeIn ease-in-out 0.5s; animation: fadeIn ease-in-out 0.5s; -webkit-animation-delay: 0s; animation-delay: 0s; opacity: 1; }
#banner .item.slick-current .info p.txt { -webkit-animation: fadeIn ease-in-out 1s; animation: fadeIn ease-in-out 1s; -webkit-animation-delay: 0.1s; animation-delay: 0.1s; opacity: 1; }
#banner .item .info p.txt {padding: 10px 0 60px;font-weight: 400;line-height: 150%;opacity: 0;color: #fff;font-size: 20px;font-weight: 500;letter-spacing: 2px;}
#banner .item .info .more_btn {background: #f5b74d;width: auto;padding: 0;}
#banner .item .info .more_btn a{padding:20px 50px;display: inline-block;}
#banner .item .info .more_btn span{letter-spacing: 2px;}
#banner .item a.pos_abs { z-index: 2; }
#banner .item iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner .item video {overflow: hidden;position: absolute;min-width: 100%;width: auto;min-height: 100%;height: auto;right: 0;bottom: -10%;}

/* slick-dots */
#banner .slick-dots { width: auto; height: 100%; background: var(--white); display: flex !important; flex-direction: column; justify-content: center; bottom: 0; left: -90px; }
#banner .slick-dots li { margin: 5px 40px; width: 10px; height: 10px; background: var(--secondary); border-radius: 50%; display: block; opacity: .1; }
#banner .slick-dots li.slick-active { opacity: .5; }

/* arrow_bg */
#banner .arrow_bg { width: 450px; height: 140px; left: auto; bottom: -140px; transform-origin: 100% 100% 0; }

/* arrow */
#banner .arrow { bottom: 0; left: auto; }
#banner .arrow a { width: 55px; height: 100px; display: inline-block !important; line-height: 100px; }

@-webkit-keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }
@keyframes fadeIn { 0% { opacity: 0; } 100% { opacity: 1; } }

@media screen and (min-width: 1281px){
	#banner {padding: 0;}
}
@media screen and (min-width: 761px){
	#banner .item { min-height: 95vh; height: 95vh; }
	#banner .item img { height: 95vh; }
}
@media screen and (max-width: 1024px){
	#banner .item .info>div{width:85%}
}
@media screen and (max-width: 550px){
	#banner .item .info h3.txt { font-size: 12vw; letter-spacing: 0; }
}