:root {
  --055098: #055098;
  --black: #000;
  --white: #fff;
  --df662b: #df662b;
}

.w-layout-blockcontainer {
  max-width: 940px;
  margin-left: auto;
  margin-right: auto;
  display: block;
}

.w-layout-layout {
  grid-row-gap: 20px;
  grid-column-gap: 20px;
  grid-auto-columns: 1fr;
  justify-content: center;
  padding: 20px;
}

.w-layout-cell {
  flex-direction: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.w-layout-grid {
  grid-row-gap: 16px;
  grid-column-gap: 16px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.w-form-formradioinput--inputType-custom {
  border: 1px solid #ccc;
  border-radius: 50%;
  width: 12px;
  height: 12px;
}

.w-form-formradioinput--inputType-custom.w--redirected-focus {
  box-shadow: 0 0 3px 1px #3898ec;
}

.w-form-formradioinput--inputType-custom.w--redirected-checked {
  border-width: 4px;
  border-color: #3898ec;
}

@media screen and (max-width: 991px) {
  .w-layout-blockcontainer {
    max-width: 728px;
  }
}

@media screen and (max-width: 767px) {
  .w-layout-blockcontainer {
    max-width: none;
  }
}

h1 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 64px;
  font-weight: 500;
  line-height: 120%;
}

h2 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 36px;
  font-weight: 500;
  line-height: 120%;
}

h3 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 26px;
  font-weight: 400;
  line-height: 100%;
}

h4 {
  margin-top: 0;
  margin-bottom: 0;
  font-size: 20px;
  font-weight: 400;
  line-height: 24px;
}

ul {
  margin-top: 0;
  margin-bottom: 0;
  padding-left: 40px;
}

label {
  margin-bottom: 5px;
  font-weight: 400;
  display: block;
}

.section {
  padding-top: 80px;
  padding-bottom: 80px;
}

.section.banner {
  background-color: #f5f5f5;
  margin-top: -110px;
  margin-bottom: 80px;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.footer {
  background-color: #055098;
  overflow: hidden;
}

.section.navbar {
  z-index: 999;
  -webkit-backdrop-filter: blur(5px);
  backdrop-filter: blur(5px);
  background-color: #ddd0;
  background-image: linear-gradient(#3a3a3acc, #fff0);
  padding-top: 30px;
  padding-bottom: 30px;
  position: sticky;
}

.section.detail-page-banner {
  background-color: #f5f5f5;
  margin-bottom: 0;
  padding-top: 0;
  padding-bottom: 0;
  overflow: hidden;
}

.section.bg-lign-blue {
  background-color: #f7f8fa;
}

.container {
  max-width: 1440px;
  padding-left: 60px;
  padding-right: 60px;
}

.container.top-banner, .container.no-padding {
  padding-left: 0;
  padding-right: 0;
}

.container.navbar {
  padding: 0 40px;
  position: relative;
}

.container.page-intro-img, .container.join-the-team {
  padding-right: 0;
}

.home-banner-video {
  width: 100svw;
  height: 900px;
  padding: 20px;
  position: absolute;
  inset: 0% auto 0% 50%;
  transform: translate(-50%);
}

.top-banner-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  height: 900px;
  padding: 140px 20px 20px;
  display: flex;
  position: relative;
}

.top-banner-b.detail-page {
  height: 350px;
  margin-top: -112px;
}

.top-banner-title-b {
  z-index: 1;
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #fff;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-start;
  width: 75%;
  padding-bottom: 40px;
  padding-left: 20px;
  padding-right: 20px;
  display: flex;
  position: relative;
}

.body {
  font-family: Inter, sans-serif;
  font-size: 16px;
}

.top-banner-news-b {
  z-index: 2;
  background-color: #fff;
  border-radius: 10px;
  padding: 20px 40px;
  position: relative;
}

.hide {
  display: none;
}

.top-banner-news-slider {
  background-color: #ddd0;
}

.top-banner-news-slide-row {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  color: #333;
  height: 100%;
  margin-right: 80px;
  padding-right: 0;
  text-decoration: none;
  display: flex;
}

.top-banner-news-slide-col {
  flex: 1;
}

.top-banner-news-slide-col.text {
  flex-flow: column;
  display: flex;
}

.top-banner-news-slide-num-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: center;
  align-items: center;
  font-size: 18px;
  display: flex;
}

.top-banner-news-slide-text-b {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.top-banner-news-slide-title-b {
  color: var(--055098);
}

.top-banner-news-slide-num {
  grid-column-gap: 5px;
  grid-row-gap: 5px;
  color: #c7c7c7;
  display: flex;
}

.text-blue {
  color: var(--055098);
}

.top-banner-news-slide-num-bar {
  background-color: #c7c7c7;
  flex: 1;
  height: 1px;
  position: relative;
}

.top-banner-news-slide-num-bar-now {
  background-color: var(--055098);
  width: 33.33%;
  height: 1px;
}

.top-banner-news-slide-num-bar-now._02 {
  width: 66.66%;
}

.top-banner-news-slide-num-bar-now._03 {
  width: 100%;
}

.top-banner-news-slide-img-b {
  width: 100%;
  height: 100%;
}

.top-banner-news-slide-img {
  object-fit: cover;
  width: 100%;
  height: 100%;
}

.top-banner-news-slide-left-b {
  width: 40px;
  height: 40px;
  inset: auto 0% 0% auto;
}

.top-banner-news-slide-right-b {
  width: 40px;
  height: 40px;
  margin-bottom: 45px;
  inset: auto 0% 0% auto;
}

.top-banner-news-slide-arrow-b {
  width: 100%;
  height: 100%;
  position: relative;
}

.top-banner-news-slide-arrow-hover-b {
  z-index: 2;
  opacity: 0;
  width: 40px;
  height: 40px;
  position: absolute;
}

.shortcut-b {
  background-color: #f5f5f5;
  padding: 10px 20px;
}

.shortcut-col {
  color: #333;
  width: 20%;
  padding-left: 5px;
  padding-right: 5px;
  text-decoration: none;
  display: flex;
}

.shortcut-row {
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-left: -5px;
  margin-right: -5px;
  display: flex;
}

.shortcut-inner-b {
  background-color: #d9d9d9;
  flex: 1;
  padding: 10px 30px 20px 15px;
  transition: background-color .8s, color .8s;
  position: relative;
}

.shortcut-inner-b:hover {
  background-color: var(--055098);
  color: #fff;
}

.shortcut-arrow-b {
  justify-content: center;
  align-items: center;
  margin-bottom: 5px;
  margin-right: 5px;
  display: flex;
  position: absolute;
  inset: auto 0% 0% auto;
}

.shortcut-arrow-img-hover {
  z-index: 2;
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.page-intro-row {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  display: flex;
}

.page-intro-col {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  flex: 1;
  display: flex;
}

.page-intro-col.card, .page-intro-col.img {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex: 0 auto;
  width: 40%;
  max-width: 520px;
}

.title-line-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #000;
  flex-flow: column;
  padding-top: 20px;
  display: flex;
}

.intro-main-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.text-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.text-row.half {
  width: 50%;
}

.text-col {
  flex: 1;
}

.sub-title-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.intro-sub-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-left: 40px;
  display: flex;
}

