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

.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: #ddd; }

.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: #A32C9F; 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; width: 350px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-product-content .__product-container[data-product="goodbase"] .__description-container.goodbase { width: auto; } }

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

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

.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; } }

@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-kv .brand-kv-bg { background-image: url(../../../img/brands/hwaaerak/kv_img.jpg); }

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

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

.brand-wrapper .brand-section-kv .brand-kv-desc-back { background-color: #a4afe3; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-kv .brand-kv-desc-back { background-color: #a4afe3; } }

.brand-wrapper .brand-section-kv .brand-kv-desc .kv-text { white-space: nowrap; margin-bottom: 3em; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-text { margin-bottom: 1.3em; } }

.brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box { display: inline-block; vertical-align: middle; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box { margin: 0 1vw; } }

.brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box:first-child { margin-right: 20px; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box:first-child { margin-right: 0; } }

.brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box:last-child { margin-left: 20px; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box:last-child { margin-left: 0; } }

.brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box .top { color: #fff; font-size: 140px; opacity: 0.2; margin-bottom: 20px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box .top { font-size: 100px; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box .top { font-size: 84px; } }

@media screen and (max-width: 360px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box .top { font-size: 64px; } }

.brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box .text { color: #fff; }

@media screen and (max-width: 360px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-text .box .text { font-size: 30px; } }

.brand-wrapper .brand-section-kv .brand-kv-desc .kv-last { margin-top: 40px; font-size: 24px; font-weight: 500; font-stretch: normal; font-style: normal; line-height: 1.5; letter-spacing: -0.48px; text-align: center; color: #fff; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-kv .brand-kv-desc .kv-last { margin-top: 30px; font-size: 18px; } }

.brand-wrapper .brand-section-grid-product { color: #000; }

.brand-wrapper .brand-section-grid-product .brand-section-inner .brand-section-container .brand-grid-product { padding-bottom: 0px !important; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-text { width: 100%; text-align: center; margin-left: 0; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content { position: relative; margin-top: 150px; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li { position: relative; text-align: center; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li { width: 50%; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .dot { position: absolute; top: 230px; left: -7px; box-sizing: border-box; width: 14px; height: 14px; font-size: 0; background-color: #fff; border: solid 4px #8d2188; border-radius: 7px; z-index: 1; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .dot { top: 142px; width: 8px; height: 8px; left: -5px; border-width: 2px; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .dot { top: 122px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .dash { position: absolute; top: 234px; left: 0; width: 20%; height: 0; font-size: 0; border-top: dashed 2px #d3d3d3; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .dash { top: 145px; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .dash { top: 125px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:first-child { margin-top: 0; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:first-child .dot { border-color: #8d2188; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(2) { margin-top: 280px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(2) { margin-top: 160px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(2) .dot { border-color: #e55a39; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(3) { margin-top: -130px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(3) { margin-top: -108px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(3) .dot { border-color: #dd003b; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(4) { margin-top: 160px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(4) { margin-top: 52px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(4) .dot { border-color: #d20c36; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(5) { margin-top: -150px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(5) { margin-top: -106px; margin-bottom: 70px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(5) .dot { border-color: #88121a; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:last-child { margin-top: 120px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:last-child { margin-top: 52px; margin-bottom: 70px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:last-child .dot { border-color: #88121a; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(odd) { text-align: left; }
  .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(odd) .brand-grid-product-content-inner { padding-left: 20%; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(even) { text-align: right; }
  .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(even) .brand-grid-product-content-inner { padding-right: 20%; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(even) .dot { left: inherit; right: -7px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(even) .dot { right: -3px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li:nth-child(even) .dash { left: inherit; right: 0; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner { display: block; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner { display: inline-block; vertical-align: middle; width: 100%; box-sizing: border-box; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-img { max-width: 124px; margin: 0 auto 18px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-img { max-width: 72px; margin: 0 auto 6px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-text { max-width: inherit; text-align: center; padding: 0; margin: inherit; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-text { white-space: nowrap; margin: 0 auto; min-width: 130px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-text .year { font-size: 98px; letter-spacing: -0.020em; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-text .year { font-size: 48px; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-text h5 { margin: 8px 0 12px; }

@media screen and (max-width: 1280px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-text h5 { font-size: 24px; } }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-text h5 { font-size: 14px; line-height: 1.37; margin: 8px 0 6px; } }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content ul li .brand-grid-product-content-inner .brand-grid-product-content-text .brand-font-sm { font-size: 13px; line-height: 1.51; } }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content .line_wrap { overflow: hidden; position: absolute; top: 0; left: 0; right: 0; width: 4px; height: 100%; margin: -10px auto 0; opacity: 0.8; z-index: -1; }

.brand-wrapper .brand-section-grid-product .brand-grid-product-content .line_wrap .line { width: 4px; height: 1944px; background-image: linear-gradient(to bottom, #8d2188, #8d2188 9%, #e55a39 32%, #dd003b 52%, #d20c36 71%, #88121a 90%, #88121a); }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-grid-product .brand-grid-product-content .line_wrap .line { width: 2px; height: 1168px; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-tagline .brand-tagline-title-area .brand-section-container p span { display: inline; }
  .brand-wrapper .brand-section-tagline .brand-tagline-title-area .brand-section-container p br { display: none; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-tagline .brand-tagline-over .brand-section-container p span { display: inline; }
  .brand-wrapper .brand-section-tagline .brand-tagline-over .brand-section-container p br { display: none; } }

.brand-wrapper .brand-section-flow .brand-flow-title-area { margin-bottom: 60px; }

.brand-wrapper .brand-section-flow .brand-flow-title-area .brand-section-container h3 { margin-bottom: 60px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-title-area .brand-section-container h3 span { display: inline; margin-right: 0.5rem; }
  .brand-wrapper .brand-section-flow .brand-flow-title-area .brand-section-container h3 span br { display: none; } }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-title-area .brand-section-container p span br { display: none; } }

.brand-wrapper .brand-section-flow .brand-flow-content { position: relative; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content { overflow-x: scroll; overflow-y: hidden; } }

.brand-wrapper .brand-section-flow .brand-flow-content.hover .flow-line-box .flow.flow2 { opacity: 0; }

.brand-wrapper .brand-section-flow .brand-flow-content.hover .flow-people .default-img { opacity: 0.4; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box { position: relative; margin: 0 auto; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box { width: 214.5vw; } }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow.flow1 { position: relative; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow.flow1 { height: 39.1vw; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow.flow1 { height: 55.1vw; } }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow.flow1 img { opacity: 0.3; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow.flow1 img { max-width: inherit; height: 39.1vw; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow.flow1 img { height: 55.1vw; } }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow.flow2 { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: url(../../../img/brands/hwaaerak/illust-line.png); background-size: cover; z-index: 1; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow.flow2 { width: 100%; max-width: inherit; } }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-line-box .flow img { display: block; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people { position: absolute; top: 0; left: 0; right: 0; height: 100%; text-align: right; margin: 0 auto; z-index: 2; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-people { width: 214.5vw; } }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .default-img { max-width: inherit; height: 39.1vw; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .default-img { height: 55.1vw; } }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .hover-img { position: absolute; top: 0; left: 0; height: 100%; margin-top: -2px; opacity: 0; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .hover-img.pause { opacity: 0; transition: opacity .4s ease-in-out; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .hover-img.active { opacity: 1; transition: opacity .3s ease-in-out; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .hover-img { opacity: 1; animation: none !important; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .hover-img { max-width: inherit; height: 55.1vw; } }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .anchor-area { position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .anchor-area { display: none; } }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .anchor-area .anchor { position: absolute; top: 0; display: block; height: 100%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .anchor-area .anchor[data-anchor-order="1"] { left: 0; width: 20%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .anchor-area .anchor[data-anchor-order="2"] { left: 20%; width: 20%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .anchor-area .anchor[data-anchor-order="3"] { left: 40%; width: 30%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .anchor-area .anchor[data-anchor-order="4"] { left: 70%; width: 30%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box { float: left; position: relative; width: 16.5%; height: 100%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box.step2 h6 { left: 70%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box.step3 h6 { left: 62%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box.step4 h6 { left: 56%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box.twice { width: 33%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box.twice .people { width: 50%; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box .people { float: left; position: relative; width: 100%; height: 100%; text-align: center; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box .people .num { position: absolute; left: 0; top: 50%; width: 50px; height: 50px; font-size: 30px; color: #fff; line-height: 50px; border-radius: 50px; background: #8D2188; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box .people img { position: relative; top: 10%; display: inline-block; vertical-align: middle; height: 11.5vw; }

.brand-wrapper .brand-section-flow .brand-flow-content .flow-people .flow-people-inner .people-box h6 { position: absolute; left: 5%; bottom: 0; display: inline-block; vertical-align: middle; font-size: 18px; color: #fff; text-align: center; white-space: nowrap; padding: 16px 20px 18px; border-radius: 50px; background-color: #8D2188; }

.brand-wrapper .brand-section-img-cross { height: 300vh; }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content { position: relative; height: var(--app-height); }

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

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .full-text { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); -webkit-transform: translate(-50%, -50%); -moz-transform: translate(-50%, -50%); -ms-transform: translate(-50%, -50%); -o-transform: translate(-50%, -50%); text-align: center; }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .full-text { text-align: center; white-space: nowrap; } }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .full-text div { display: inline-block; vertical-align: middle; }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area { position: absolute; top: 0; left: 0; right: 0; height: 100%; }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box { position: absolute; width: 50%; height: 100%; overflow: hidden; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box { width: 100%; height: 50%; } }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box .deam { display: block; content: ''; position: absolute; width: 100%; height: 100%; opacity: 0; background-color: #000; }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box .bgBox { position: absolute; width: 100%; height: 100vh; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box .bgBox { width: 100vw; height: 100%; } }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box:first-child { top: 0; left: 0; }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box:first-child .bgBox { background: url(../../../img/brands/hwaaerak/6_img1.jpg) no-repeat 10% 100%/cover; background-size: cover; bottom: 0; right: 0; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box:first-child .bgBox { background: url(../../../img/brands/hwaaerak/6_img1_t.jpg) no-repeat 50% 100%/cover; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box:first-child .bgBox { background: url(../../../img/brands/hwaaerak/6_img1_m.jpg) no-repeat 50% 100%/cover; } }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box:last-child { bottom: 0; right: 0; }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box:last-child .bgBox { background: url(../../../img/brands/hwaaerak/6_img2.png) no-repeat 0 100%/cover; background-size: cover; top: 0; left: 0; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box:last-child .bgBox { background: url(../../../img/brands/hwaaerak/6_img2_t.png) no-repeat 50% 100%/cover; } }

@media screen and (max-width: 767px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box:last-child .bgBox { background: url(../../../img/brands/hwaaerak/6_img2_m.png) no-repeat 50% 100%/cover; } }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box .cross-box-inner { position: absolute; bottom: 140px; left: 0; right: 0; color: #fff; text-align: center; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box .cross-box-inner { bottom: 60px; } }

.brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box .cross-box-inner .title { color: #fff; margin-bottom: 36px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-img-cross .brand-img-cross-content .cross-area .cross-box .cross-box-inner .title { margin-bottom: 20px; line-height: 1; } }

@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/hwaaerak/bg1@2x.jpg") no-repeat center/cover; }

@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/hwaaerak/bg1_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/hwaaerak/bg1_m@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 { width: 28%; height: 125%; top: 38.8%; }

.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/hwaaerak/pd-1.png); }

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

@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/hwaaerak/bg2_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/hwaaerak/bg2_m@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 { width: 71%; height: 113%; top: 44.1%; }

.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/hwaaerak/pd-2.png); }

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

@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/hwaaerak/bg3_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/hwaaerak/bg3_m@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: 71%; height: 113%; top: 43.7%; }

.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/hwaaerak/pd-3.png); }

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

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over4 .__scene-inner { background: url("../../../img/brands/hwaaerak/bg4_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.__over4 .__scene-inner { background: url("../../../img/brands/hwaaerak/bg4_m@2x.jpg") no-repeat center/cover; } }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over.__over4 .__scene-inner .__product-container[data-product="goodbase"] .__product-img { width: 71%; height: 113%; top: 44.1%; }

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

.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/hwaaerak/pd-1_all.png); }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__product-container .__product-img { width: 28%; height: 123%; top: 49.8%; }

.brand-wrapper .brand-section-product.brand-section-product-intro .brand-product-content .__scene.__over .__product-container::after { content: ""; display: block; position: absolute; background-position: center; background-size: contain; background-repeat: no-repeat; }

.brand-wrapper .brand-section-hero .brand-hero-bg { background-image: url(../../../img/brands/hwaaerak/final_tit_img.jpg); background-position: top; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-hero .brand-hero-bg { background-image: url(../../../img/brands/hwaaerak/final_tit_img_t.jpg); } }

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

body.en .brand-wrapper .brand-section-kv .brand-kv-desc .brand-section-container p span { display: inline; }

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

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

.brand-section-tagline .brand-tagline-title-area .brand-tagline-title-content h3 { margin-bottom: 30px; }

@media screen and (max-width: 1023px) { .brand-section-tagline .brand-tagline-title-area .brand-tagline-title-content h3 { margin-bottom: 20px; } }

@media screen and (max-width: 767px) { .brand-section-tagline .brand-tagline-title-area .brand-tagline-title-content h3 { margin-bottom: 10px; }
  .brand-section-tagline .brand-tagline-title-area .brand-tagline-title-content h3 br:last-of-type { display: none; } }

.brand-section-tagline .brand-tagline-bgs .dim20 { position: absolute; top: 0; left: 0; right: 0; bottom: 0; height: 100%; background: rgba(0, 0, 0, 0.2); z-index: 2; }

.brand-wrapper .brand-section-flow .brand-flow-title-area .brand-section-container h3, .brand-section-grid-product .brand-grid-product-title { margin-bottom: 50px; }

@media screen and (max-width: 1023px) { .brand-wrapper .brand-section-flow .brand-flow-title-area .brand-section-container h3, .brand-section-grid-product .brand-grid-product-title { margin-bottom: 30px; }
  .brand-wrapper .brand-section-flow .brand-flow-title-area .brand-section-container h3 span, .brand-section-grid-product .brand-grid-product-title span { display: inline; } }

body.en .brand-section-kv .brand-kv-desc .brand-kv-desc-text p { max-width: 660px; }

body.en .brand-wrapper .brand-section-img-cross .brand-img-cross-content .full-text div { font-family: 'CeraPro', sans-serif; font-weight: 500; }

body.en .brand-wrapper .brand-section-img-cross .brand-img-cross-content .brand-section-history .brand-grid-content-desc .cross-area .cross-box .cross-box-inner .title { font-family: 'CeraPro', sans-serif; font-weight: 500; line-height: 1.3; }

body.cn .brand-wrapper .brand-product-content .__product-container[data-product="goodbase"] .__description-container.goodbase { width: 320px; }

@media screen and (max-width: 1023px) { body.cn .brand-wrapper .brand-product-content .__product-container[data-product="goodbase"] .__description-container.goodbase { width: auto; } }

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