.brand-wrapper { /********** tagline **********/ /********** brand-section-white **********/ /********** features **********/ /********** intro **********/ }

.brand-wrapper .brand-section-kv .brand-kv-bg { background-image: url(../../../img/brands/goodbase/final_tit_img_1@2x.jpg); background-position: top; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-kv .brand-kv-bg { background-image: url(../../../img/brands/goodbase/final_tit_img_t_1@2x.jpg); } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-kv .brand-kv-bg { background-image: url(../../../img/brands/goodbase/final_tit_img_m_1@2x.jpg); } }

.brand-wrapper .brand-section-product { position: relative; height: 200vh; overflow: visible !important; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-slide .brand-section-container > div.panel_wrap .panel.panel3 { margin-bottom: 20px; } }

.brand-wrapper .brand-section-slide .brand-slide-content .brand-section-container > div.text_wrap .brand-font-xl { white-space: inherit; }

.brand-wrapper .brand-product-content { position: absolute; width: 100vw; height: 100vh; left: 0; top: 0; }

@media screen and (max-width: 1280px) { .brand-wrapper .brand-product-content { height: var(--app-height); } }

.brand-wrapper .brand-product-content .__scene { position: absolute; width: 100%; height: 100%; top: 0; left: 0; }

.brand-wrapper .brand-product-content .__scene .__scene-inner { position: absolute; width: 100vw; height: 100vh; top: 0; left: 0; background-color: #fff; }

@media screen and (max-width: 1280px) { .brand-wrapper .brand-product-content .__scene .__scene-inner { height: var(--app-height); } }

.brand-wrapper .brand-product-content .__scene.__over { overflow: hidden; top: auto; bottom: 0; height: 50%; }

.brand-wrapper .brand-product-content .__scene.__over .__scene-inner { top: auto; bottom: 0; background: #1a1711; }

.brand-wrapper .brand-product-content .__scene.__over .__product-container .__oval { background: #fff; }

.brand-wrapper .brand-product-content .__product-container { width: 540px; height: 540px; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

@media screen and (max-width: 1280px) { .brand-wrapper .brand-product-content .__product-container { width: 380px; height: 380px; } }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-product-content .__product-container { width: 386px; height: 386px; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-product-content .__product-container { width: 250px; height: 250px; } }

.brand-wrapper .brand-product-content .__product-container .__oval { background-color: #9c2925; width: 100%; height: 100%; border-radius: 50%; overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }

.brand-wrapper .brand-product-content .__product-container .__product-img { width: 29.62963%; height: 133.33333%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); transform-origin: 50% 20%; }

.brand-wrapper .brand-product-content .__product-container .__product-img .__img { position: absolute; width: 100%; height: 100%; top: 0; left: 0; background-size: 100% auto; transform-origin: 50% 0%; }

.brand-wrapper .brand-product-content .__product-container[data-product="goodbase"] .__description-container.goodbase { display: block; }

.brand-wrapper .brand-product-content .__product-container .__description { position: absolute; top: 50%; transform: translateY(-50%); left: 100%; padding: 60px; color: #fff; width: 300px; }

.brand-wrapper .brand-product-content .__product-container .__description .__description-container { display: none; }

@media screen and (max-width: 1280px) { .brand-wrapper .brand-product-content .__product-container .__description { padding: 30px; width: 270px; left: 95%; } }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-product-content .__product-container .__description { padding: 50px 30px; width: 280px; text-align: center; left: 50% !important; transform: translateX(-50%) !important; top: 100% !important; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-product-content .__product-container .__description { padding: 30px; width: 280px; } }

.brand-wrapper .brand-product-content .__product-container .__description h3 { margin-bottom: 0.6em; line-height: 1.45; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-product-content .__product-container .__description h3 span br { display: none; } }

.brand-wrapper .brand-product-content .__product-container.__over .__product-img .__img { height: 100%; }

.brand-wrapper .brand-section-tagline .brand-tagline-over .brand-tagline-bgs { left: unset; right: 0; transform: translate(0%, -50%); box-sizing: border-box; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-tagline .brand-tagline-over .brand-tagline-bgs { max-width: 1920px; } }

.brand-wrapper .brand-section-tagline .brand-tagline-over .brand-tagline-over-inner { background-color: transparent; }

.brand-wrapper .brand-section.brand-section-white { background: transparent; margin-top: -818px; }

.brand-wrapper .brand-section.brand-section-white .__pt-lg { padding-top: 0 !important; }

.brand-wrapper .brand-section.brand-section-white .hide_li img { opacity: 0; }

.brand-wrapper .brand-section.brand-section-white .brand-name { margin: 0.75em 0 0.25em; line-height: 1.4; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section.brand-section-white .brand-name { margin: 20px 0 6px; font-size: 20px; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-features { padding-top: 120px !important; }
  .brand-wrapper .brand-section-features .brand-features-content .brand-features-title { margin-bottom: 0; } }

.brand-wrapper .brand-section-product.brand-section-product-intro { height: var(--app-height) !important; }

@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) { .brand-wrapper .brand-section-product.brand-section-product-intro { height: 100vh !important; } }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over { height: 100%; }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over1 .__scene-inner { background: url("../../../img/brands/goodbase/pd1_bg@2x.jpg") no-repeat center/cover; }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over1 .__scene-inner .__product-container[data-product="goodbase"] .__product-img .__img { background-image: url(../../../img/brands/goodbase/pd-1-over1.png); }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over1 .__scene-inner { background: url("../../../img/brands/goodbase/pd1_bg_t@2x.jpg") no-repeat center/cover; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over1 .__scene-inner { background: url("../../../img/brands/goodbase/pd1_bg_m@2x.jpg") no-repeat center/cover; } }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over2 .__scene-inner { background: url("../../../img/brands/goodbase/pd2_bg@2x.jpg") no-repeat center/cover; }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over2 .__scene-inner .__product-container[data-product="goodbase"] .__product-img .__img { background-image: url(../../../img/brands/goodbase/pd-2-over2.png); }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over2 .__scene-inner { background: url("../../../img/brands/goodbase/pd2_bg_t@2x.jpg") no-repeat center/cover; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over2 .__scene-inner { background: url("../../../img/brands/goodbase/pd2_bg_m@2x.jpg") no-repeat center/cover; } }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over3 .__scene-inner { background: url("../../../img/brands/goodbase/pd3_bg@2x.jpg") no-repeat center/cover; }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over3 .__scene-inner .__product-container[data-product="goodbase"] .__product-img { width: 59.8148%; height: 116.3703%; top: 42%; }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over3 .__scene-inner .__product-container[data-product="goodbase"] .__product-img .__img { background-image: url(../../../img/brands/goodbase/pd-3-over3.png); }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over3 .__scene-inner { background: url("../../../img/brands/goodbase/pd3_bg_t@2x.jpg") no-repeat center/cover; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over3 .__scene-inner { background: url("../../../img/brands/goodbase/pd3_bg_m@2x.jpg") no-repeat center/cover; } }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over .__product-container .__oval { overflow: visible; }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over .__product-container .__description.left { left: auto; right: 100%; }

@media screen and (max-width: 1280px) { .brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over .__product-container .__description.left { right: 95%; } }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__product-container[data-product="goodbase"] .__product-img .__img { background-image: url(../../../img/brands/goodbase/pd-1.png); }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__product-container .__product-img { /*width: 70.3703%;*/ width: 69.37037%; height: 116.9444%; top: 42%; }

.brand-wrapper .brand-section-hero .brand-hero-bg { background-image: url(../../../img/brands/goodbase/final_tit_img_1@2x.jpg); background-position: top; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-hero .brand-hero-bg { background-image: url(../../../img/brands/goodbase/final_tit_img_t_1@2x.jpg); background-position: center; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-hero .brand-hero-bg { background-image: url(../../../img/brands/goodbase/final_tit_img_m_1@2x.jpg); } }

.has-scroll-smooth.mobile .brand-wrapper .brand-section-product { position: relative; height: calc(var(--app-height) * 2); }

@media screen and (max-width: 1023px) { .brand-font-xl.goodbase-xl { font-size: 32px !important; line-height: 54px; letter-spacing: -0.2px; } }

@media screen and (max-width: 767px) { .brand-font-xl.goodbase-xl { font-size: 26px !important; line-height: 38px; letter-spacing: -0.52px; } }

@media screen and (max-width: 767px) { .en .brand-wrapper .brand-section-slide .brand-slide-content .brand-section-container > div.text_wrap .brand-font-xl { top: 90px; } }

@media screen and (max-width: 1280px) { .laptop-fs52 { font-size: 52px !important; } }

@media screen and (max-width: 1280px) { .en div.text_wrap .brand-font-xl { margin-top: -20px; } }

@media screen and (max-width: 1023px) { .en div.text_wrap .brand-font-xl { margin-top: 0; } }

@media screen and (max-width: 1280px) { .en div.text_wrap .text_box .panel-text { margin-top: -20px; } }

@media screen and (max-width: 1023px) { .en div.text_wrap .text_box .panel-text { margin-top: 0; } }

@media screen and (max-width: 1280px) { .en .brand-wrapper .brand-product-content .__product-container .__description { left: 100%; } }

/*# sourceMappingURL=page.css.map */