#banner {position:relative;}
#banner * {color:var(--white);fill:var(--white)}
#banner_box , #banner_box .item , #banner_box .img_box { position: relative; }
#banner_box .img_box:after{content:'';position: absolute;width: 100%;height: 100%;background: #1f1f1f;top: 0;opacity: .25;}
#banner_box:before{content:'';background-image: url(/images/01/banner-bottom.png);background-repeat: no-repeat;background-position: bottom;background-size: cover;height: 170px;position: absolute;bottom: 0;left: 0;width: 100%;z-index: 2;}
#banner_box .img_box img {min-width: 100vw;width: 100vw;height: 90vh;}
#banner_box .img_box iframe , #banner_box .img_box video {position: absolute;width: 100%;height: auto;top: 0;left: 0;}
#banner_box .slick-dotted .slick-track { min-width: 100vw; }
#banner_box .info_box , #banner_box .atag_item { position: absolute; }
#banner_box .info_box {width: 50%;height: 100%;display: flex;align-items: center;top: 0;right: 0;}
#banner_box .info_box h3{font-family: "Poppins", serif;font-size: max(5 * (1vw + 1vh) / 2, 45px);margin-top: 60px;}
#banner_box .info_box p{font-size:40px;margin-bottom: 20px;}
#banner_box .info_box article{margin-bottom: 40px;}
#banner_box .info_box font{background:var(--primary);padding: 5px 0;display: inline-block;border-radius: 50px;font-size: 19px;margin-right: 15px;width: 135px;text-align: center;font-weight: 300;}
#banner_box .info_box a{display:flex;align-items: center;font-family: "Work Sans", serif;position: relative;z-index: 5;font-size: 16px;}
#banner_box .info_box a span{display:block;height: 1px;background: var(--white);width: 100px;margin: 0 20px;}
#banner_box .info_box a:hover span{width:150px}
#banner_box .info_box a b{width: 30px;aspect-ratio: 1/1;border: 1px solid #fff;border-radius: 50px;display: flex;align-items: center;justify-content: center;}
#banner_box .info_box a svg{width: 9px;height: 9px;}
#banner #scrollDown{cursor:pointer;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:absolute;bottom: -15%;left: 49%;z-index:2}
#banner .upDown{width:100%;height: 100%;bottom: 0;left: 0;z-index: 2;position: absolute;}
#banner #scrollDown span.text{display:block;color: #fff;-webkit-writing-mode:vertical-lr;-ms-writing-mode:tb-lr;writing-mode:vertical-lr;letter-spacing:0.5px;margin-bottom: 30px;font-size: 14px;font-family: "Lato", serif;text-transform: uppercase;}
#banner #scrollDown span.scrollBtn{width: 16px;height: 29px;border-radius:12.5px;position:relative;overflow:hidden;margin-bottom:12px;border: 1px solid var(--white);}
#banner #scrollDown:hover span.scrollBtn:after{top:65%;}
#banner #scrollDown span.scrollBtn:after{content:"";width: 2px;height: 5px;background-color: var(--white);position:absolute;top:20%;left:50%;-webkit-transform:translateX(-50%);transform:translateX(-50%);-webkit-animation: scrollDown_mouse 1.5s linear infinite;animation: scrollDown_mouse 1.5s linear infinite;}
#banner #scrollDown span.scrollArrow{width: 1px;height: 190px;background: #ebebeb;display:block}

@media screen and (max-width: 1440px){
    #banner #scrollDown{left: 40%;}
}
@media screen and (max-width: 1280px){
	#banner_box .info_box p{font-size: 30px;}
}
@media screen and (max-width: 1024px){
    #banner_box .img_box iframe, #banner_box .img_box video{width:auto;height: 100%;}
}
@media screen and (max-width: 800px){
    #banner #scrollDown{right: 10%;left: auto;}
    #banner_box .info_box{right:auto;left: 10%;width: 80%;height: 80%;top: unset;bottom: 0;}
}
@media screen and (max-width: 640px){
    #banner_box .img_box img{height: 70vh;}
    #banner_box .info_box a{display:none;}
    #banner_box .info_box font{font-size: 15px;width: 95px;margin-right: 8px;}
	#banner_box .info_box p{font-size: 22px;}
}