#banner {width: 100vw;z-index: 3;padding-top: 110px;}
#banner .slick-slide { min-width: 100vw; }
#banner img {width: 100vw;height: 105vh;}
#banner .pos_abs {width: 100vw;height: 100vh;top: 0;left: 0;}
#banner .info{height:auto;}
#banner .info .more_btn{position:absolute;bottom: 110px;right: 70px;z-index: 10;}
#banner .info .txt {margin: 0;background: var(--white);width: calc(100% - 890px);position: relative;padding: 110px 70px 110px 180px;}
#banner .info .txt * {font-weight: 400;color: #3c3c3b;opacity: 0;-webkit-transform: translateY(15px);transform: translateY(15px);}
#banner .info .txt h3 {font-size: 20px;font-family: "Tenor Sans", sans-serif;font-weight: bolder;letter-spacing: 2px;display: flex;align-items: center;}
#banner .info .txt h3:before{content:'';width: 15px;height: 15px;display: inline-block;background: var(--primary);border-radius: 50px;box-shadow: 15px 0 #c1cada;margin-right: 25px;}
#banner .info .txt p {font-weight: 600;font-size: 40px;}
#banner a.pos_abs { z-index: 2; }
#banner video , #banner iframe { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

/* slick-current */
#banner .slick-current .info .txt * {opacity: 1;-webkit-transform: translateY(0);transform: translateY(0);transition-delay: .3s;-webkit-transition-delay: .3s;text-align: left;}
#banner .slick-current .info .txt p {letter-spacing: 2px;transition-delay: .6s;-webkit-transition-delay: .6s;margin-top: 10px;}

@media screen and (max-width: 1680px){
    #banner img {height: 80vh;}
    #banner .info .txt{padding: 85px 200px 80px 70px;width: calc(100% - 810px);}
}
@media screen and (max-width: 1366px){
    #banner .info .more_btn{position:relative;bottom: unset;right: unset;margin-top: 30px;}
    #banner .info .txt{padding: 95px 70px;width: calc(100% - 810px);}
}
@media screen and (max-width: 1280px){
    #banner{padding-top:80px;}
    #banner .info .txt{padding: 65px 70px;width: calc(100% - 770px);}
}
@media screen and (max-width: 1024px){
    #banner .info .txt{width: calc(100% - 425px);}
}
@media screen and (max-width: 768px){
    #banner img {height: 50vh;}
    #banner .item{display:flex;flex-direction: column;}
    #banner .info{position:relative;order: -1;}
    #banner .info .txt{width: 100%;padding: 65px 0 20px;display: flex;flex-direction: column;align-items: center;}
}
@media screen and (max-width: 640px){
    #banner .info .txt p{font-size: 30px;}
}