.btn-b.right {
  justify-content: flex-end;
  align-items: center;
  display: flex;
}

.s-bold {
  font-weight: 600;
}

.text-brand {
  color: var(--055098);
  text-decoration: underline;
}

.text-brand.no-line {
  text-decoration: none;
}

.btn {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--055098);
  align-items: center;
  text-decoration: none;
  transition: color .8s;
  display: flex;
}

.btn:hover {
  color: var(--black);
}

.btn.customer-service {
  color: var(--white);
}

.btn-icon-b {
  background-color: var(--055098);
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 60px;
  min-width: 60px;
  height: 60px;
  min-height: 60px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-icon-b.close {
  background-color: #05509800;
  width: 40px;
  height: 40px;
}

.btn-icon-b.industry {
  background-color: #195d36;
}

.btn-icon-b.technical {
  background-color: #82d8d0;
}

.btn-icon-b.project {
  background-color: #ff8000;
}

.btn-icon-b.product-lunched {
  background-color: #6b46c1;
}

.btn-icon-b.customer-service {
  border: 1px solid var(--white);
  background-color: #05509800;
  justify-content: center;
  align-items: center;
  position: relative;
}

.btn-icon {
  justify-content: center;
  align-items: center;
  width: 15px;
  height: 15px;
  display: flex;
}

.btn-icon.close {
  width: 40px;
  height: 40px;
}

.btn-icon.customer-service {
  justify-content: center;
  align-items: center;
}

.card-b {
  padding: 0;
  display: flex;
}

.card-row {
  background-color: #f5f5f5;
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  font-size: 18px;
  display: flex;
}

.card-title {
  margin-bottom: 40px;
}

.card-title.esg {
  margin-bottom: 0;
}

.card-info {
  border-top: 1px solid #000;
  padding-top: 20px;
}

.card-main {
  margin-top: 20px;
  margin-bottom: 20px;
}

.card-main.num {
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 40px;
  display: flex;
}

.card-main.esg {
  text-align: left;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.card-main.key {
  text-align: right;
  flex-flow: column;
  flex: 1;
  justify-content: flex-end;
  align-items: flex-end;
  padding-top: 60px;
  display: flex;
}

.card-main-num {
  color: #4392cc;
  font-size: 96px;
  font-weight: 500;
  line-height: 100%;
}

.text-card-main-num-sub {
  font-weight: 100;
}

.home-philosophy-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  margin-top: 80px;
  display: flex;
}

.title-n-intro-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.title-n-intro-b.half, .title-n-intro-b.half-copy, .title-n-intro-b.footer {
  width: 50%;
}

.home-philosophy-row {
  flex-flow: row;
  margin-left: -20px;
  margin-right: -20px;
  display: flex;
}

.home-philosophy-col {
  width: 33.33%;
  padding-left: 20px;
  padding-right: 20px;
}

.home-philosophy-card-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.home-philosophy-img-b {
  border-radius: 10px;
  overflow: hidden;
}

.sep-line {
  background-color: #000;
  width: 100%;
  height: 1px;
  margin-top: 20px;
  margin-bottom: 20px;
}

.home-video-b {
  aspect-ratio: 16 / 9;
  border-radius: 20px;
  overflow: hidden;
}

.home-video-lightbox-link {
  width: 100%;
  position: relative;
}

.home-video-lightbox-btn-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: #fff;
  flex-flow: column;
  justify-content: flex-start;
  align-items: center;
  display: flex;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.home-video-lightbox-btn-icon-btn {
  width: 60px;
  height: 60px;
}

.contact-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.from-main-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.from-b {
  background-color: #f5f5f5;
  border-radius: 10px;
  padding: 40px;
}

.contact-info-stack {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding: 0;
  font-weight: 500;
}

.contact-info-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.contact-info-col {
  flex: 1;
}

.contact-info-col.icon {
  flex: 0 auto;
  width: 20px;
  height: 20px;
  display: flex;
}

.contact-info-icon {
  width: 20px;
  height: 20px;
}

.from-col {
  width: 50%;
  padding-left: 10px;
  padding-right: 10px;
}

.from-row {
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.text-field {
  border: 1px solid #d5d5d5;
  border-radius: 10px;
  margin-bottom: 20px;
}

.text-field::placeholder {
  color: #9b9a9b;
  background-color: #fff;
}

.text-area-b {
  margin-bottom: 60px;
}

.text-area {
  border-radius: 10px;
  width: 100%;
  min-width: 100%;
  min-height: 260px;
}

.footer-slogan-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #000;
  flex-flow: column;
  padding-top: 10px;
  display: flex;
}

.footer-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  color: var(--white);
  flex-flow: column;
  display: flex;
}

.footer-stack {
  grid-column-gap: 20px;
  padding: 0;
}

.footer-social-links-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.footer-title {
  font-size: 20px;
  font-weight: 700;
  line-height: 110%;
}

.footer-social-icon-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  display: flex;
}

