#banner{padding: 30px;position: relative;}
#banner_box , #banner_box .item , #banner_box .img_box { position: relative; }
#banner_box .img_box img {min-width: 100%;width: 100%;aspect-ratio: 4/1.8;}
#banner_box .img_box iframe , #banner_box .img_box video { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }
#banner_box .slick-dotted .slick-track { min-width: 100%; }
#banner_box .info_box , #banner_box .atag_item { position: absolute; }
#banner_box .info_box { width: 100%; height: 80%; display: flex; align-items: center; top: 0; left: 0; }

/* scrollBtn */
#scrollBtn {position: absolute;margin-left: -15px;padding-bottom: 30px;width: 20px;font-family: "Arimo", sans-serif;text-transform: uppercase;text-align: center;letter-spacing: 2px;font-size: 13px;color: rgb(255 255 255);bottom: 36px;left: 50%;z-index: 1;animation: godown 1s infinite linear;-webkit-animation: godown 1s infinite linear;-webkit-writing-mode: vertical-rl;-ms-writing-mode: tb-rl;writing-mode: vertical-rl;}
#scrollBtn::before {position: absolute;margin-left: -.5px;width: 1px;height: 70px;background: linear-gradient(to top,transparent 32%,#fff 0,#fff 66%,transparent 0,transparent 100%) 50% 100%/1px 300% no-repeat;top: 70px;left: 46%;-webkit-animation: 2.3s scrollBtnAni linear both infinite;animation: 2.3s scrollBtnAni linear both infinite;content: "";opacity: .35;}

@-webkit-keyframes scrollBtnAni { 0% { background-position-y: 100%; } 100% { background-position-y: 0; } }
@keyframes scrollBtnAni { 0% { background-position-y: 100%; } 100% { background-position-y: 0; } }

@media screen and (max-width: 1400px){
    #scrollBtn{bottom: 16px;}
}
@media screen and (max-width: 1160px){
	#banner_box .img_box img { aspect-ratio: 5/3.5; }
    #scrollBtn{display:none;}
}
@media screen and (max-width: 680px){
    #banner{padding-top: 80px;}
}