.hero-banner .main-grid{margin:0 -5px}.hero-banner .grid-item{padding:0 5px}.hero-banner .custom-btn{max-width:203px}.hero-banner .title{color:#fff;font-size:55px;font-weight:400;letter-spacing:2px;line-height:1.1;margin-bottom:35px;max-width:475px}.hero-banner .contents-wrap{padding:0 12px;z-index:9;opacity:0;transition:all .25s ease}.hero-banner .img-wrap{height:640px}.hero-banner .swiper-pagination{bottom:15px}.hero-banner .swiper-pagination-bullet{margin:0 4px!important;opacity:.6;width:10.4px;height:10.4px;background-color:#d8d8d8}.hero-banner .swiper-pagination-bullet-active{opacity:1}.hero-banner .main-grid{width:50%;margin:0 auto;opacity:0;transition:all .25s ease}.hero-banner .main-grid.swiper-initialized{opacity:1}.main-grid .grid-inner:after{content:"";width:100%;height:100%;background-color:#00000061;position:absolute;top:0;opacity:0;left:0;transition:all .6s ease}.main-grid .swiper-slide-active .grid-inner:after{opacity:1}.main-grid .swiper-slide-active .contents-wrap{opacity:1}@media screen and (max-width: 1450px){.hero-banner .img-wrap{height:580px}}@media screen and (max-width: 1359px){.hero-banner .img-wrap{height:550px}}@media screen and (max-width: 1279px){.hero-banner .title{font-size:44px;margin-bottom:25px;max-width:430px}.hero-banner .img-wrap{height:405px}.hero-banner .custom-btn{max-width:190px}}@media screen and (max-width: 990px){.hero-banner .title{font-size:32px;margin-bottom:20px;max-width:310px}.hero-banner .grid-item{padding:0 3px}.hero-banner .custom-btn{max-width:175px}.hero-banner .img-wrap{height:340px}}@media screen and (max-width: 767px){.hero-banner .main-grid{margin:0}.hero-banner .grid-item{padding:0}.hero-banner .title{font-size:39px;margin-bottom:28px;max-width:380px}.hero-banner .custom-btn{max-width:160px}.hero-banner .grid-item{max-width:100%;min-width:100%;flex:100%}.hero-banner .img-wrap{height:550px}.hero-banner .main-grid{width:100%;margin:0}.main-grid .grid-inner:after{opacity:1}}@media screen and (max-width: 360px){.hero-banner .img-wrap{height:510px}}
/*# sourceMappingURL=/cdn/shop/t/72/assets/hero-banner.css.map */