#banner{position:relative}
#banner:before{content:'';width: 1px;height: 100%;position: absolute;top: 0;left: 190px;background: #e6e6e6;z-index: 2;opacity: .2;}
#banner:after{content:'';width: 400px;height: 1px;position: absolute;bottom: calc(35% + 13px);left: 0;background: #e6e6e6;z-index: 2;opacity: .2;}
#banner .workframe{width: min(90%, 1200px);display: flex;flex-direction: column;align-items: flex-start;margin-top: calc(10% + 10px);}
#banner_box , #banner_box .item , #banner_box .img_box {position: relative;background: var(--tertiary);}
#banner_box .img_box img {min-width: 100vw;width: 100vw;aspect-ratio: 5/2.05;z-index: 2;position: relative;}
#banner_box .img_box iframe , #banner_box .img_box video {position: absolute;width: 80%;top: 0;left: 0;z-index: 0;height: auto;opacity: .2;transform: scaleX(-1);}
#banner_box .slick-dotted .slick-track { min-width: 100vw; }
#banner_box .info_box , #banner_box .atag_item { position: absolute; }
#banner_box .info_box {width: 100%;height: 100%;display: flex;align-items: center;top: 0;left: 0;z-index: 2;}
#banner_box .info_box em{font-family: "Roboto", sans-serif;font-size: 60px;font-weight: 600;font-style: unset;text-transform: uppercase;line-height: 1.2;background: linear-gradient(0deg, #9dcbc8 30%, white);-webkit-background-clip: text;background-clip: text;color: transparent;}
#banner_box .info_box span{width: 55px;height: 3px;display: block;background: linear-gradient(90deg, var(--fourth), var(--primary));margin: 35px 0 25px;}
#banner_box .info_box .title_big{font-size:35px;background: linear-gradient(0deg, #9dcbc8 30%, white);-webkit-background-clip: text;background-clip: text;color: transparent;font-weight: 600;letter-spacing: 2px;margin-bottom: 15px;}
#banner_box .info_box p{font-size:22px;color: white;letter-spacing: 3.5px;font-weight: 300;}

#scrollDown{position:absolute;bottom: 80px;left: 73px;}
#scrollDown a{position:absolute;width: 100%;height: 100%;z-index: 2;}
#scrollDown span{color:white;font-family: "Roboto", sans-serif;writing-mode: vertical-lr;letter-spacing: 2px;animation: bannscrollDown 3s ease-in-out infinite;}
@keyframes bannscrollDown{0%{-webkit-tranform:translateY(0);transform:translateY(0);}50%{-webkit-transform:translateY(20px);transform:translateY(20px);}100%{-webkit-transform:translateY(0);transform:translateY(0);}}

@media screen and (max-width: 1440px){
    #banner .workframe{width: min(90%, 880px);margin-top: calc(10% + 4px);}
}
@media screen and (max-width: 1160px){
    #scrollDown, #banner:before, #banner:after{display:none;}
	#banner_box .img_box img { aspect-ratio: 5/3; }
}
@media screen and (max-width: 900px){
    #banner_box .info_box p{font-size:16px;}
    #banner_box .info_box .title_big{font-size:20px;}
    #banner_box .info_box em{font-size: 40px;}
}
@media screen and (max-width: 900px){
    #banner_box .info_box span{margin: 20px 0 15px;}
    #banner_box .info_box p{font-size: 12px;}
    #banner_box .info_box .title_big{font-size: 15px;}
    #banner_box .info_box em{font-size: 25px;}
	#banner_box .img_box img { aspect-ratio: 5/4; }
}
@media screen and (max-width: 900px){
#banner{margin-top: 80px;}
}