.social-icon-col {
  width: 16px;
  height: 16px;
  transition: opacity .8s;
  display: flex;
}

.social-icon-col:hover {
  opacity: .5;
}

.footer-contact-links-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  width: 100%;
  display: flex;
}

.footer-contact-row {
  grid-row-gap: 10px;
  flex-flow: wrap;
  margin-left: -10px;
  margin-right: -10px;
  display: flex;
}

.footer-contact-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  padding-left: 10px;
  padding-right: 10px;
  display: flex;
}

.footer-contact-col._50 {
  flex: none;
  width: auto;
  padding-left: 10px;
  padding-right: 10px;
}

.footer-contact-col._100 {
  width: 100%;
  padding-left: 10px;
  padding-right: 10px;
}

.footer-contact-col.logo {
  width: 40%;
}

.footer-contact-col.social {
  width: 20%;
}

.footer-contact-col.contact {
  width: 40%;
}

.footer-contact-icon-b {
  width: 16px;
  min-width: 16px;
  height: 16px;
  min-height: 16px;
}

.footer-link-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 100%;
  padding-bottom: 20px;
  font-size: 12px;
  display: flex;
}

.footer-link-main {
  color: var(--white);
  font-size: 16px;
  line-height: 140%;
  text-decoration: none;
  transition: color .8s;
}

.footer-link-main:hover {
  color: #df662b;
}

.footer-link-sub {
  color: var(--white);
  margin-left: 20px;
  font-size: 12px;
  line-height: 100%;
  text-decoration: none;
  transition: color .8s;
}

.footer-link-sub:hover {
  color: var(--df662b);
}

.footer-line {
  background-color: var(--white);
  height: 1px;
}

.copyright-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: row;
  justify-content: space-between;
  align-items: flex-end;
  display: flex;
}

.copyright-col {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  display: flex;
}

.footer-contact-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.navbar {
  background-color: #ddd0;
  padding-top: 40px;
  padding-bottom: 40px;
  position: absolute;
  inset: 0% 0% auto;
}

.navbar-main-b {
  justify-content: space-between;
  padding-top: 0;
  padding-bottom: 0;
  display: flex;
}

.navbar-menu-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--white);
  justify-content: flex-start;
  align-items: center;
  font-weight: 500;
  text-decoration: none;
  display: flex;
}

.navbar-menu-icon-b {
  flex-flow: row;
  width: 76px;
  display: flex;
  overflow: hidden;
}

.navbar-menu-icon {
  width: 76px;
  margin-left: 0;
  margin-right: -1px;
}

.navbar-menu-icon-inner {
  display: flex;
}

.footer-logo-b {
  width: 50%;
}

.footer-logo {
  width: 100%;
}

.menu-pop {
  z-index: 20;
  filter: drop-shadow(0 2px 5px #00000040);
  width: 0;
  height: 100vh;
  display: flex;
  position: fixed;
  inset: 0% 0% 0% auto;
  overflow: hidden;
}

.menu-pop-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #fff;
  flex-flow: column;
  width: 480px;
  padding-top: 20px;
  padding-bottom: 20px;
  display: flex;
  overflow: hidden;
}

.menu-pop-nav-row {
  flex-flow: column;
  flex: 1;
  width: 480px;
  display: flex;
  overflow: auto;
}

.menu-pop-info-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  width: 480px;
  padding-bottom: 60px;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.menu-pop-close-b {
  width: 480px;
  padding: 20px 40px;
}

.menu-pop-nav-col {
  color: #333;
  border-bottom: 1px solid #d6d6d6;
  padding: 20px 40px;
  font-size: 26px;
  line-height: 120%;
  text-decoration: none;
  transition: background-color .2s, border-color .8s, color .8s;
}

.menu-pop-nav-col:hover {
  border-bottom-color: var(--055098);
  color: var(--055098);
  background-color: #0550980d;
}

.menu-pop-info-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.menu-pop-info-col {
  color: #333;
  text-decoration: none;
}

.menu-pop-info-col:hover {
  color: var(--055098);
}

.menu-pop-icon-row {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  display: flex;
}

.menu-pop-icon-col {
  transition: opacity .8s;
}

.menu-pop-icon-col:hover {
  opacity: .5;
}

.contact-link {
  color: var(--white);
  text-decoration: none;
  transition: color .8s;
}

.contact-link:hover {
  color: #df662b;
}

.contact-link.black {
  color: var(--black);
}

.contact-link.black:hover {
  color: var(--df662b);
}

.menu-btn {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  color: var(--black);
  justify-content: flex-end;
  align-items: center;
  text-decoration: none;
  transition: color .8s;
  display: flex;
}

.menu-btn:hover {
  color: var(--055098);
}

.text-block {
  transition: color .8s;
}

.image-full {
  width: 100%;
}

.image-full.cover {
  object-fit: cover;
  height: 100%;
}

.image-full.contain {
  aspect-ratio: 16 / 9;
  object-fit: contain;
  background-color: #f3f3f3;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
}

.image-full.cover {
  aspect-ratio: 16 / 9;
  object-fit: cover;
  background-color: #f3f3f3;
  width: auto;
  min-width: 100%;
  height: auto;
  min-height: 100%;
}

.home-banner-image {
  background-color: #0000;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100svw;
  height: 900px;
  padding: 20px;
  position: absolute;
  inset: 0% auto 0% 50%;
  transform: translate(-50%);
}

