.guide.hide {
  display: none;
}

.sub-page {
  padding-top: 19.75rem;
  padding-bottom: 8.75rem;
}
.sub-page.about {
  background-color: #021b2f;
  padding-top: 0;
  padding-bottom: 0;
}
.sub-page.insights {
  background-image: url('/assets/images/sub/bg_insights.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color: #f0f0f0;
}
.sub-page.board-view {
  background-image: url('/assets/images/sub/bg_board-view.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color: #f0f0f0;
}
.sub-page.contact {
  background-image: url('/assets/images/sub/bg_contact.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color: #f0f0f0;
}
.sub-page.products {
  background-image: url('/assets/images/sub/bg_products.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color: #f0f0f0;
}
.sub-page.solution {
  padding-top: 0;
  padding-bottom: 0;
  background-image: url('/assets/images/sub/bg_solution01.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color: #031b2f;
}
.sub-page.solution .sub-top em {
  color: #fff;
}
.sub-page.proxima {
  padding-top: 0;
  padding-bottom: 0;
  background-color: #021b2f;
}
.sub-page.proxima .sub-top {
  background-image: url('/assets/images/sub/bg_proxima01.webp');
}
.sub-page.products-view {
  background-image: url('/assets/images/sub/bg_product-view.webp');
  background-repeat: no-repeat;
  background-size: 100%;
  background-position: top;
  background-color: #f0f0f0;
}

.sub-hg {
  text-align: center;
}
.sub-hg h6 {
  margin-bottom: 1.875rem;
  color: #f0f0f0;
  font-size: 1.375rem;
  line-height: 2.27;
}
.sub-hg h3 {
  color: var(--blue);
  font-size: 5.3125rem;
  margin-bottom: 5.3125rem;
}
.sub-hg p {
  color: #fff;
  text-align: center;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.66;
}

.about-banner {
  background-image: url('/assets/images/sub/bg_about01.webp');
  background-color: #021b2f;
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-top: 18.75rem;
  height: 112.5rem;
}
.about-banner .video {
  width: 89.0625rem;
  aspect-ratio: 16/9;
  margin-top: 7.1875rem;
  margin-inline: auto;
  border-radius: 0.9375rem;
  /* overflow: hidden; */
}
.about-banner .video iframe {
  width: 100%;
  height: 100%;
}

.about-slogan {
  background-image: url('/assets/images/sub/bg_about02.webp');
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 104.375rem;
  padding-top: 13.125rem;
}
.about-slogan .sub-hg h3 {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#f0f0f0),
    color-stop(69.49%, #0ad8f8)
  );
  background: linear-gradient(90deg, #f0f0f0 0%, #0ad8f8 69.49%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.about-invest {
  background-image: url('/assets/images/sub/bg_about03.webp');
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 93.75rem;
}
.about-invest h3 {
  color: var(--blue);
  font-size: 4.0625rem;
  margin-bottom: 6.25rem;
}
.about-invest .about-accum {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 6.375rem;
  margin-bottom: 15rem;
}
.about-invest .about-accum p {
  color: #f0f0f0;
  font-size: 1.375rem;
  font-weight: 300;
}
.about-invest .about-accum strong {
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#2cff5d),
    color-stop(48.5%, #0ad8f8),
    color-stop(87%, #f0f0f0)
  );
  background: linear-gradient(90deg, #2cff5d 0%, #0ad8f8 48.5%, #f0f0f0 87%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  font-size: 8.4375rem;
  font-weight: 300;
}
.about-invest .about-accum .bar {
  height: 12.5rem;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  border-radius: 0.9375rem;
  background: rgba(255, 255, 255, 0.1);
  position: relative;
  overflow: hidden;
}
.about-invest .about-accum .bar .fill {
  position: absolute;
  border-radius: 0.9375rem;
  top: 0;
  left: 0;
  width: 80%;
  height: 100%;
  background: var(
    --Gradient-1,
    linear-gradient(90deg, #2cff5d 0%, #0ad8f8 48.5%, #f0f0f0 87%)
  );
}

.about-history {
  background-image: url('/assets/images/sub/bg_about04.webp');
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 165.625rem;
}
.about-history .inner {
  max-width: 89.0625rem;
}
.about-history h3 {
  color: var(--blue);
  font-size: 4.0625rem;
  text-align: center;
  margin-bottom: 34.6875rem;
}
.about-history .about-history__wrap {
  position: relative;
  padding-block: 7.5rem;
}
.about-history .about-history__wrap .bar {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0.1875rem;
  height: 100%;
  background: rgba(10, 216, 248, 0.2);
}
.about-history .about-history__wrap .bar .fill {
  position: absolute;
  top: 0;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  width: 0.3125rem;
  height: 50%;
  background: var(--blue);
}
.about-history .about-history__list {
  position: relative;
}
.about-history .about-history__list li {
  position: relative;
  width: 50%;
}
.about-history .about-history__list li::before {
  content: '';
  width: 1.875rem;
  height: 1.875rem;
  border-radius: 50%;
  background: var(--blue);
  position: absolute;
  right: -0.9375rem;
  top: 5rem;
}
.about-history .about-history__list li:nth-child(odd) {
  left: 50%;
  padding-left: 4.0625rem;
}
.about-history .about-history__list li:nth-child(odd)::before {
  left: -0.9375rem;
  right: auto;
}
.about-history .about-history__list li:not(:last-child) {
  margin-bottom: 10.625rem;
}
.about-history .about-history__list em {
  color: var(--Gray-1, #f0f0f0);
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.66;
  line-height: 1;
  margin-bottom: 1.875rem;
  display: inline-block;
}
.about-history .about-history__list h4 {
  color: var(--blue);
  font-size: 4.0625rem;
  margin-bottom: 3.125rem;
  line-height: 1;
}
.about-history .about-history__list p {
  position: relative;
  color: #fff;
  font-size: 1.4375rem;
  font-weight: 300;
  line-height: 1.73;
  padding-left: 1.5rem;
}
.about-history .about-history__list p::before {
  content: '';
  width: 0.3125rem;
  height: 0.3125rem;
  background-color: #fff;
  position: absolute;
  border-radius: 50%;
  left: 0;
  top: 1.1rem;
}

.about-clients {
  background-image: url('/assets/images/sub/bg_about05.webp');
  background-size: 100%;
  background-position: 0 0;
  background-repeat: no-repeat;
  padding-block: 9.8125rem 9rem;
}

.client-list h3 {
  color: var(--blue);
  font-size: 4.0625rem;
  margin-bottom: 6.25rem;
}
.client-list ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 6.25rem 3.125rem;
}
.client-list ul > li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}

.about-inquiry {
  background-color: #021b2f;
  padding-block: 9.6875rem 7.3125rem;
}
.about-inquiry .card {
  padding: 5.375rem 6.9375rem;
  height: 43.75rem;
  border-radius: 0.9375rem;
  background-image: url('/assets/images/sub/bg_inquiry-card.webp');
  background-repeat: no-repeat;
  background-size: contain;
  background-position: center;
}
.about-inquiry .card p {
  color: #031b2f;
  font-size: 1.5625rem;
  font-weight: 300;
}
.about-inquiry .card h3 {
  color: #031b2f;
  font-size: 4.0625rem;
  font-weight: 400;
  line-height: 1.3;
  margin-top: 3.125rem;
}
.about-inquiry .card a {
  width: 15.625rem;
  height: 3.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 1.25rem;
  margin-top: 4.375rem;
  border-radius: 0.9375rem;
  background-image: url('/assets/images/sub/bg_gradient-border.svg');
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  color: #031b2f;
  font-size: 1.5625rem;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.about-inquiry .card a img {
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.about-inquiry .card a:hover {
  background-color: #031b2f;
  color: #fff;
  background-image: none;
}
.about-inquiry .card a:hover img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.sub-top h3 {
  color: var(--blue);
  font-size: 4.0625rem;
  margin-bottom: 3.75rem;
  line-height: 1.36;
}
.sub-top p {
  color: #fff;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.66;
}

.insights-nav {
  margin-top: 16.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 3.625rem;
  margin-bottom: 3.75rem;
}
.insights-nav button {
  color: #031b2f;
  font-size: 1.5625rem;
}
.insights-nav button.active {
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.gallery-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 7.5rem 3.125rem;
}
.gallery-list > li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.gallery-list .thumb {
  aspect-ratio: 16/11.25;
  overflow: hidden;
  border-radius: 0.625rem;
  overflow: hidden;
  border-radius: 0.9375rem;
  width: 100%;
}
.gallery-list .thumb img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.gallery-list .category {
  margin-top: 1.25rem;
  color: #031b2f;
  font-size: 1.125rem;
  border-radius: 0.9375rem;
  border: 0.0625rem solid #031b2f;
  height: 2.1875rem;
  padding-inline: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-bottom: 1.5625rem;
}
.gallery-list .title {
  color: #031b2f;
  font-size: 2.1875rem;
  line-height: 1.375;
  height: 4.2em;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
  line-clamp: 3;
  overflow: hidden;
  margin-bottom: 2.5rem;
}
.gallery-list .date {
  color: #031b2f;
  font-size: 1.125rem;
}

.pagination {
  margin-top: 8.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 3.125rem;
}
.pagination .prev {
  margin-right: 1.25rem;
}
.pagination .next {
  margin-left: 1.25rem;
}
.pagination button {
  color: #aeb0b0;
  text-align: center;
  font-size: 1.75rem;
  font-weight: 300;
}
.pagination button.active {
  color: #031b2f;
  text-decoration-line: underline;
  text-decoration-style: solid;
  -webkit-text-decoration-skip-ink: none;
  text-decoration-skip-ink: none;
  text-decoration-thickness: auto;
  text-underline-offset: auto;
  text-underline-position: from-font;
}

.board-top {
  margin-bottom: 4.375rem;
  padding-bottom: 4.375rem;
  border-bottom: 0.0625rem solid #031b2f;
}
.board-top .title {
  color: #031b2f;
  font-size: 4.0625rem;
  line-height: 5.625rem;
}
.board-top .title {
  margin-bottom: 4.375rem;
}
.board-top .info {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: end;
  -ms-flex-align: end;
  align-items: flex-end;
  gap: 3.125rem;
}
.board-top .img {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  height: 43.75rem;
  border-radius: 0.9375rem;
  overflow: hidden;
}
.board-top .img img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.board-top .text {
  width: 28.5rem;
}
.board-top .text-top {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
  margin-bottom: 2.5rem;
}
.board-top .category {
  color: #031b2f;
  font-size: 1.125rem;
  border-radius: 0.9375rem;
  border: 0.0625rem solid #031b2f;
  height: 2.1875rem;
  padding-inline: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.board-top .date {
  color: #031b2f;
  font-size: 1.375rem;
}
.board-top .desc {
  color: #7a7a7a;
  font-size: 1.5rem;
  font-weight: 300;
  line-height: 1.45;
}

.board-content {
  margin-bottom: 6.25rem;
  padding-bottom: 5.625rem;
  border-bottom: 0.0625rem solid #031b2f;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  padding-bottom: 13.4375rem;
  position: relative;
}
.board-content .board-content-left {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 29.125rem;
}
.board-content .share p {
  color: #031b2f;
  font-size: 1.375rem;
  margin-bottom: 1.5625rem;
}
.board-content .share-list {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}
.board-content .navigation {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 6.25rem;
}
.board-content .navigation button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 1.25rem;
  color: #031b2f;
  text-align: center;
  font-size: 1.375rem;
}
.board-content .editor {
  color: #031b2f;
  font-size: 1.875rem;
  line-height: 1.66;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.board-content .read-more {
  position: absolute;
  bottom: 5.625rem;
  left: 50%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
  border-radius: 0.9375rem;
  border: 0.0625rem solid #aeb0b0;
  width: 10.625rem;
  height: 3.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #aeb0b0;
  text-align: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  font-size: 1.25rem;
}
.board-content .read-more:hover {
  background-color: #031b2f;
  border-color: #031b2f;
  color: #fff;
}

.board-relation h3 {
  color: #031b2f;
  font-size: 3.125rem;
  margin-bottom: 6.25rem;
}

.contact-form {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  margin-top: 20.875rem;
  margin-bottom: 9.375rem;
}

.contact-left {
  width: 36.875rem;
}

.contact-right {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}

.contact-title:not(:last-of-type) {
  margin-bottom: 7.5rem;
}
.contact-title h3 {
  color: #7839ff;
  font-size: 2.5rem;
  margin-bottom: 2.5rem;
  line-height: 1;
}
.contact-title p {
  color: #031b2f;
  font-size: 1.25rem;
  font-weight: 300;
  line-height: 1.5;
}
.contact-title p strong {
  font-weight: 400;
}

.contact-btns {
  margin-top: 6.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 1.875rem;
}
.contact-btns button {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  width: 18.4375rem;
  height: 4.6875rem;
  color: #031b2f;
  font-size: 1.375rem;
  border-radius: 0.9375rem;
  border: 0.125rem solid #031b2f;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
  padding-left: 1.5rem;
  padding-right: 3.75rem;
}
.contact-btns button svg {
  position: absolute;
  top: 50%;
  -webkit-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1.5rem;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.contact-btns button:hover {
  background-color: #7839ff;
  border-color: #7839ff;
  color: #fff;
}
.contact-btns button:hover svg {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}

.contact-map {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.contact-map iframe {
  width: 100%;
  height: 50rem;
}

.form-group ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 5.625rem;
}
.form-group li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 1.25rem;
}
.form-group label {
  width: 17.25rem;
  color: #031b2f;
  font-size: 1.5rem;
  padding-top: 0.75rem;
}
.form-group label + div {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.form-group select {
  background-color: #fff;
  border: none;
  min-width: 18.75rem;
  height: 3.75rem;
  background-image: url(/assets/images/sub/ico_select-arrow.svg);
  background-repeat: no-repeat;
  background-position: 90% 50%;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  padding-right: 3.75rem;
  border-radius: 0.625rem;
  padding-left: 2rem;
  color: #031b2f;
  font-size: 1.5rem;
}
.form-group select::-ms-expand {
  display: none;
}
.form-group input {
  border-bottom: 0.0938rem solid #5b5b5b;
  color: #031b2f;
  font-size: 1.5rem;
  height: 3.75rem;
  width: 100%;
}
.form-group textarea {
  border: 0.0938rem solid #5b5b5b;
  border-radius: 0.625rem;
  padding: 1.875rem;
  width: 100%;
  height: 27.3125rem;
  color: #031b2f;
  font-size: 1.5rem;
  line-height: 1.5;
}
.form-group button[type='submit'] {
  margin-top: 1.875rem;
  color: #aeb0b0;
  font-size: 1.25rem;
  border-radius: 0.9375rem;
  border: 0.0625rem solid #aeb0b0;
  width: 10.625rem;
  height: 3.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.form-group button[type='submit']:hover {
  background: #031b2f;
  border-color: #031b2f;
  color: #fff;
}

.product-list {
  margin-top: 18.75rem;
}
.product-list .title {
  color: #031b2f;
  font-size: 4.0625rem;
  margin-bottom: 7.8125rem;
}
.product-list ul {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 3.125rem;
}
.product-list li {
  background-color: #fff;
  border-radius: 0.9375rem;
  padding: 3.125rem;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}
.product-list li > a {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-list li:hover {
  background-color: #031b2f;
}
.product-list li:hover button {
  background: #0ad8f8;
  border-color: #0ad8f8;
  color: #031b2f;
}
.product-list .img {
  width: 35.8125rem;
  height: 28.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
}
.product-list .img img {
  max-width: 100%;
  max-height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.product-list button {
  margin-top: 1.25rem;
  color: #aeb0b0;
  font-size: 1.25rem;
  border-radius: 0.9375rem;
  border: 0.0625rem solid #aeb0b0;
  width: 11.875rem;
  height: 3.4375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-transition: all ease 0.3s;
  transition: all ease 0.3s;
}

.sub-top-1 h3 {
  color: var(--blue);
  font-size: 4.0625rem;
  margin-bottom: 3.75rem;
  line-height: 1.36;
}
.sub-top-1 p {
  color: #fff;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.66;
}

.sub-top {
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 142.8125rem;
  padding-block: 18.125rem 11.5rem;
}
.sub-top em {
  color: #031b2f;
  font-size: 1.875rem;
  font-weight: 300;
}
.sub-top h3 {
  color: var(--blue);
  font-size: 6.25rem;
  font-weight: 300;
  margin-top: 1.875rem;
}
.sub-top .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 100%;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.sub-top__desc {
  width: 61.4375rem;
  -ms-flex-item-align: end;
  align-self: flex-end;
}
.sub-top__desc .sub-desc {
  margin-top: 3.75rem;
}

.sub-desc {
  margin-top: 1.6875rem;
  color: #fff;
  font-size: 2rem;
  font-weight: 300;
  line-height: 1.62;
}

.sub-tit p {
  color: rgba(239, 239, 239, 0.2);
  font-size: 4.375rem;
  font-style: normal;
  font-weight: 400;
  line-height: 5.3125rem;
}
.sub-tit p span {
  display: inline-block;
  background-clip: text;
  -webkit-background-clip: text;
  color: transparent;
  background-size: 200% auto;
  background-position: -100% -100%;
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--blue)),
    color-stop(50%, var(--blue)),
    color-stop(50%, rgba(239, 239, 239, 0.2)),
    to(rgba(239, 239, 239, 0.2))
  );
  background-image: linear-gradient(
    90deg,
    var(--blue) 0%,
    var(--blue) 50%,
    rgba(239, 239, 239, 0.2) 50%,
    rgba(239, 239, 239, 0.2) 100%
  );
}

.proxima-batteries {
  margin-top: 13.3125rem;
  height: 100vh;
}
.proxima-batteries .inner {
  height: 100%;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
}

.proxima-batteries__pin {
  width: 100%;
  overflow: hidden;
  position: relative;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  gap: 53.3125rem;
  margin-top: 3.3125rem;
}
.proxima-batteries__pin .dots {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.9375rem;
}
.proxima-batteries__pin .dots span {
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 50%;
  background-color: rgba(213, 212, 213, 0.3);
}
.proxima-batteries__pin .dots span.active {
  background-color: #d5d4d5;
}

.proxima-batteries__graph {
  position: absolute;
  padding-top: 13rem;
  top: 0;
  left: 21.25rem;
}
.proxima-batteries__graph img:last-of-type {
  display: none;
}

.proxima-batteries__table {
  width: 41.6875rem;
  height: 13.75rem;
  position: relative;
}
.proxima-batteries__table li {
  position: absolute;
  top: 0;
  left: 0;
  opacity: 0;
  width: 100%;
  height: 100%;
}
.proxima-batteries__table li img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
  object-fit: contain;
}
.proxima-batteries__table li img:last-of-type {
  display: none;
}
.proxima-batteries__table li.active {
  opacity: 1;
}

.proxima-video {
  margin-top: 10rem;
}

.proxima-video .video {
  width: 100%;
  aspect-ratio: 16/9;
}
.proxima-video iframe {
  width: 100%;
  height: 100%;
}

.proxima-video__desc {
  margin-top: 10.88rem;
  text-align: center;
  color: #031b2f;
  text-align: center;
  font-size: 4.06rem;
  font-style: normal;
  font-weight: 300;
  line-height: 1.38;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.proxima-video__desc span {
  color: var(--Gray-4, #7a7a7a);
  font-size: 6.25rem;
  font-weight: 300;
  line-height: 0.9;
  display: block;
}
.proxima-video__desc span:last-of-type {
  margin-top: 3.5rem;
}

.sub-page.coexist {
  padding-top: 0;
  padding-bottom: 0;
}
.sub-page.coexist .sub-top {
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  height: 114.38rem;
  padding-block: 19.75rem 8.75rem;
  background-image: url('/assets/images/sub/bg_coexist01.webp');
}
.sub-page.coexist .sub-top h3 {
  color: var(--green);
  font-size: 6.25rem;
  font-weight: 300;
  margin-top: 1.875rem;
}
.sub-page.coexist .sub-top em {
  color: #fff;
}
.sub-page.coexist .sub-tit p span {
  background-image: -webkit-gradient(
    linear,
    left top,
    right top,
    from(var(--green)),
    color-stop(50%, var(--green)),
    color-stop(50%, rgba(239, 239, 239, 0.2)),
    to(rgba(239, 239, 239, 0.2))
  );
  background-image: linear-gradient(
    90deg,
    var(--green) 0%,
    var(--green) 50%,
    rgba(239, 239, 239, 0.2) 50%,
    rgba(239, 239, 239, 0.2) 100%
  );
}

.is-gradient {
  display: inline-block;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#2cff5d),
    color-stop(48.5%, #0ad8f8),
    color-stop(87%, #f0f0f0)
  );
  background: linear-gradient(90deg, #2cff5d 0%, #0ad8f8 48.5%, #f0f0f0 87%);
  background-clip: text;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}

.coexist-reduction {
  height: 65rem;
  padding-top: 15.875rem;
  background-image: url('/assets/images/sub/bg_coexist02.webp');
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.coexist-reduction h4 {
  color: var(--green);
  font-size: 4.0625rem;
  font-weight: 400;
  line-height: 1.38;
}
.coexist-reduction .inner > div {
  margin-top: 6.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 7.5rem;
}

.coexist-reduction__graph > p {
  margin-top: 3.125rem;
  font-size: 7.5rem;
  font-weight: 400;
  line-height: 1;
}
.coexist-reduction__graph.active .graph-content {
  inset: 0 auto 0 0;
}

.graph-wrap {
  background-color: rgba(255, 255, 255, 0.1);
  width: 56.25rem;
  height: 8.75rem;
  border-radius: 0.9375rem;
  position: relative;
  overflow: hidden;
}

.graph-content {
  position: absolute;
  top: 0;
  left: 0;
  width: 53.125rem;
  height: 100%;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#2cff5d),
    color-stop(48.5%, #0ad8f8),
    color-stop(87%, #f0f0f0)
  );
  background: linear-gradient(90deg, #2cff5d 0%, #0ad8f8 48.5%, #f0f0f0 87%);
  inset: 0 auto 0 calc(-100% + 5.1875rem);
  -webkit-transition: inset 1s cubic-bezier(0.56, 0.07, 0, 1);
  transition: inset 1s cubic-bezier(0.56, 0.07, 0, 1);
}

.gradient-box {
  position: relative;
  width: 100%;
  border-radius: 0.9375rem;
  background-color: #021b2f;
}
.gradient-box::before {
  content: '';
  position: absolute;
  inset: -0.1875rem;
  border-radius: 0.9375rem;
  background: -webkit-gradient(
    linear,
    left top,
    right top,
    from(#2cff5d),
    color-stop(48.5%, #0ad8f8),
    color-stop(87%, #f0f0f0)
  );
  background: linear-gradient(90deg, #2cff5d 0%, #0ad8f8 48.5%, #f0f0f0 87%);
  -webkit-mask: -webkit-gradient(
        linear,
        left top,
        left bottom,
        color-stop(0, #fff)
      )
      content-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  mask: -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff))
      content-box,
    -webkit-gradient(linear, left top, left bottom, color-stop(0, #fff));
  mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  mask-composite: exclude;
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
  padding: 0.0625rem;
}

.coexist-usage {
  height: 107.5rem;
  padding-top: 14.4375rem;
  background-image: url('/assets/images/sub/bg_coexist03.webp');
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
  text-align: center;
}
.coexist-usage h4 {
  color: var(--blue);
  font-size: 5.3125rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.29;
}
.coexist-usage .sub-desc {
  margin-top: 5rem;
}

.coexist-usage__wrap {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  grid-gap: 2.1875rem 3.75rem;
}

.coexist-usage__box1 {
  padding: 3.3125rem;
  margin-top: 6.25rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  grid-column-start: 1;
  grid-column-end: 3;
}
.coexist-usage__box1 > img {
  width: 19.0625rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.coexist-usage__box1 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 0 3.4375rem;
}
.coexist-usage__box1 ul li {
  padding: 2.9375rem 3.0625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  height: 21.25rem;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.coexist-usage__box1 ul li p {
  text-align: center;
  font-size: 3.75rem;
  font-weight: 400;
}
.coexist-usage__box1 ul li p:last-of-type {
  font-size: 4.375rem;
}

.coexist-usage__box2 {
  border: 0.0938rem solid #aeb0b0;
  border-radius: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  padding: 2.8125rem 3.25rem;
}
.coexist-usage__box2 p {
  color: #aeb0b0;
  font-size: 2.8125rem;
  font-weight: 400;
  line-height: 1.1;
}
.coexist-usage__box2 ul {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  grid-gap: 1.875rem;
}
.coexist-usage__box2 ul li {
  border: 0.0625rem solid #aeb0b0;
  border-radius: 0.9375rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  width: 6.25rem;
  height: 6.25rem;
  color: #aeb0b0;
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.25;
}

.coexist-lcmp {
  height: 96.875rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  background-image: url('/assets/images/sub/bg_coexist04.webp');
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.coexist-lcmp p {
  color: #fff;
  text-align: center;
  font-size: 4.8125rem;
  font-weight: 400;
  line-height: 1.15;
}

.coexist-slide {
  height: 82.5rem;
  padding-top: 8.75rem;
}

.item-graph__box {
  width: 43.75rem;
  height: 53.125rem;
  background-color: #fff;
  border-radius: 0.9375rem;
  padding: 2.9375rem 3.75rem;
  -webkit-box-shadow: 0rem 0.625rem 0.625rem 0.1875rem #efefef;
  box-shadow: 0rem 0.625rem 0.625rem 0.1875rem #efefef;
}

.coexist-slide {
  height: 82.5rem;
  padding-top: 8.75rem;
  background-image: url('/assets/images/sub/bg_coexist05.webp');
  background-size: cover;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.coexist-slide .inner {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 12.5rem;
}

.coexist-slide__txt {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  overflow: hidden;
}
.coexist-slide__txt .item b {
  color: #031b2f;
  font-size: 4.0625rem;
  font-weight: 400;
  line-height: 1.3;
}
.coexist-slide__txt .item p {
  margin-top: 4.375rem;
  color: #5b5b5b;
  font-size: 1.875rem;
  font-weight: 300;
  line-height: 1.66;
}

@-webkit-keyframes slide01 {
  from {
    height: 0;
  }
}

@keyframes slide01 {
  from {
    height: 0;
  }
}
@-webkit-keyframes slide02 {
  from {
    height: 100%;
  }
}
@keyframes slide02 {
  from {
    height: 100%;
  }
}
.coexist-slide__graph {
  width: 43.75rem;
  -webkit-box-flex: 0;
  -ms-flex: none;
  flex: none;
}
.coexist-slide__graph .item {
  height: 53.125rem;
  padding: 2.375rem 3.75rem 3.125rem;
  background-color: #fff;
  border-radius: 0.9375rem;
  -webkit-box-shadow: 0rem 0.625rem 0.625rem 0.1875rem #efefef;
  box-shadow: 0rem 0.625rem 0.625rem 0.1875rem #efefef;
  display: -webkit-box !important;
  display: -ms-flexbox !important;
  display: flex !important;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  padding-top: 1.5625rem;
}
.coexist-slide__graph .item.slick-active.electrode .graph div {
  -webkit-animation: slide01 1s cubic-bezier(0.56, 0.07, 0, 1);
  animation: slide01 1s cubic-bezier(0.56, 0.07, 0, 1);
}
.coexist-slide__graph .item.slick-active.drying .graph div {
  -webkit-animation: slide02 1s cubic-bezier(0.56, 0.07, 0, 1);
  animation: slide02 1s cubic-bezier(0.56, 0.07, 0, 1);
}
.coexist-slide__graph .item.slick-active.reduction .graph:first-child div {
  -webkit-animation: slide01 1s cubic-bezier(0.56, 0.07, 0, 1);
  animation: slide01 1s cubic-bezier(0.56, 0.07, 0, 1);
}
.coexist-slide__graph .item.slick-active.reduction .graph:last-child div {
  -webkit-animation: slide01 1s cubic-bezier(0.56, 0.07, 0, 1);
  animation: slide01 1s cubic-bezier(0.56, 0.07, 0, 1);
}
.coexist-slide__graph .item.electrode li:last-child {
  height: 71%;
}
.coexist-slide__graph .item.electrode .graph {
  background-color: #f0f0f0;
}
.coexist-slide__graph .item.electrode .graph div {
  height: 71%;
  background-color: var(--green);
}
.coexist-slide__graph .item.drying li:nth-child(2) {
  height: 36.1%;
}
.coexist-slide__graph .item.drying li:last-child {
  height: 25.6%;
}
.coexist-slide__graph .item.drying .graph {
  background-color: rgba(120, 57, 255, 0.05);
}
.coexist-slide__graph .item.drying .graph::after {
  position: absolute;
  content: '';
  height: 61.7%;
  width: 100%;
  background-color: rgba(120, 57, 255, 0.15);
}
.coexist-slide__graph .item.drying .graph div {
  background-color: #7839ff;
  height: 25.6%;
}
.coexist-slide__graph .item.reduction .item-graph__desc {
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.coexist-slide__graph .item.reduction .graph {
  gap: 1.875rem;
}
.coexist-slide__graph .item.reduction .graph:first-child div {
  background-color: #d5d4d5;
  height: 100%;
}
.coexist-slide__graph .item.reduction .graph:last-child div {
  background-color: var(--blue);
  height: 6%;
}

.item-graph__tit {
  color: #5b5b5b;
  font-size: 1.5625rem;
  font-weight: 300;
  line-height: 1.8;
  margin-bottom: 3.125rem;
}

.item-graph__desc {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}
.item-graph__desc .graph {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  height: 100%;
  width: 12.5rem;
  border-radius: 0.9375rem;
  position: relative;
  text-align: center;
  color: #5b5b5b;
  font-size: 1.75rem;
  font-weight: 400;
  line-height: 1.6;
}
.item-graph__desc .graph div {
  border-radius: 0.9375rem;
}
.item-graph__desc ul {
  height: 100%;
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-right: 1.875rem;
}
.item-graph__desc ul li {
  border-bottom: 0.0625rem solid #aeb0b0;
  padding-bottom: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  color: #031b2f;
  font-size: 6.25rem;
  font-weight: 400;
  line-height: 1;
}
.item-graph__desc ul li span {
  color: #7a7a7a;
  font-size: 1.6875rem;
  font-weight: 400;
  display: block;
  margin-bottom: 2.5rem;
}
.item-graph__desc ul li:last-child {
  border-bottom: 0;
}

.item-graph__dots {
  margin-top: 3.125rem;
}
.item-graph__dots ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  gap: 0.9375rem;
}
.item-graph__dots ul li {
  width: 0.9375rem;
  height: 0.9375rem;
  border-radius: 50%;
  background-color: #d5d4d5;
  overflow: hidden;
  cursor: pointer;
}
.item-graph__dots ul li.slick-active {
  background-color: #031b2f;
}
.item-graph__dots ul li button {
  text-indent: -624.9375rem;
}

.coexist-next {
  background-color: #021b2f;
  padding-block: 13.8125rem 5.6875rem;
}
.coexist-next h4 {
  color: #fff;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 1.6;
}

.coexist .coexist-next__slide .item > div {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  font-size: 3.125rem;
  font-weight: 400;
  line-height: 1;
  padding: 0;
}

.coexist-next__slide {
  margin-top: 4rem;
}
.coexist-next__slide .item {
  aspect-ratio: 1/1.145;
  overflow: hidden;
  position: relative;
  margin-inline: 1.5625rem;
  border-radius: 0.9375rem;
  overflow: hidden;
}
.coexist-next__slide .item img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
  -o-object-position: center;
  object-position: center;
}
.coexist-next__slide .item > div {
  position: absolute;
  inset: 0;
  background-color: rgba(3, 27, 47, 0.9);
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  text-align: center;
  padding: 6.25rem 3.75rem 4.375rem;
  color: #fff;
  opacity: 0;
  -webkit-transition: opacity 0.3s ease;
  transition: opacity 0.3s ease;
}
.coexist-next__slide .item > div em,
.coexist-next__slide .item > div div {
  color: #aeb0b0;
  border: 0.0625rem solid #aeb0b0;
  font-size: 1.125rem;
  font-weight: 400;
  padding-inline: 0.9375rem;
  border-radius: 0.625rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  height: 2.1875rem;
  margin-bottom: 6.25rem;
}
.coexist-next__slide .item > div div {
  margin-top: auto;
  margin-bottom: 0;
  height: 2.8125rem;
  padding-inline: 1.75rem;
  border-radius: 0.9375rem;
  font-weight: 300;
}
.coexist-next__slide .item > div b {
  font-family: 'Noto Sans KR';
  font-size: 2.5rem;
  font-style: normal;
  font-weight: 400;
  line-height: 1.4;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
  line-clamp: 2;
  overflow: hidden;
  text-overflow: ellipsis;
}
.coexist-next__slide .item.no-img > div {
  opacity: 1;
  background-color: transparent;
  color: #031b2f;
}
.coexist-next__slide .item.no-img > div em {
  color: #7a7a7a;
  border: 0.0625rem solid #7a7a7a;
}
.coexist-next__slide .item.no-img > div div {
  color: #031b2f;
  border: 0.0625rem solid #031b2f;
}
.coexist-next__slide .item:hover > div {
  opacity: 1;
}

.coexist-next__nav {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 3.125rem;
  gap: 1.875rem;
}

.solution-cards {
  display: block;
  padding-top: 18.15rem;
  padding-bottom: 36.8125rem;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
}

.solution-beyond {
  background-color: #021b2f;
  padding-bottom: 13.75rem;
}
.solution-beyond h3 {
  color: #fff;
  font-size: 4.0625rem;
  line-height: 1.3;
  text-align: center;
}
.solution-beyond .img-wrap {
  margin-top: 4.0625rem;
  width: 70.125rem;
  margin-inline: auto;
}
.solution-beyond .gif-wrap {
  margin-top: 15.625rem;
  width: 107.5rem;
  margin-inline: auto;
}
.solution-beyond .gif-wrap img {
  width: 100%;
  height: 100%;
}

.products-view .hgroup p {
  color: #5b5b5b;
  font-size: 1.125rem;
  font-weight: 300;
}
.products-view .hgroup h3 {
  color: #031b2f;
  font-size: 4.0625rem;
  margin-top: 4.375rem;
}
.products-view .top-img {
  display: block;
  margin-top: 5rem;
}
.products-view .desc {
  margin-top: 3.125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}
.products-view .desc h4 {
  color: #7839ff;
  font-size: 3.125rem;
  width: 45%;
}
.products-view .desc ul {
  width: 55%;
}
.products-view .desc ul li {
  position: relative;
  color: #5b5b5b;
  font-size: 1.875rem;
  line-height: 3.125rem;
  padding-left: 1.35rem;
}
.products-view .desc ul li strong {
  color: #7839ff;
  font-weight: 400;
}
.products-view .desc ul li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 1.35rem;
  width: 0.375rem;
  height: 0.375rem;
  border-radius: 50%;
  background-color: #5b5b5b;
}
.products-view .section-title {
  color: #031b2f;
  font-size: 3.125rem;
  font-weight: 400;
  margin-bottom: 5.625rem;
}
.products-view .spec {
  margin-top: 14.1875rem;
}
.products-view .spec .spec-wrap {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}
.products-view .spec .spec-img {
  width: 43.75rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  padding-inline: 3.5625rem;
}
.products-view .spec .spec-table {
  width: 58.375rem;
}
.products-view .spec .spec-table .head {
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  grid-template-areas: 'model size size size min' 'model width length height min';
  background-color: #031b2f;
  border-radius: 0.9375rem;
  padding: 0.5625rem;
}
.products-view .spec .spec-table .head > div {
  min-height: 4rem;
  color: #fff;
  font-size: 1.5625rem;
  line-height: 1.4;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  text-align: center;
}
.products-view .spec .spec-table .head .model {
  grid-area: model;
  border-right: 0.0625rem solid #fff;
}
.products-view .spec .spec-table .head .size {
  grid-area: size;
  border-right: 0.0625rem solid #fff;
  border-bottom: 0.0625rem solid #fff;
}
.products-view .spec .spec-table .head .min {
  grid-area: min;
}
.products-view .spec .spec-table .head .width {
  grid-area: width;
  border-right: 0.0625rem solid #fff;
}
.products-view .spec .spec-table .head .length {
  grid-area: length;
  border-right: 0.0625rem solid #fff;
}
.products-view .spec .spec-table .head .height {
  grid-area: height;
  border-right: 0.0625rem solid #fff;
}
.products-view .spec .spec-table .body {
  margin-top: 0.3125rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  gap: 0.3125rem;
}
.products-view .spec .spec-table .body > li {
  display: grid;
  background-color: #fff;
  border-radius: 0.9375rem;
  padding: 0.9375rem;
  min-height: 9.125rem;
  grid-template-columns: repeat(5, 1fr);
}
.products-view .spec .spec-table .body > li.col-131 {
  grid-template-columns: 1fr 3fr 1fr;
  min-height: 4.5rem;
}
.products-view .spec .spec-table .body > li > p {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  color: #5b5b5b;
  font-size: 1.5625rem;
  font-weight: 300;
}
.products-view .spec .spec-table .body > li > p:first-child {
  font-weight: 400;
}
.products-view .spec .spec-table .body > li > p.col-3 {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
}
.products-view .advantage {
  margin-top: 14.5625rem;
}
.products-view .advantage ul {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5rem;
}
.products-view .advantage ul.col-4 {
  grid-template-columns: repeat(4, 1fr);
}
.products-view .advantage li {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #031b2f;
  font-size: 1.875rem;
  font-weight: 300;
  gap: 1.875rem;
}
.products-view .application {
  margin-top: 14.0625rem;
}
.products-view .application ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  gap: 2.1875rem;
}
.products-view .application ul.col-5 {
  gap: 1.5625rem;
}
.products-view .application li {
  -webkit-box-flex: 1;
  -ms-flex: 1;
  flex: 1;
  text-align: center;
}
.products-view .application p {
  margin-top: 1.875rem;
  color: #031b2f;
  font-size: 2rem;
  font-weight: 400;
  line-height: 1.6;
  text-align: center;
}
.products-view .about-inquiry {
  background: transparent;
}
.products-view .about-inquiry .card {
  background-image: url(/assets/images/sub/bg_inquiry.webp);
}
.products-view .about-inquiry .card p,
.products-view .about-inquiry .card h3 {
  color: #fff;
}
.products-view .about-inquiry .card a {
  color: #fff;
  background-size: contain;
}
.products-view .about-inquiry .card a img {
  -webkit-filter: brightness(0) invert(1);
  filter: brightness(0) invert(1);
}
.products-view .about-inquiry .card a:hover {
  background-color: #0ad8f8;
  color: #031b2f;
}
.products-view .about-inquiry .card a:hover img {
  -webkit-filter: none;
  filter: none;
}