#banner , #banner .item { position: relative; background: #fff; z-index: 100; }
#banner .item a {position: absolute;width: 100%;height: 100%;background: rgb(255 255 255 / 0%);top: 0;left: 0;z-index: 2;}
#banner .info {position: absolute;width: 100%;top: 38vh;left: 0;z-index: 3;}
#banner .info h3 {letter-spacing: 4px;line-height: 170%;margin-top: 42px;position: relative;text-align: center;font-size: 47px;letter-spacing: 7.5px;font-weight: 100;text-transform: uppercase;color: #ffffff;}
#banner .info p {font-size: 20px;text-align: center;letter-spacing: 2.5px;color: #fff;}
#banner .img {width: 100vw;height: 100vh;background: no-repeat 50% 0% / cover;}
#banner .slick-active .img { -webkit-transform: scale(1); transform: scale(1); }

/* scroll_btn */
#scrolldown { position: absolute; display: flex; flex-direction: column; align-items: center; bottom: 20px; left: 50%; transform: translateX(-50%); }
#scrolldown:before { position: absolute; width: 8px; height: 8px; background: #ffffff; bottom: 90px; left: 50%; transform: translateX(-50%); content: ""; -webkit-animation: scroll_dot 8.5s infinite forwards; animation: scroll_dot 8.5s infinite forwards; }
#scrolldown:after { margin-top: 5px; width: 1px; height: 90px; background: rgb(255 255 255 / 38%); display: block; content: ""; }
#scrolldown span { line-height: 1; font-weight: 400; font-size: 14px; -webkit-animation: scroll_txt 1.5s linear infinite; animation: scroll_txt 1.5s linear infinite; color: #fff;}

@-webkit-keyframes scroll_dot { 0% , 100% { bottom: 90px; } 50% { bottom: 0; } }
@keyframes scroll_dot { 0% , 100% { bottom: 90px; } 50% { bottom: 0; } }
@-webkit-keyframes scroll_txt { 0% , 100% { -webkit-transform: translateY(0); } 50% { -webkit-transform: translateY(-10px); } }
@keyframes scroll_txt { 0% , 100% { transform: translateY(0); } 50% { transform: translateY(-10px); } }


@media screen and (max-width:1024px) {
	#banner .img{height: 80vh;background-size: cover;}
}
@media screen and (max-width:980px) {
	#banner .img {height: 70vw;}
}
@media screen and (max-width:768px) {
	#banner .info {position: absolute;width: 100%;top: 23vh;}
	#banner .info h3 {font-size: 36px;letter-spacing: 2.5px;padding: 0 10px;line-height: 130%;margin-top: 22px;}
	#banner .info p {color: #fff;letter-spacing: 1.5px;font-size: 18px;padding: 10px 10px 0;line-height: 170%;}
	#banner .info h3:before{display: none;}
}
@media screen and (max-width:640px) {
	#banner .info {top: 24vh;}
	#banner .info p img{width: 180px;}
	#scrolldown{display: none;}
	#banner .img {height: 540PX;}
	#banner .info article{font-size: 32px;}
	#banner .info h3 {font-size: 27px;letter-spacing: 1.5px;margin-top: 0px;}
	#banner .info p {color: #fff;letter-spacing: 1.5px;font-size: 20px;padding: 5px 10px 0;line-height: 170%;}

}