.home-banner-image.about {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-about-us.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.products {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-products.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.cases-studies {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-cases-studies.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.esg {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-ESG.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.news {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-news.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.video {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-video.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.download-center {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-download-center.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.become-a-partner {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-become-a-partner.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.to-c-shop {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-to-c-shop.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.home-banner-image.contact {
  background-image: linear-gradient(#3a38394d, #3a38394d), linear-gradient(#00000080 30%, #fff0), url('../images/banner-contact.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.about-factory-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  margin-top: 80px;
  display: flex;
}

.about-factory-col {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.about-factory-text-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  border-top: 1px solid #000;
  flex-flow: column;
  flex: 1;
  margin-right: 20px;
  padding-top: 20px;
  display: flex;
}

.about-factory-image-b {
  border-radius: 10px;
  width: 45%;
  max-width: 600px;
  overflow: hidden;
}

.about-factory-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.products-main-b {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.inner-title-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.inner-title-b.top-line {
  border-top: 1px solid #000;
  width: 50%;
  padding-top: 20px;
}

.inner-title-b.detail {
  border-bottom: 1px solid #000;
  margin-top: 20px;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.inner-title-b.app {
  border-bottom: 1px solid #000;
  margin-top: 0;
  margin-bottom: 20px;
  padding-bottom: 20px;
}

.about-team-gird {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-team-info-b {
  flex-flow: column;
  display: flex;
}

.about-team-info-img-b {
  display: none;
}

.about-team-info-text-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  background-color: #f5f5f5;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 20px;
  display: flex;
}

.about-team-info-line {
  background-color: var(--black);
  width: 100%;
  height: 1px;
}

.about-patents-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.about-patents-gird {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.about-patents-info-b {
  flex-flow: column;
  display: flex;
}

.about-patents-info-text-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: var(--white);
  background-color: #747474;
  flex-flow: column;
  flex: 1;
  justify-content: flex-start;
  align-items: flex-start;
  padding: 10px;
  font-size: 14px;
  display: flex;
}

.quote-b {
  z-index: 99;
  margin-bottom: 20px;
  margin-right: 20px;
  text-decoration: none;
  display: flex;
  position: fixed;
  inset: auto 0% 0% auto;
}

.quote-btn-b-outline {
  border: 1px solid #d9d9d9;
  border-radius: 40px;
  padding: 5px;
  display: flex;
}

.quote-btn-b {
  color: var(--white);
  background-color: #055098;
  border-radius: 40px;
  padding: 10px 20px;
  line-height: 24px;
}

.page-intro-img-b {
  border-radius: 10px;
  max-height: 650px;
  overflow: hidden;
}

.products-main-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.products-main-row.hide {
  display: none;
}

.products-main-col {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.products-main-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.products-main-info-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #333;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.products-main-info-img-b {
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.cases-studies-main-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.cases-studies-main-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.cases-studies-main-col {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.cases-studies-main-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
}

.cases-studies-main-info-b {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #333;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.cases-studies-main-info-img-b {
  aspect-ratio: 21 / 9;
  border-radius: 10px 10px 0 0;
  justify-content: center;
  align-items: center;
  display: flex;
  overflow: hidden;
}

.cases-studies-main-info-text-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f5f5f5;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  flex: 1;
  padding: 20px;
  display: flex;
}

.cases-studies-main-info-btn-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.cases-studies-main-info-title {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.cases-studies-main-info-date-b {
  border-top: 1px solid #000;
  justify-content: space-between;
  padding-top: 10px;
  display: flex;
}

.esg-card-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.esg-card-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.text-green {
  color: #83c96e;
}

.text-green.bold {
  font-weight: 700;
}

.esg-sustainability-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  margin-top: 80px;
  display: flex;
}

.esg-sustainability-row {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.esg-sustainability-col {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.esg-sustainability-inner-row {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  border-top: 1px solid #000;
  justify-content: flex-start;
  align-items: flex-start;
  padding-top: 20px;
  display: flex;
}

.esg-sustainability-inner-img-b {
  border-radius: 10px;
  flex: none;
  width: 55%;
  max-width: 800px;
  overflow: hidden;
}

.esg-sustainability-inner-text-b {
  color: var(--055098);
}

.esg-download-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.esg-download-main-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.esg-download-sub-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.esg-download-btn {
  color: #fff;
  background-color: #195d36;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 20px 30px 20px 20px;
  text-decoration: none;
  transition: background-color .8s, color .8s;
  position: relative;
}

.esg-download-btn:hover {
  color: var(--black);
  background-color: #d9d9d9;
}

.esg-download-btn.main {
  padding-top: 60px;
  padding-bottom: 60px;
}

.esg-shareholder-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.esg-shareholder-logo-row {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.esg-shareholder-logo-col {
  text-align: center;
  flex-flow: column;
  justify-content: center;
  align-items: center;
  font-size: 14px;
  line-height: 16px;
  display: flex;
}

.esg-date-b {
  align-self: flex-end;
}

.detail-page-banner-image {
  background-color: #0000;
  background-image: url('https://d3e54v103j8qbb.cloudfront.net/img/background-image.svg');
  background-position: 50%;
  background-repeat: no-repeat;
  background-size: cover;
  width: 100svw;
  height: 350px;
  padding: 20px;
  position: absolute;
  inset: 0% auto 0% 50%;
  transform: translate(-50%);
}

.detail-page-banner-image.products-datail {
  background-image: linear-gradient(#00000080 30%, #fff0), linear-gradient(#3a38394d, #3a38394d), url('../images/image39.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
  overflow: hidden;
}

.detail-page-banner-image.cases-datail {
  background-image: linear-gradient(#00000080 30%, #fff0), linear-gradient(#3a38394d, #3a38394d), url('../images/cases-detail-banner-img.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.detail-page-banner-image.news-datail {
  background-image: linear-gradient(#00000080 30%, #fff0), linear-gradient(#3a38394d, #3a38394d), url('../images/detail-page-banner-news.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.detail-page-banner-image.privacy-policy {
  background-image: linear-gradient(#00000080 30%, #fff0), linear-gradient(#3a38394d, #3a38394d), url('../images/privacy-policy-banner.jpg');
  background-position: 0 0, 0 0, 50%;
  background-repeat: repeat, repeat, no-repeat;
  background-size: auto, auto, cover;
}

.detail-page-intro-main-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  width: 50%;
  display: flex;
}

.detail-page-intro-main-b.news {
  width: 75%;
}

.detail-page-breadcrumds {
  grid-column-gap: 40px;
  grid-row-gap: 10px;
  flex-flow: wrap;
  display: flex;
}

.detail-page-inner-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.products-detail-intro-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.products-detail-intro-grid-inner-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.products-detail-intro-grid-img-b {
  aspect-ratio: 16 / 9;
  overflow: hidden;
}

.products-detail-key-grid, .products-detail-app-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.products-detail-app-b {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  flex-flow: column;
  display: flex;
}

.products-detail-app-img-b {
  aspect-ratio: 16 / 9;
  border-radius: 10px;
  overflow: hidden;
}

.products-detail-app-text-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f5f5f5;
  border-radius: 20px;
  flex-flow: column;
  flex: 1;
  margin-bottom: 20px;
  padding: 20px;
  display: flex;
}

.cases-studies-bg-img-b {
  border-radius: 10px;
  display: flex;
  overflow: hidden;
}

.cases-detail-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.cases-detail-card-text {
  color: #4392cc;
  font-size: 36px;
}

.news-main-b {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  display: flex;
}

.news-grid-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news-filter-from {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  display: flex;
}

.news-filter-fleld {
  margin-bottom: 0;
  padding-left: 0;
}

.news-filter-fleld-btn {
  display: none;
}

.news-info-b {
  grid-column-gap: 0px;
  grid-row-gap: 0px;
  color: #333;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.news-info-img-b {
  aspect-ratio: 3 / 2;
  border-radius: 10px 10px 0 0;
  overflow: hidden;
}

.news-info-text-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  background-color: #f5f5f5;
  border-bottom-right-radius: 10px;
  border-bottom-left-radius: 10px;
  flex-flow: column;
  flex: 1;
  padding: 20px;
  display: flex;
}

.news-info-btn-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  justify-content: space-between;
  align-items: flex-start;
  display: flex;
}

.news-info-title {
  flex: 1;
  justify-content: flex-start;
  align-items: flex-end;
  display: flex;
}

.news-info-date-b {
  border-top: 1px solid #000;
  justify-content: space-between;
  padding-top: 10px;
  display: flex;
}

.detail-page-intro-sub-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.news-detail-intro-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.news-detail-intro-grid-img-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  border-radius: 10px;
  flex-flow: column;
  margin-bottom: auto;
  display: flex;
  overflow: hidden;
}

.news-detail-intro-grid-text-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  flex-flow: column;
  display: flex;
}

.vertical-video-b {
  aspect-ratio: 9 / 16;
  display: flex;
}

.vertical-video-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.video-grid {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.video-b {
  aspect-ratio: 16 / 9;
  display: flex;
}

.video-full {
  width: 100%;
  height: 100%;
}

.download-center-btn {
  color: #fff;
  background-color: #055098;
  flex: 1;
  width: 100%;
  height: 100%;
  padding: 20px 30px 20px 20px;
  text-decoration: none;
  transition: background-color .8s, color .8s;
  position: relative;
}

.download-center-btn:hover {
  color: var(--black);
  background-color: #d9d9d9;
}

.download-center-btn.main {
  padding-top: 40px;
  padding-bottom: 40px;
}

.intro-main-b-inner {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.about-team-b {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.download-center-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.download-center-main-b {
  grid-column-gap: 16px;
  grid-row-gap: 16px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr;
  grid-auto-columns: 1fr;
  display: grid;
}

.partnet-brand-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.partnet-brand-grid {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  grid-template-rows: auto;
  grid-template-columns: 1fr 1fr 1fr;
}

.partnet-brand-main-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.partnet-brand-grid-inner-b {
  grid-column-gap: 15px;
  grid-row-gap: 15px;
  border-style: solid;
  border-width: 4px 1px 1px;
  border-color: var(--055098) black black;
  background-color: #fff;
  border-radius: 10px;
  flex-flow: column;
  padding: 20px;
  display: flex;
}

.partnet-brand-grid-inner-num-b {
  background-color: var(--055098);
  color: #fff;
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 32px;
  height: 32px;
  display: flex;
}

.partnet-brand-grid-inner-icon {
  width: 50px;
  height: 50px;
}

.partnet-join-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.join-col-b {
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #000;
  flex-flow: column;
  padding: 40px 80px 20px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
  position: relative;
}

.join-col-b:hover {
  background-color: #f7f8fa;
}

.join-icon-main-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.join-icon-b {
  background-color: var(--black);
  border-radius: 50px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.join-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.qna-minus {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.join-title-b {
  padding-top: 60px;
  padding-right: 80px;
}

.join-num {
  aspect-ratio: auto;
  color: #c7c7c7;
  padding-bottom: 25px;
  padding-left: 25px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.join-info-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 0;
  padding-right: 80px;
  display: flex;
  overflow: hidden;
}

.join-btn-b {
  z-index: 99;
  margin-bottom: 20px;
  margin-right: 20px;
  text-decoration: none;
  display: flex;
}

.to-c-main-b {
  grid-column-gap: 80px;
  grid-row-gap: 80px;
  flex-flow: column;
  display: flex;
}

.to-c-main-row {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  flex-flow: column;
  padding-left: 40px;
  padding-right: 40px;
  display: flex;
}

.to-c-main-row.hide {
  display: none;
}

.to-c-main-col {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.to-c-main-grid {
  grid-column-gap: 40px;
  grid-row-gap: 40px;
  grid-template-rows: auto;
}

.to-c-main-info-b {
  grid-column-gap: 10px;
  grid-row-gap: 10px;
  color: #333;
  flex-flow: column;
  text-decoration: none;
  display: flex;
}

.to-c-main-info-img-b {
  border-radius: 10px;
  overflow: hidden;
}

.contact-qna-b {
  grid-column-gap: 60px;
  grid-row-gap: 60px;
  flex-flow: column;
  display: flex;
}

.contact-qna-col-b {
  color: #333;
  cursor: pointer;
  border-bottom: 1px solid #000;
  flex-flow: column;
  padding: 40px 80px 20px;
  text-decoration: none;
  transition: background-color .5s;
  display: flex;
  position: relative;
}

.contact-qna-col-b:hover {
  background-color: #f7f8fa;
}

.contact-qna-icon-main-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-end;
  align-items: stretch;
  display: flex;
}

.contact-qna-num {
  aspect-ratio: auto;
  color: #c7c7c7;
  padding-bottom: 25px;
  padding-left: 25px;
  position: absolute;
  inset: auto auto 0% 0%;
}

.contact-qna-icon-b {
  background-color: var(--black);
  border-radius: 50px;
  justify-content: center;
  align-self: flex-end;
  align-items: center;
  width: 60px;
  height: 60px;
  display: flex;
}

.contact-qna-title-b {
  padding-top: 60px;
  padding-right: 80px;
}

.contact-qna-info-b {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  justify-content: flex-start;
  align-items: flex-start;
  height: 0;
  padding-right: 80px;
  display: flex;
  overflow: hidden;
}

.contact-qna-icon {
  justify-content: center;
  align-items: center;
  width: 20px;
  height: 20px;
  display: flex;
  position: relative;
}

.contact-qna-minus {
  opacity: 0;
  position: absolute;
  inset: 0%;
}

.customer-service-b {
  color: var(--white);
  background-color: #0000;
  background-image: linear-gradient(#0009, #0009), url('../images/Customer-Service-bg.jpg');
  background-position: 0 0, 50%;
  background-size: auto, cover;
  border-radius: 10px;
  padding: 60px;
  display: flex;
}

.customer-service-col.title {
  border-right: 1px solid #fff;
  padding-right: 80px;
}

.customer-service-col.info {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  flex: 1;
  padding-left: 40px;
  display: flex;
}

.customer-service-btn-b {
  align-self: flex-end;
  padding-top: 20px;
}

.bottom-20px {
  margin-bottom: 20px;
}

.detail-page-inner-b-top {
  grid-column-gap: 20px;
  grid-row-gap: 20px;
  flex-flow: column;
  display: flex;
}

.btn-icon-b-close {
  border-radius: 50px;
  justify-content: center;
  align-items: center;
  width: 40px;
  height: 40px;
  display: flex;
  position: relative;
  overflow: hidden;
}

.btn-icon-b-close.close {
  background-color: #05509800;
  width: 40px;
  height: 40px;
}

.btn-icon-b-close.industry {
  background-color: #195d36;
}

.btn-icon-b-close.technical {
  background-color: #82d8d0;
}

.btn-icon-b-close.project {
  background-color: #ff8000;
}

.btn-icon-b-close.product-lunched {
  background-color: #6b46c1;
}

.btn-icon-b-close.customer-service {
  border: 1px solid var(--white);
  background-color: #05509800;
  justify-content: center;
  align-items: center;
  position: relative;
}

@media screen and (max-width: 991px) {
  h1 {
    font-size: 48px;
  }

  h2 {
    font-size: 28px;
  }

  h3 {
    font-size: 24px;
  }

  .section {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .section.banner {
    margin-top: -92px;
    padding-top: 0;
    padding-bottom: 0;
  }

  .section.navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .section.detail-page-banner {
    padding-top: 0;
    padding-bottom: 0;
  }

  .container {
    padding-left: 40px;
    padding-right: 40px;
  }

  .container.join-the-team {
    padding-right: 40px;
  }

  .top-banner-b.inner {
    height: 500px;
  }

  .top-banner-b.detail-page {
    margin-top: -91px;
  }

  .top-banner-title-b {
    flex: 1;
    justify-content: flex-end;
    align-items: flex-start;
    width: 100%;
    display: flex;
  }

  .top-banner-news-b {
    padding-left: 20px;
    padding-right: 20px;
  }

  .top-banner-news-slide-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-right: 60px;
  }

  .shortcut-b {
    padding-left: 10px;
    padding-right: 10px;
  }

  .shortcut-col {
    width: 190px;
    min-width: 190px;
  }

  .shortcut-row {
    flex-flow: row;
    overflow: auto;
  }

  .shortcut-inner-b {
    padding: 10px 10px 20px;
    font-size: 14px;
    line-height: 120%;
  }

  .shortcut-arrow-b {
    width: 15px;
    height: 15px;
  }

  .page-intro-row, .page-intro-col.intro {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .intro-main-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .text-row {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: column;
  }

  .text-row.half {
    width: 75%;
  }

  .sub-title-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .intro-sub-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .btn {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .btn-icon-b {
    width: 40px;
    min-width: 40px;
    height: 40px;
    min-height: 40px;
  }

  .card-main-num {
    font-size: 64px;
  }

  .home-philosophy-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .title-n-intro-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .title-n-intro-b.footer {
    width: 75%;
  }

  .home-philosophy-row {
    margin-left: -10px;
    margin-right: -10px;
  }

  .home-philosophy-col {
    padding-left: 10px;
    padding-right: 10px;
  }

  .contact-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .from-b {
    padding: 20px;
  }

  .footer-stack {
    grid-column-gap: 20px;
  }

  .footer-social-links-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .social-icon-col {
    min-width: 16px;
  }

  .footer-contact-links-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-contact-row {
    grid-row-gap: 20px;
  }

  .footer-contact-col.logo {
    width: 100%;
  }

  .footer-contact-col.social {
    width: 40%;
  }

  .footer-contact-col.contact {
    width: 60%;
  }

  .copyright-row {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .footer-logo-b {
    width: 40%;
  }

  .menu-btn {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .home-banner-image.about, .home-banner-image.products, .home-banner-image.cases-studies, .home-banner-image.esg, .home-banner-image.news, .home-banner-image.video, .home-banner-image.download-center, .home-banner-image.become-a-partner, .home-banner-image.to-c-shop, .home-banner-image.contact {
    height: 500px;
  }

  .about-factory-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .about-factory-text-b {
    margin-right: 0;
  }

  .products-main-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .inner-title-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .inner-title-b.top-line {
    width: 75%;
  }

  .about-team-gird {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .about-team-info-text-b {
    padding: 10px;
  }

  .about-patents-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .about-patents-gird {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    grid-template-columns: 1fr 1fr 1fr;
  }

  .page-intro-img-b {
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
  }

  .products-main-row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .products-main-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .cases-studies-main-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .cases-studies-main-row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .cases-studies-main-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .esg-card-row {
    grid-template-columns: 1fr 1fr;
  }

  .esg-card-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .esg-sustainability-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    margin-top: 40px;
  }

  .esg-download-btn {
    padding: 10px 10px 20px;
    font-size: 14px;
    line-height: 120%;
  }

  .detail-page-intro-main-b {
    width: 75%;
  }

  .products-detail-key-grid, .products-detail-app-grid, .cases-detail-grid, .news-grid-b {
    grid-template-columns: 1fr 1fr;
  }

  .news-filter-from {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .news-info-text-b {
    flex: 1;
    padding: 10px;
  }

  .news-info-title {
    flex: 1;
  }

  .news-info-date-b {
    flex-flow: column;
    font-size: 14px;
    line-height: 18px;
  }

  .news-detail-intro-grid-img-b {
    margin-bottom: auto;
  }

  .vertical-video-grid {
    grid-template-columns: 1fr 1fr;
  }

  .download-center-btn {
    padding: 10px 10px 20px;
    font-size: 14px;
    line-height: 120%;
  }

  .about-team-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .partnet-brand-grid {
    grid-template-columns: 1fr;
  }

  .join-row-b {
    margin-left: -40px;
    margin-right: -40px;
  }

  .join-col-b {
    padding-left: 40px;
    padding-right: 40px;
  }

  .join-title-b {
    padding-right: 0;
  }

  .join-num {
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .join-info-b {
    padding-right: 0;
  }

  .to-c-main-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .to-c-main-row {
    padding-left: 10px;
    padding-right: 10px;
  }

  .to-c-main-grid {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .contact-qna-row-b {
    margin-left: -40px;
    margin-right: -40px;
  }

  .contact-qna-col-b {
    padding-left: 40px;
    padding-right: 40px;
  }

  .contact-qna-num {
    padding-bottom: 10px;
    padding-left: 10px;
  }

  .contact-qna-title-b, .contact-qna-info-b {
    padding-right: 0;
  }

  .btn-icon-b-close {
    width: 40px;
    height: 40px;
  }
}

@media screen and (max-width: 767px) {
  h1 {
    font-size: 32px;
  }

  h2 {
    font-size: 24px;
  }

  h3 {
    font-size: 20px;
  }

  h4 {
    margin-top: 0;
    margin-bottom: 0;
  }

  .section.banner {
    margin-top: -73px;
  }

  .section.navbar {
    padding-top: 20px;
    padding-bottom: 20px;
  }

  .container, .container.navbar {
    padding-left: 20px;
    padding-right: 20px;
  }

  .container.page-intro-img, .container.join-the-team {
    padding-right: 20px;
  }

  .home-banner-video, .top-banner-b {
    height: 800px;
  }

  .top-banner-b.inner {
    height: 400px;
  }

  .top-banner-b.detail-page {
    margin-top: -74px;
  }

  .top-banner-title-b {
    flex: 1;
    padding: 20px 0;
  }

  .top-banner-news-b {
    flex: 1;
  }

  .top-banner-news-slider {
    height: 100%;
  }

  .top-banner-news-slide-row {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: column;
  }

  .top-banner-news-slide-col.text {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .top-banner-news-slide-img-b {
    max-height: 250px;
  }

  .shortcut-col {
    width: 150px;
    min-width: 150px;
  }

  .shortcut-inner-b {
    line-height: 110%;
  }

  .page-intro-row {
    flex-flow: column;
  }

  .page-intro-col.card, .page-intro-col.img {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    flex-flow: wrap;
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr;
    grid-auto-columns: 1fr;
    width: 100%;
    max-width: none;
    display: grid;
  }

  .text-row.half {
    width: 100%;
  }

  .btn-icon-b {
    min-width: 40px;
    min-height: 40px;
  }

  .card-main.num, .card-main.esg, .card-main.key {
    padding-top: 20px;
  }

  .title-n-intro-b.half, .title-n-intro-b.half-copy, .title-n-intro-b.footer {
    width: 100%;
  }

  .home-philosophy-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .home-philosophy-col {
    width: 100%;
  }

  .home-philosophy-card-b {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .sep-line {
    margin-top: 10px;
    margin-bottom: 10px;
  }

  .home-video-b {
    border-radius: 10px;
  }

  .from-col {
    width: 100%;
  }

  .from-row {
    flex-flow: column;
  }

  .text-field {
    margin-top: 0;
    margin-bottom: 10px;
  }

  .footer-stack {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .footer-social-links-b, .footer-contact-links-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-contact-col.social, .footer-contact-col.contact {
    width: 100%;
  }

  .copyright-row {
    flex-flow: column;
    justify-content: space-between;
    align-items: flex-start;
  }

  .navbar-logo-b {
    width: 150px;
  }

  .navbar-menu-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-logo-b {
    width: 220px;
  }

  .image-full.cover {
    object-fit: cover;
    height: 100%;
  }

  .home-banner-image.about, .home-banner-image.products, .home-banner-image.cases-studies, .home-banner-image.esg, .home-banner-image.news, .home-banner-image.video, .home-banner-image.download-center, .home-banner-image.become-a-partner, .home-banner-image.to-c-shop, .home-banner-image.contact {
    height: 400px;
  }

  .about-factory-col {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .about-factory-text-b {
    margin-left: 0;
    margin-right: 0;
  }

  .about-factory-image-b {
    align-self: flex-start;
  }

  .about-factory-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .inner-title-b.top-line {
    width: 100%;
  }

  .about-team-gird {
    grid-template-columns: 1fr 1fr;
  }

  .page-intro-img-b {
    border-radius: 10px;
    height: 300px;
  }

  .products-main-row, .cases-studies-main-row {
    padding-left: 0;
    padding-right: 0;
  }

  .cases-studies-main-info-btn-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .esg-card-row {
    grid-template-columns: 1fr;
  }

  .esg-sustainability-row {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    flex-flow: column;
  }

  .esg-sustainability-col {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
  }

  .esg-sustainability-inner-row {
    flex-flow: column;
    padding-top: 20px;
  }

  .esg-sustainability-inner-img-b {
    width: 100%;
    max-width: 100%;
  }

  .esg-download-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .esg-download-main-b {
    grid-template-columns: 1fr;
  }

  .esg-download-sub-row {
    grid-template-columns: 1fr 1fr;
  }

  .esg-download-btn {
    line-height: 110%;
  }

  .esg-shareholder-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .esg-shareholder-logo-row {
    grid-template-columns: 1fr 1fr 1fr;
  }

  .detail-page-intro-main-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    width: 100%;
  }

  .detail-page-intro-main-b.news {
    width: 100%;
  }

  .products-detail-intro-grid, .products-detail-key-grid {
    grid-template-columns: 1fr;
  }

  .products-detail-app-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .cases-detail-grid {
    grid-template-columns: 1fr;
  }

  .news-grid-b {
    grid-template-columns: 1fr 1fr;
  }

  .news-filter-from {
    grid-row-gap: 10px;
    flex-flow: wrap;
  }

  .news-info-btn-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .news-detail-intro-grid {
    flex-flow: column;
    grid-template-columns: 1fr;
    display: flex;
  }

  .news-detail-intro-grid-img-b.last {
    order: 9999;
  }

  .vertical-video-grid {
    grid-template-columns: 1fr 1fr;
  }

  .video-grid {
    grid-template-columns: 1fr;
  }

  .download-center-btn {
    line-height: 110%;
  }

  .download-center-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .download-center-main-b {
    grid-template-columns: 1fr;
  }

  .partnet-brand-b {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
  }

  .join-row-b {
    margin-left: -20px;
    margin-right: -20px;
  }

  .join-col-b {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .to-c-main-row {
    padding-left: 0;
    padding-right: 0;
  }

  .contact-qna-row-b {
    margin-left: -20px;
    margin-right: -20px;
  }

  .contact-qna-col-b {
    padding-top: 20px;
    padding-left: 20px;
    padding-right: 20px;
  }

  .contact-qna-num {
    padding-bottom: 10px;
    padding-left: 10px;
    padding-right: 0;
  }

  .customer-service-b {
    flex-flow: column;
    padding: 40px;
  }

  .customer-service-col.title {
    border-bottom: 1px solid var(--white);
    border-right-width: 0;
    padding-bottom: 20px;
    padding-right: 0;
  }

  .customer-service-col.info {
    padding-top: 20px;
    padding-left: 0;
  }
}

@media screen and (max-width: 479px) {
  .container {
    padding-left: 5%;
    padding-right: 5%;
  }

  .container.join-the-team {
    padding-right: 5%;
  }

  .footer-stack, .footer-contact-links-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .footer-link-b {
    padding-bottom: 10px;
  }

  .footer-link-sub {
    line-height: 110%;
  }

  .navbar-logo-b {
    width: 150px;
  }

  .navbar-menu-b {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .navbar-menu-icon-b {
    width: 50px;
  }

  .menu-pop-inner, .menu-pop-nav-row {
    width: 100vw;
  }

  .menu-pop-info-b {
    width: 100vw;
    padding-left: 20px;
    padding-right: 20px;
    font-size: 14px;
  }

  .menu-pop-close-b {
    width: 100vw;
  }

  .menu-pop-nav-col {
    padding: 10px 20px;
  }

  .about-factory-col {
    flex-flow: column;
  }

  .about-factory-image-b {
    width: 100%;
  }

  .about-team-gird {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
  }

  .about-patents-gird {
    grid-column-gap: 10px;
    grid-row-gap: 10px;
    grid-template-columns: 1fr 1fr;
  }

  .products-main-grid, .cases-studies-main-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .esg-sustainability-col {
    flex-flow: column;
  }

  .esg-download-btn.main {
    padding-top: 40px;
    padding-bottom: 40px;
  }

  .esg-shareholder-logo-row {
    grid-template-columns: 1fr 1fr;
  }

  .detail-page-breadcrumds {
    grid-column-gap: 20px;
    grid-row-gap: 20px;
    flex-flow: wrap;
  }

  .news-grid-b, .vertical-video-grid {
    grid-template-columns: 1fr;
  }

  .join-row-b {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .to-c-main-grid {
    grid-column-gap: 40px;
    grid-row-gap: 40px;
    grid-template-columns: 1fr;
  }

  .contact-qna-row-b {
    margin-left: -5vw;
    margin-right: -5vw;
  }

  .contact-qna-info-b {
    height: 0;
  }

  .customer-service-b {
    padding-left: 20px;
    padding-right: 20px;
  }
}

#w-node-_4f2db905-7d1a-4c6c-8f48-cf18fbdb2e9b-fbdb2e57 {
  grid-template-rows: auto auto auto auto;
  grid-template-columns: 1fr 1fr 1fr 1fr 1fr;
}

#w-node-_4f2db905-7d1a-4c6c-8f48-cf18fbdb2e9c-fbdb2e57 {
  grid-column: span 5 / span 5;
}

#w-node-cc1b3d89-5a04-755e-6350-fe90584acb88-2283997f {
  grid-template-rows: auto auto;
  grid-template-columns: 1fr 1fr;
}

@media screen and (max-width: 991px) {
  #w-node-_4f2db905-7d1a-4c6c-8f48-cf18fbdb2e9b-fbdb2e57 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr 1fr;
  }

  #w-node-_4f2db905-7d1a-4c6c-8f48-cf18fbdb2e9c-fbdb2e57 {
    grid-column: span 4 / span 4;
  }
}

@media screen and (max-width: 767px) {
  #w-node-_4f2db905-7d1a-4c6c-8f48-cf18fbdb2e9b-fbdb2e57 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr 1fr;
  }

  #w-node-_4f2db905-7d1a-4c6c-8f48-cf18fbdb2e9c-fbdb2e57 {
    grid-column: span 3 / span 3;
  }

  #w-node-cc1b3d89-5a04-755e-6350-fe90584acb88-2283997f {
    grid-template-rows: auto auto;
    grid-template-columns: 1fr;
  }
}

@media screen and (max-width: 479px) {
  #w-node-_4f2db905-7d1a-4c6c-8f48-cf18fbdb2e9b-fbdb2e57 {
    grid-template-rows: auto auto auto auto;
    grid-template-columns: 1fr 1fr;
  }

  #w-node-_4f2db905-7d1a-4c6c-8f48-cf18fbdb2e9c-fbdb2e57 {
    grid-column: span 2 / span 2;
  }
}