.main-recom-banner__item{display:block;position:relative;height:480px;overflow:hidden;text-align:left}.main-recom-banner.is--text-white .text-wrap .banner-title,.main-recom-banner.is--text-white .text-wrap .banner-desc{color:#fff}.main-recom-banner .fixed-bg-position{position:absolute;width:100%;height:100%;top:0;left:0;overflow:hidden}.main-recom-banner .fixed-bg-position__inner{position:absolute;top:50%;left:0;width:100%;height:auto;transform:translateY(-50%);transition:transform .1s linear}.main-recom-banner .img-wrap{height:100%;overflow:hidden}.main-recom-banner .img-wrap img{width:100%;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center;object-position:center}.main-recom-banner .text-wrap{position:absolute;top:0;margin-top:123px;margin-left:122px}.main-recom-banner .text-wrap .logo-wrap{width:360px;height:120px;padding:13px 0 12px 3px;box-sizing:border-box}.main-recom-banner .text-wrap .logo-wrap img{width:auto;height:100%}.main-recom-banner .text-wrap .banner-title{font-size:30px;font-weight:500;line-height:1;letter-spacing:-.0075em;color:#000;padding-top:30px}.main-recom-banner .text-wrap .banner-desc{font-size:18px;font-weight:300;line-height:1.44;letter-spacing:-.0045em;color:#222;padding-top:20px}@media (max-width: 1440px){.main-recom-banner.page-width{padding-left:0;padding-right:0}}@media (max-width: 1024px){.main-recom-banner__item{height:321px}.main-recom-banner .text-wrap{margin-top:82px;margin-left:81px}.main-recom-banner .text-wrap .logo-wrap{width:242px;height:81px;padding:10px 0 8px 2px}.main-recom-banner .text-wrap .banner-title{padding-top:19px;font-size:20px}.main-recom-banner .text-wrap .banner-desc{font-size:12px;padding-top:14px}}@media (max-width: 750px){.main-recom-banner__item{height:64vw}.main-recom-banner .img-wrap img{-o-object-position:left -3.6vw;object-position:left -3.6vw;transform:scale(1.6)}.main-recom-banner .text-wrap{margin-top:65px;margin-left:30px}.main-recom-banner .text-wrap .logo-wrap{width:165px;height:55px;padding:6px 0 6px 2px}.main-recom-banner .text-wrap .banner-title{padding-top:12px;font-size:18px;line-height:1.39}.main-recom-banner .text-wrap .banner-desc{display:none}}@media (max-width: 320px){.main-recom-banner__item{height:204px}.main-recom-banner .img-wrap img{-o-object-position:left -11px;object-position:left -11px}}
/*# sourceMappingURL=/cdn/shop/t/10/assets/main-recommend-banner.scss.css.map */