@charset "UTF-8";
html,
body {
  font-family: "SUIT", sans-serif;
}

/* 공통 컨텐츠 font */
/* SUIT */
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-display: swap;
  src: url("../font/SUIT/SUIT-Thin.woff") format("woff");
  font-weight: 100;
}
@font-face {
  font-family: "SUIT";
  font-style: normal;
  src: url("../font/SUIT/SUIT-ExtraLight.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-display: swap;
  src: url("../font/SUIT/SUIT-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-display: swap;
  src: url("../font/SUIT/SUIT-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-display: swap;
  src: url("../font/SUIT/SUIT-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-display: swap;
  src: url("../font/SUIT/SUIT-SemiBold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-display: swap;
  src: url("../font/SUIT/SUIT-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-display: swap;
  src: url("../font/SUIT/SUIT-ExtraBold.woff") format("woff");
  font-weight: 800;
}
@font-face {
  font-family: "SUIT";
  font-style: normal;
  font-display: swap;
  src: url("../font/SUIT/SUIT-Heavy.woff") format("woff");
  font-weight: 900;
}
/* Galderglynn Titling (italic 일단 보류) */
@font-face {
  font-family: "GalderglynnTitling";
  font-style: normal;
  font-display: swap;
  src: url("../font/galderglynn-titling/Galderglynn-Titling-Th.woff") format("woff");
  font-weight: 100;
}
@font-face {
  font-family: "GalderglynnTitling";
  font-style: normal;
  font-display: swap;
  src: url("../font/galderglynn-titling/Galderglynn-Titling-El.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "GalderglynnTitling";
  font-style: normal;
  font-display: swap;
  src: url("../font/galderglynn-titling/Galderglynn-Titling-Lt.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "GalderglynnTitling";
  font-style: normal;
  font-display: swap;
  src: url("../font/galderglynn-titling/Galderglynn-Titling-Rg.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "GalderglynnTitling";
  font-style: normal;
  font-display: swap;
  src: url("../font/galderglynn-titling/Galderglynn-Titling-Bd.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "GalderglynnTitling";
  font-style: normal;
  font-display: swap;
  src: url("../font/galderglynn-titling/Galderglynn-Titling-Bl.woff") format("woff");
  font-weight: 900;
}
/* General Sans */
@font-face {
  font-family: "GeneralSans";
  font-style: normal;
  font-display: swap;
  src: url("../font/general-sans/GeneralSans-Extralight.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "GeneralSans";
  font-style: normal;
  font-display: swap;
  src: url("../font/general-sans/GeneralSans-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "GeneralSans";
  font-style: normal;
  font-display: swap;
  src: url("../font/general-sans/GeneralSans-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "GeneralSans";
  font-style: normal;
  font-display: swap;
  src: url("../font/general-sans/GeneralSans-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "GeneralSans";
  font-style: normal;
  font-display: swap;
  src: url("../font/general-sans/GeneralSans-Semibold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "GeneralSans";
  font-style: normal;
  font-display: swap;
  src: url("../font/general-sans/GeneralSans-Bold.woff") format("woff");
  font-weight: 700;
}
/* Pretendard */
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("../font/pretendard/Pretendard-Thin.woff") format("woff");
  font-weight: 100;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("../font/pretendard/Pretendard-ExtraLight.woff") format("woff");
  font-weight: 200;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("../font/pretendard/Pretendard-Light.woff") format("woff");
  font-weight: 300;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("../font/pretendard/Pretendard-Regular.woff") format("woff");
  font-weight: 400;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("../font/pretendard/Pretendard-Medium.woff") format("woff");
  font-weight: 500;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("../font/pretendard/Pretendard-SemiBold.woff") format("woff");
  font-weight: 600;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("../font/pretendard/Pretendard-Bold.woff") format("woff");
  font-weight: 700;
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  src: url("../font/pretendard/Pretendard-ExtraBold.woff") format("woff");
  font-weight: 800;
}
/* Akkurat */
@font-face {
  font-family: "Akkurat";
  font-style: normal;
  src: url("../font/Akkurat/Akkurat.woff") format("woff");
  font-weight: 400;
}
html,
body {
  background-color: #fff;
  font-size: 62.5%;
  color: #000;
}

body {
  overflow-x: hidden;
}

.blind {
  overflow: hidden;
  position: absolute;
  width: 1px;
  height: 1px;
  margin: -1px;
  padding: 0;
  border: 0;
  white-space: nowrap;
  clip: rect(0, 0, 0, 0);
}

.pc_hidden {
  display: none !important;
}

.mo_hidden {
  display: block !important;
}

:root {
  --vh: 1vh;
}

#wrap {
  display: flex;
  flex-direction: column;
  min-height: calc(var(--vh, 1vh) * 100);
}
#wrap .content_wrap {
  position: relative;
  max-width: 176rem;
  width: 100%;
  margin: 0 auto;
  padding: 0 7rem;
}
#wrap input,
#wrap textarea {
  font-family: "SUIT", sans-serif;
}
#wrap .mask {
  overflow: hidden;
}
@keyframes slideUp {
  to {
    transform: translateY(0%);
    opacity: 1;
  }
}
#wrap [data-aos=fade-up] {
  transform: translate3d(0, 30px, 0) !important;
}
#wrap [data-aos^=fade][data-aos^=fade].aos-animate {
  transform: translateZ(0) !important;
}

@media (max-width: 768px) {
  .pc_hidden {
    display: block !important;
  }
  .mo_hidden {
    display: none !important;
  }
  #wrap .content_wrap {
    padding: 0 2rem;
  }
}
#header {
  display: flex;
  align-items: center;
  position: fixed;
  top: 3.2rem;
  left: 50%;
  transform: translateX(-50%);
  z-index: 10;
  transition: all 0.4s;
  max-width: 66.6rem;
  width: 100%;
  height: 6.2rem;
  padding: 0 0.6rem 0 3.6rem;
  background-color: #fff;
  border-radius: 8.6rem;
  filter: drop-shadow(0px 4px 14px rgba(0, 0, 0, 0.06));
}
#header .logo {
  display: block;
  width: 7.1rem;
  height: 2.8rem;
  background: url(../images/common/logo.svg) no-repeat center/contain;
}
#header .btn_menu {
  display: none;
}
#header nav {
  margin-left: auto;
}
#header nav > ul {
  display: flex;
  gap: 5rem;
}
#header nav > ul > li {
  position: relative;
}
#header nav > ul > li .depth1 {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  font-family: "GalderglynnTitling";
  font-size: 1.3rem;
}
#header nav > ul > li .depth1.has_depth2::after {
  content: "";
  display: block;
  width: 0.8rem;
  height: 0.5rem;
  background: url(../images/common/ic_depth2_arrow.svg) no-repeat center/cover;
}
#header nav > ul > li .depth2_list {
  display: none;
  position: absolute;
  top: 2.8rem;
  left: -2.2rem;
  width: 28rem;
  padding: 1rem;
  background-color: #fff;
  box-shadow: 0 0.1rem 1.2rem 0 rgba(0, 0, 0, 0.08);
  border-radius: 2rem;
}
#header nav > ul > li .depth2_list li .depth2 {
  display: flex;
  align-items: center;
  transition: all 0.4s;
  width: 100%;
  height: 4.8rem;
  border-radius: 1rem;
  padding: 0 1.2rem;
  font-family: "GalderglynnTitling";
  font-size: 1.3rem;
  color: #707070;
  text-transform: uppercase;
}
#header nav > ul > li .depth2_list li .depth2:hover {
  background-color: #f5f5f5;
  color: #000;
}
#header nav > ul > li .depth2_list::before {
  content: "";
  position: absolute;
  left: 0;
  right: 0;
  top: -1.2rem;
  height: 1.2rem;
}
#header nav > ul > li .depth2_list.active {
  display: block;
}
#header .btn_contact {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 14rem;
  height: 5rem;
  margin-left: auto;
  background-color: #4adc70;
  border-radius: 10rem;
  font-family: "GeneralSans";
  font-size: 1.5rem;
  font-weight: 500;
}
#header .btn_contact::after {
  content: "";
  transition: all 0.4s;
  pointer-events: none;
}
#header .btn_contact:hover::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
#header.down {
  transform: translateX(-50%) translateY(-10rem);
}
@media (max-width: 768px) {
  #header {
    justify-content: space-between;
    width: calc(100% - 4rem);
    height: 5.4rem;
    padding: 0 2rem;
  }
  #header .btn_menu {
    display: flex;
    gap: 0.3rem;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    position: relative;
    z-index: 1;
    width: 2.5rem;
    height: 2.5rem;
  }
  #header .btn_menu span {
    display: block;
    width: 1.8rem;
    height: 0.2rem;
    background-color: #000;
    transition: all 0.3s ease-in-out;
  }
  #header .btn_menu.active span:nth-child(1) {
    transform: translateY(0.6rem) rotate(45deg);
  }
  #header .btn_menu.active span:nth-child(2) {
    opacity: 0;
  }
  #header .btn_menu.active span:nth-child(3) {
    transform: translateY(-0.4rem) rotate(-45deg);
  }
  #header .btn_contact {
    display: none;
  }
  #header .logo {
    width: 5.4rem;
    height: 2.1rem;
  }
  #header nav {
    overflow: hidden;
    opacity: 0;
    transform: translateY(-8px) scale(0.98);
    visibility: hidden;
    pointer-events: none;
    transition: opacity 0.28s ease, transform 0.34s cubic-bezier(0.2, 0.7, 0.2, 1);
    position: absolute;
    top: 6.4rem;
    left: 0;
    width: 100%;
    background-color: #fff;
    border-radius: 1.4rem;
  }
  #header nav.active {
    opacity: 1;
    transform: none;
    visibility: visible;
    pointer-events: auto;
  }
  #header nav > ul {
    gap: 0;
    flex-direction: column;
    padding: 0.6rem 2rem;
  }
  #header nav > ul > li ~ li {
    border-top: 0.1rem solid #f1f1f1;
  }
  #header nav > ul > li .depth1 {
    gap: 1.2rem;
    padding: 1.6rem 0;
    font-size: 2.2rem;
  }
  #header nav > ul > li .depth1.has_depth2::after {
    transition: transform 0.28s ease;
    width: 1rem;
    height: 0.7rem;
  }
  #header nav > ul > li .depth1.has_depth2.active::after {
    transform: rotate(180deg);
  }
  #header nav > ul > li .depth2_list {
    overflow: hidden;
    visibility: hidden;
    opacity: 0;
    transition: max-height 0.42s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.28s ease, visibility 0s linear 0.28s, padding 0.42s cubic-bezier(0.2, 0.7, 0.2, 1);
    will-change: max-height, opacity;
    display: flex;
    flex-direction: column;
    gap: 0;
    position: static;
    width: auto;
    max-height: 0;
    padding: 0;
    border-top: 0.1rem solid #f1f1f1;
    border-radius: 0;
    box-shadow: none;
  }
  #header nav > ul > li .depth2_list li ~ li {
    margin-top: 2.6rem;
  }
  #header nav > ul > li .depth2_list li .depth2 {
    height: auto;
    padding: 0;
    font-weight: 300;
    line-height: 2.3rem;
    color: #858585;
    word-break: keep-all;
  }
  #header nav > ul > li .depth2_list.active {
    opacity: 1;
    visibility: visible;
    transition: max-height 0.46s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.28s ease, visibility 0s, padding 0.46s cubic-bezier(0.2, 0.7, 0.2, 1);
    max-height: calc(var(--vh, 1vh) * 80);
    padding: 2rem 0;
  }
}

#footer {
  width: 100%;
  background-color: #f5f5f5;
}
#footer .bg_wrap {
  position: relative;
  min-height: 80rem;
}
#footer .bg_wrap .bg {
  overflow: hidden;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 80rem;
}
#footer .bg_wrap .bg .bg_img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(0);
  will-change: transform;
  width: 100%;
  height: 100%;
  background: url(../images/common/bg_footer.jpg) no-repeat center bottom/cover;
}
#footer .bg_wrap .contact_us_box {
  overflow: hidden;
  position: absolute;
  top: 12rem;
  right: 7rem;
  z-index: 1;
  max-width: 72.8rem;
  width: 100%;
  height: 86.4rem;
  padding: 8rem 5rem;
  background-color: #202020;
  border-radius: 2.4rem;
}
#footer .bg_wrap .contact_us_box .tit_wrap {
  text-align: center;
}
#footer .bg_wrap .contact_us_box .tit_wrap .sort {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 13rem;
  height: 3.4rem;
  margin: 0 auto 2.8rem;
  background-color: #4adc70;
  backdrop-filter: blur(1.45rem);
  font-family: "GalderglynnTitling";
  font-size: 1.3rem;
  color: #202020;
  text-transform: uppercase;
}
#footer .bg_wrap .contact_us_box .tit_wrap .tit {
  margin-bottom: 2.4rem;
  font-size: 4rem;
  font-weight: 700;
  line-height: 5.2rem;
  color: #fff;
}
#footer .bg_wrap .contact_us_box .tit_wrap .sub_tit {
  margin-bottom: 0.8rem;
  font-size: 1.8rem;
  font-weight: 600;
  line-height: 2.6rem;
  color: #4adc70;
}
#footer .bg_wrap .contact_us_box .tit_wrap .desc {
  font-size: 1.5rem;
  font-weight: 500;
  line-height: 2.4rem;
  color: rgba(255, 255, 255, 0.6);
}
#footer .bg_wrap .contact_us_box .info_input_wrap {
  display: flex;
  gap: 2rem;
  margin-top: 6rem;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap {
  flex: 1;
  display: flex;
  gap: 1.2rem;
  flex-direction: column;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: 100%;
  height: 6rem;
  padding: 0 2.4rem 0 2.8rem;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  border-radius: 8rem;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group label {
  flex-shrink: 0;
  display: block;
  width: 1.6rem;
  height: 1.6rem;
  text-indent: -9999rem;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group label.user_name {
  background: url(../images/common/ic_user.svg) no-repeat center/cover;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group label.user_company {
  background: url(../images/common/ic_company.svg) no-repeat center/cover;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group label.user_email {
  background: url(../images/common/ic_email.svg) no-repeat center/cover;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group input {
  flex: 1;
  max-width: calc(100% - 6rem);
  font-size: 1.5rem;
  color: #fff;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group input::placeholder {
  opacity: 0.4;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group .ic_check {
  opacity: 0;
  flex-shrink: 0;
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/common/ic_check.svg) no-repeat center/cover;
  transition: all 0.3s;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group.filled .ic_check {
  opacity: 1;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .textarea_group {
  flex: 1;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .textarea_group textarea {
  width: 100%;
  height: 100%;
  padding: 1.6rem 1.8rem;
  background-color: transparent;
  border: 0.1rem solid rgba(255, 255, 255, 0.2);
  border-radius: 2rem;
  font-size: 1.5rem;
  line-height: 2.6rem;
  color: #fff;
}
#footer .bg_wrap .contact_us_box .info_input_wrap .textarea_group textarea::placeholder {
  opacity: 0.4;
}
#footer .bg_wrap .contact_us_box .btn_submit {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 10.6rem;
  height: 10.6rem;
  margin: 6rem auto 0;
  background-color: #4adc70;
  border-radius: 50%;
}
#footer .bg_wrap .contact_us_box .btn_submit .ic_wrap,
#footer .bg_wrap .contact_us_box .btn_submit .ic_wrap_copy {
  display: block;
  will-change: transform, opacity;
  transition: transform 0.35s cubic-bezier(0.22, 0.7, 0.2, 1), opacity 0.35s cubic-bezier(0.22, 0.7, 0.2, 1);
  position: absolute;
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/common/ic_send.svg) no-repeat center/cover;
}
#footer .bg_wrap .contact_us_box .btn_submit .ic_wrap {
  opacity: 1;
  transform: translate(0, 0);
}
#footer .bg_wrap .contact_us_box .btn_submit .ic_wrap_copy {
  opacity: 0;
  transition-delay: 0s;
  transform: translate(-150%, 150%);
}
#footer .bg_wrap .contact_us_box .btn_submit:hover .ic_wrap {
  opacity: 0;
  transform: translate(150%, -150%);
}
#footer .bg_wrap .contact_us_box .btn_submit:hover .ic_wrap_copy {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 0.15s;
}
#footer .bg_wrap .content_wrap .enterprise_footer {
  display: none;
}
#footer .bottom_wrap {
  padding: 3.5rem 0 6.8rem;
}
#footer .bottom_wrap .content_wrap .terms_list {
  display: flex;
  gap: 6.4rem;
  align-items: center;
  margin-bottom: 4rem;
  padding-bottom: 3.5rem;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.08);
}
#footer .bottom_wrap .content_wrap .terms_list li {
  position: relative;
}
#footer .bottom_wrap .content_wrap .terms_list li ~ li::before {
  content: "";
  display: block;
  position: absolute;
  top: 0.4rem;
  left: -3.2rem;
  width: 0.1rem;
  height: 1rem;
  background-color: rgba(0, 0, 0, 0.2);
}
#footer .bottom_wrap .content_wrap .terms_list li a {
  display: block;
  font-size: 1.5rem;
  font-weight: 600;
  line-height: 1.9rem;
  letter-spacing: -0.02em;
  color: #000;
}
#footer .bottom_wrap .content_wrap .footer_box {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .location {
  margin-bottom: 4.8rem;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .location .name {
  margin-bottom: 1.2rem;
  font-size: 1.8rem;
  font-weight: 700;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .location .address {
  font-size: 1.3rem;
  line-height: 2.2rem;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .info_list li {
  display: flex;
  gap: 1rem;
  align-items: center;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .info_list li ~ li {
  margin-top: 2rem;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .info_list li .sort {
  min-width: 4.6rem;
  font-size: 1.3rem;
  font-weight: 600;
  line-height: 0.9rem;
  color: #666666;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .info_list li .detail {
  font-size: 1.3rem;
  line-height: 0.9rem;
  color: #464646;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .logo {
  display: block;
  width: 12.9rem;
  height: 3.8rem;
  margin-left: auto;
  margin-bottom: 2rem;
  background: url(../images/common/logo.svg) no-repeat center/cover;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .vivo_txt {
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.2rem;
  font-weight: 300;
  line-height: 1.7rem;
  color: rgba(0, 0, 0, 0.3);
  text-align: right;
  text-transform: uppercase;
}
#footer .bottom_wrap .content_wrap .footer_box .footer_item .copyright_txt {
  font-size: 1.3rem;
  line-height: 2rem;
  color: rgba(0, 0, 0, 0.6);
}
#footer.has_enterprise .bg_wrap {
  background-color: #fff;
  min-height: 74rem;
}
#footer.has_enterprise .bg_wrap .bg {
  display: none;
}
#footer.has_enterprise .bg_wrap .contact_us_box {
  top: 6rem;
}
#footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer {
  display: block;
}
#footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer .tit_wrap {
  padding-top: 13rem;
}
#footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
#footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
#footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer .tit_wrap h2 .mask {
  display: inline-block;
}
#footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
#footer.has_enterprise.active .bg_wrap .content_wrap .enterprise_footer .tit_wrap .sub_tit {
  opacity: 1;
}
#footer.has_enterprise.active .bg_wrap .content_wrap .enterprise_footer .tit_wrap h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
#footer.has_enterprise.active .bg_wrap .content_wrap .enterprise_footer .tit_wrap h2 .mask:nth-of-type(n + 3) .text {
  animation-delay: 0.35s;
}
#footer.has_enterprise.active .bg_wrap .content_wrap .enterprise_footer .tit_wrap h2 .mask:nth-of-type(n + 6) .text {
  animation-delay: 0.5s;
}
@media (max-width: 1500px) {
  #footer .bg_wrap {
    padding-top: 19.4rem;
    padding-bottom: 3rem;
    background-color: #fff;
  }
  #footer .bg_wrap .content_wrap {
    display: flex;
    gap: 3rem;
    flex-direction: column;
    align-items: center;
  }
  #footer .bg_wrap .content_wrap .enterprise_footer {
    margin-top: -19.4rem;
  }
  #footer .bg_wrap .contact_us_box {
    position: static;
  }
}
@media (max-width: 768px) {
  #footer .bg_wrap {
    background-color: #fff;
  }
  #footer .bg_wrap .bg {
    height: 0;
    padding-bottom: 92.8%;
  }
  #footer .bg_wrap .bg .bg_img {
    background-image: url(../images/common/bg_footer_mo.jpg);
  }
  #footer .bg_wrap .contact_us_box {
    max-width: none;
    height: auto;
    padding: 3rem 2rem 2.6rem;
  }
  #footer .bg_wrap .contact_us_box .tit_wrap {
    padding-left: 1rem;
    text-align: left;
  }
  #footer .bg_wrap .contact_us_box .tit_wrap .sort {
    width: 11.5rem;
    height: 2.8rem;
    margin-left: 0;
    margin-bottom: 1.5rem;
    font-size: 1.2rem;
  }
  #footer .bg_wrap .contact_us_box .tit_wrap .tit {
    margin-bottom: 1.8rem;
    font-size: 2rem;
    line-height: 2.8rem;
  }
  #footer .bg_wrap .contact_us_box .tit_wrap .sub_tit {
    font-size: 1.5rem;
    margin-bottom: 0.3rem;
  }
  #footer .bg_wrap .contact_us_box .tit_wrap .desc {
    word-break: keep-all;
  }
  #footer .bg_wrap .contact_us_box .info_input_wrap {
    gap: 1rem;
    flex-direction: column;
    margin-top: 2rem;
  }
  #footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap {
    gap: 1rem;
  }
  #footer .bg_wrap .contact_us_box .info_input_wrap .input_wrap .input_group {
    height: 5.2rem;
    padding: 0 1.6rem 0 2rem;
  }
  #footer .bg_wrap .contact_us_box .btn_submit {
    margin-top: 2.5rem;
    width: 6rem;
    height: 6rem;
  }
  #footer .bg_wrap .contact_us_box .btn_submit .ic_wrap,
  #footer .bg_wrap .contact_us_box .btn_submit .ic_wrap_copy {
    width: 1.54rem;
    height: 1.54rem;
  }
  #footer .bottom_wrap {
    padding: 2rem 0 3rem;
  }
  #footer .bottom_wrap .content_wrap .terms_list {
    gap: 3.5rem;
    position: relative;
    margin-bottom: 2rem;
    padding-bottom: 2rem;
    border-bottom: none;
  }
  #footer .bottom_wrap .content_wrap .terms_list::after {
    content: "";
    display: block;
    position: absolute;
    left: -2rem;
    bottom: 0;
    width: calc(100% + 4rem);
    height: 0.1rem;
    background-color: rgba(0, 0, 0, 0.08);
  }
  #footer .bottom_wrap .content_wrap .terms_list li ~ li::before {
    left: -1.7rem;
  }
  #footer .bottom_wrap .content_wrap .terms_list li a {
    font-size: 1.4rem;
    line-height: 1.8rem;
  }
  #footer .bottom_wrap .content_wrap .footer_box {
    gap: 4.4rem;
    flex-direction: column;
    align-items: flex-start;
  }
  #footer .bottom_wrap .content_wrap .footer_box .footer_item {
    width: 100%;
  }
  #footer .bottom_wrap .content_wrap .footer_box .footer_item .location {
    margin-bottom: 1.8rem;
  }
  #footer .bottom_wrap .content_wrap .footer_box .footer_item .location .name {
    font-size: 1.4rem;
  }
  #footer .bottom_wrap .content_wrap .footer_box .footer_item .info_list li ~ li {
    margin-top: 1.4rem;
  }
  #footer .bottom_wrap .content_wrap .footer_box .footer_item .logo {
    width: 5.8rem;
    height: 1.7rem;
    margin-left: 0;
    margin-bottom: 1rem;
  }
  #footer .bottom_wrap .content_wrap .footer_box .footer_item .vivo_txt {
    margin-bottom: 0.6rem;
    text-align: left;
  }
  #footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer {
    width: 100%;
    margin-top: -19.4rem;
    padding: 0 0 0 1rem;
  }
  #footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer .tit_wrap {
    padding-top: 7rem;
  }
  #footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
  #footer.has_enterprise .bg_wrap .content_wrap .enterprise_footer .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
    letter-spacing: -0.02em;
  }
}

.container {
  /* 메인 */
}
.container#mainPage .visual {
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #171717;
}
.container#mainPage .visual .logo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 5;
  width: 13.2rem;
  height: 5.2rem;
  background: url(../images/common/logo_white.svg) no-repeat center/contain;
}
.container#mainPage .visual .visual_wrap {
  overflow: hidden;
  position: relative;
  min-width: 54.6rem;
  width: 100%;
  min-height: 30.8rem;
  height: calc(var(--vh, 1vh) * 100);
}
.container#mainPage .visual .visual_wrap .visual_item {
  clip-path: inset(50% 50% 50% 50% round 16px);
  -webkit-clip-path: inset(50% 50% 50% 50% round 16px);
  opacity: 0;
  width: min(54.6rem, 80vw);
  min-width: 54.6rem;
  aspect-ratio: 16/9;
  overflow: hidden;
  will-change: width, height, border-radius;
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  border-radius: 2rem;
}
.container#mainPage .visual .visual_wrap .visual_item .visual_box {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  overflow: hidden;
}
.container#mainPage .visual .visual_wrap .visual_item .visual_box img {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateZ(0) scale(1);
  transform-origin: 50% 50%;
  will-change: transform;
  pointer-events: none;
  user-select: none;
}
.container#mainPage .visual .content_wrap {
  opacity: 0;
  visibility: hidden;
  pointer-events: none;
  transition: opacity 0.8s ease;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
}
.container#mainPage .visual .content_wrap h1 {
  margin-bottom: 3.2rem;
  font-family: "GalderglynnTitling";
  font-size: 5.4rem;
  font-weight: 300;
  line-height: 5.2rem;
  text-align: center;
  text-transform: uppercase;
}
.container#mainPage .visual .content_wrap h1 .mask {
  display: inline-block;
}
.container#mainPage .visual .content_wrap h1 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#mainPage .visual .content_wrap .line {
  position: relative;
  width: 100%;
  height: 1.6rem;
  background: url(../images/main/visual_line.png) no-repeat center/contain;
}
.container#mainPage .visual .content_wrap .txt_wrap {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-top: 3.6rem;
}
.container#mainPage .visual .content_wrap .txt_wrap .deco_txt {
  opacity: 0.2;
  font-family: "Akkurat";
  font-size: 1.5rem;
}
.container#mainPage .visual .content_wrap .txt_wrap .desc {
  opacity: 0.8;
  font-size: 1.5rem;
  line-height: 2.3rem;
  text-align: center;
}
.container#mainPage .visual .content_wrap.show {
  opacity: 1;
  visibility: visible;
  pointer-events: all;
}
.container#mainPage .visual .content_wrap.show .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#mainPage .visual .content_wrap.show .mask:nth-of-type(n+6) .text {
  animation-delay: 0.35s;
}
.container#mainPage .visual .content_wrap.show .txt_wrap {
  opacity: 1;
}
.container#mainPage .solution .tit_wrap {
  padding: 10rem 1rem 6.8rem;
  text-align: center;
}
.container#mainPage .solution .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#mainPage .solution .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 6rem;
}
.container#mainPage .solution .tit_wrap h2 .mask {
  display: inline-block;
}
.container#mainPage .solution .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#mainPage .solution .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#mainPage .solution .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#mainPage .solution .tit_wrap.active h2 .mask:nth-of-type(n + 3) .text {
  animation-delay: 0.35s;
}
.container#mainPage .solution .solution_wrap {
  background-color: #f5f5f5;
}
.container#mainPage .solution .solution_wrap .solution_item {
  overflow: hidden;
  display: flex;
  width: 100%;
  height: 86rem;
}
.container#mainPage .solution .solution_wrap .solution_item .img_wrap {
  overflow: hidden;
  position: relative;
  width: 50%;
}
.container#mainPage .solution .solution_wrap .solution_item .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(0);
  will-change: transform;
  width: 100%;
  height: 170%;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper {
  position: relative;
  width: 50%;
  padding: 7rem 5.2% 0;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 4rem;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .solution_tit_wrap .solution_sub_tit {
  margin-bottom: 2rem;
  font-family: "Pretendard";
  font-size: 1.6rem;
  font-weight: 600;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .solution_tit_wrap .solution_tit {
  font-family: "GalderglynnTitling";
  font-size: 5.2rem;
  line-height: 5.8rem;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .swiper-btn-wrap {
  display: flex;
  gap: 1rem;
  align-items: center;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .swiper-btn-wrap .swiper-button-prev, .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .swiper-btn-wrap .swiper-button-next {
  display: block;
  position: static;
  margin: 0;
  transform: translateY(0);
  width: 4.4rem;
  height: 4.4rem;
  background: #444444 url(../images/main/solution_arrow01.svg) no-repeat center;
  border-radius: 0.8rem;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .swiper-btn-wrap .swiper-button-prev::after, .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .swiper-btn-wrap .swiper-button-next::after {
  display: none;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .swiper-btn-wrap .swiper-button-disabled {
  opacity: 1;
  background-image: url(../images/main/solution_arrow01_opacity.svg);
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .swiper-btn-wrap .swiper-button-prev {
  transform: translateY(0) scaleX(-1);
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide {
  min-width: 50rem;
  max-width: 60rem;
  width: 73.784%;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution {
  display: block;
  position: relative;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap {
  overflow: hidden;
  position: absolute;
  top: 27.7%;
  left: 50%;
  transform: translateX(-50%);
  z-index: 1;
  width: 79.25%;
  border-radius: 2.4rem;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .target {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  position: absolute;
  top: 2rem;
  left: 2rem;
  height: 5.2rem;
  padding: 0 3rem;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(0.2rem);
  border-radius: 10rem;
  font-family: "Akkurat";
  font-size: 1.4rem;
  color: #fff;
  text-transform: capitalize;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .target.dark {
  background-color: rgba(64, 59, 56, 0.4);
  backdrop-filter: blur(2.4rem);
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .btn_arrow {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  top: 2rem;
  right: 2rem;
  width: 5.2rem;
  height: 5.2rem;
  background-color: #fff;
  border-radius: 50%;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .btn_arrow .ic_arrow,
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .btn_arrow .ic_arrow_copy {
  display: block;
  will-change: transform, opacity;
  transition: transform 0.35s cubic-bezier(0.22, 0.7, 0.2, 1), opacity 0.35s cubic-bezier(0.22, 0.7, 0.2, 1);
  position: absolute;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/main/solution_arrow02.svg) no-repeat center/cover;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .btn_arrow .ic_arrow {
  opacity: 1;
  transform: translate(0, 0);
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .btn_arrow .ic_arrow_copy {
  opacity: 0;
  transition-delay: 0s;
  transform: translate(-150%, 150%);
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box {
  position: absolute;
  left: 8.1%;
  bottom: 8.6%;
  width: 82%;
  color: #fff;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box .sort {
  display: flex;
  gap: 1rem;
  align-items: center;
  margin-bottom: 1.6rem;
  font-size: 1.5rem;
  font-weight: 800;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box .sort::before {
  content: "";
  display: block;
  transform: rotate(45deg);
  width: 1rem;
  height: 1rem;
  background-color: #4adc70;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box .tit {
  display: block;
  margin-bottom: 1.6rem;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 4.3rem;
  word-break: keep-all;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box .desc {
  display: block;
  font-size: 1.6rem;
  word-break: keep-all;
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution:hover .txt_wrap .btn_arrow .ic_arrow {
  opacity: 0;
  transform: translate(150%, -150%);
}
.container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution:hover .txt_wrap .btn_arrow .ic_arrow_copy {
  opacity: 1;
  transform: translate(0, 0);
  transition-delay: 0.15s;
}
.container#mainPage .solution .solution_wrap .solution_item ~ .solution_item {
  flex-direction: row-reverse;
}
.container#mainPage .solution .solution_wrap .solution_item ~ .solution_item .img_wrap img {
  height: 100%;
}
.container#mainPage .technology {
  padding: 13rem 0;
}
.container#mainPage .technology .content_wrap .tit_wrap {
  margin-bottom: 6.2rem;
  text-align: center;
}
.container#mainPage .technology .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#mainPage .technology .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 6rem;
}
.container#mainPage .technology .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#mainPage .technology .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#mainPage .technology .content_wrap .tit_wrap h2 .mask .text.font_GalderglynnTitling {
  font-family: "GalderglynnTitling";
  font-weight: 400;
}
.container#mainPage .technology .content_wrap .tit_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-top: 2rem;
  font-size: 2rem;
  line-height: 3.2rem;
}
.container#mainPage .technology .content_wrap .tit_wrap .desc .txt_semibold {
  font-weight: 600;
}
.container#mainPage .technology .content_wrap .tit_wrap.active .sub_tit,
.container#mainPage .technology .content_wrap .tit_wrap.active .desc {
  opacity: 1;
}
.container#mainPage .technology .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#mainPage .technology .content_wrap .img_wrap {
  display: flex;
  gap: 2rem;
  align-items: flex-end;
}
.container#mainPage .technology .content_wrap .img_wrap .img_box {
  width: 34.321%;
  opacity: 0;
  transform: translateY(6rem);
  will-change: transform, opacity;
  transition: transform 1s cubic-bezier(0.22, 0.7, 0.2, 1), opacity 1s cubic-bezier(0.22, 0.7, 0.2, 1);
}
.container#mainPage .technology .content_wrap .img_wrap .img_box:nth-child(2) {
  flex: 1;
}
.container#mainPage .technology .content_wrap .img_wrap.active .img_box {
  transform: translateY(0);
  opacity: 1;
}
.container#mainPage .technology .content_wrap .img_wrap.active .img_box:nth-child(2) {
  transition-delay: 0.2s;
}
.container#mainPage .technology .content_wrap .img_wrap.active .img_box:nth-child(3) {
  transition-delay: 0.4s;
}
.container#mainPage .social_proof {
  position: relative;
  min-height: calc(var(--vh, 1vh) * 100);
  background-color: #000;
  color: #fff;
}
.container#mainPage .social_proof .content_wrap {
  display: flex;
  justify-content: space-between;
  position: relative;
  width: 100%;
  margin: 0 auto;
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: sticky;
  top: 0;
  height: calc(var(--vh, 1vh) * 100);
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner .sub_tit {
  margin-bottom: calc(var(--vh, 1vh) * 5.56);
  font-family: "GalderglynnTitling";
  font-size: 1.6rem;
  color: #888888;
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner h2 {
  display: flex;
  gap: 1rem;
  flex-direction: column;
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe {
  display: block;
  position: relative;
  -webkit-text-stroke: 0.12rem currentColor;
  will-change: clip-path;
  font-family: "GalderglynnTitling";
  font-size: 8.5rem;
  line-height: 8rem;
  color: #4a4a4a;
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe:nth-child(2) {
  margin-left: 5.7rem;
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe::after {
  content: attr(data-text);
  position: absolute;
  inset: 0;
  color: #fff;
  clip-path: inset(0 100% 0 0);
  transition: clip-path 1.4s cubic-bezier(0.2, 0.7, 0, 0.99);
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe.color_green {
  padding-right: 7.2rem;
  font-style: italic;
  text-align: right;
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe.color_green::after {
  padding-right: 7.2rem;
  color: #2dd458;
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner h2.active .wipe::after {
  clip-path: inset(0 0 0 0);
}
.container#mainPage .social_proof .content_wrap .left_box .left_inner .desc {
  margin-top: calc(var(--vh, 1vh) * 13.9);
  font-size: 1.7rem;
  line-height: 2.7rem;
}
.container#mainPage .social_proof .content_wrap .right_box {
  margin-right: 5vw;
  padding-top: calc(var(--vh, 1vh) * 58);
  padding-bottom: calc(var(--vh, 1vh) * 40);
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track {
  display: flex;
  flex-direction: column;
  align-items: center;
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo {
  transition: background-image 0.4s;
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo ~ .logo {
  margin-top: calc(var(--vh, 1vh) * 16.7);
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.samsungLife {
  width: 34rem;
  height: 6.2rem;
  background: url(../images/main/social_logo_SamsungLife.svg) no-repeat center/contain;
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.samsungLife.active {
  background-image: url(../images/main/social_logo_SamsungLife_active.svg);
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.welstory {
  width: 27rem;
  height: 5.7rem;
  background: url(../images/main/social_logo_welstory.svg) no-repeat center/contain;
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.welstory.active {
  background-image: url(../images/main/social_logo_welstory_active.svg);
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.coupang {
  width: 23.5rem;
  height: 5.3rem;
  background: url(../images/main/social_logo_coupang.svg) no-repeat center/contain;
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.coupang.active {
  background-image: url(../images/main/social_logo_coupang_active.svg);
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.nationalCancerCenter {
  width: 26.3rem;
  height: 7.2rem;
  background: url(../images/main/social_logo_nationalCancer.svg) no-repeat center/contain;
}
.container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.nationalCancerCenter.active {
  background-image: url(../images/main/social_logo_nationalCancer_active.svg);
}
.container#mainPage .social_proof .shadow_box {
  pointer-events: none;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container#mainPage .social_proof .shadow_box .shadow_inner {
  position: sticky;
  top: 0;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
}
.container#mainPage .social_proof .shadow_box .shadow_inner::before, .container#mainPage .social_proof .shadow_box .shadow_inner::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 10rem;
  background: linear-gradient(180deg, #000 0%, rgba(18, 18, 18, 0) 64.1%);
}
.container#mainPage .social_proof .shadow_box .shadow_inner::after {
  top: calc(var(--vh, 1vh) * 100 - 10rem);
  transform: rotate(180deg);
}
@media (max-width: 1280px) {
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide {
    min-width: 44rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe {
    font-size: 5.3rem;
    line-height: 6rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe:nth-child(2) {
    margin-left: 3rem;
  }
}
@media (max-width: 1024px) {
  .container#mainPage .solution .solution_wrap .solution_item .img_wrap {
    display: none;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper {
    width: 100%;
    padding: 7rem;
  }
  .container#mainPage .social_proof {
    overflow: hidden;
    width: 100%;
    min-height: auto;
    padding-top: 2.6rem;
    padding-bottom: 7rem;
  }
  .container#mainPage .social_proof .content_wrap {
    gap: 12rem;
    flex-direction: column;
    padding: 0;
  }
  .container#mainPage .social_proof .content_wrap .left_box {
    padding: 0 7rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner {
    height: auto;
  }
  .container#mainPage .social_proof .content_wrap .right_box {
    margin-right: 0;
    padding-top: 0;
    padding-bottom: 0;
  }
  .container#mainPage .social_proof .content_wrap .right_box .logo_track {
    gap: 6rem;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
  }
  .container#mainPage .social_proof .content_wrap .right_box .logo_track .logo {
    flex-shrink: 0;
  }
  .container#mainPage .social_proof .content_wrap .right_box .logo_track .logo ~ .logo {
    margin-top: 0;
  }
  .container#mainPage .social_proof .shadow_box {
    display: none;
  }
}
@media (max-width: 768px) {
  .container#mainPage {
    width: 100%;
    overflow-x: hidden;
  }
  .container#mainPage .visual .content_wrap {
    display: flex;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    height: 100%;
    padding: 0;
  }
  .container#mainPage .visual .content_wrap h1 {
    margin-bottom: 0.2rem;
    font-size: 3rem;
    line-height: 2.95rem;
  }
  .container#mainPage .visual .content_wrap .txt_wrap {
    margin-top: 3rem;
  }
  .container#mainPage .visual .content_wrap .txt_wrap .desc {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
  .container#mainPage .visual .content_wrap .txt_wrap .deco_txt {
    position: absolute;
    bottom: 2rem;
    left: 2rem;
    font-size: 0.9rem;
  }
  .container#mainPage .visual .content_wrap .txt_wrap .deco_txt:last-child {
    left: auto;
    right: 2rem;
  }
  .container#mainPage .visual .content_wrap.show h1 .mask:nth-of-type(n+4) .text {
    animation-delay: 0.35s;
  }
  .container#mainPage .visual .content_wrap.show h1 .mask:nth-of-type(n+7) .text {
    animation-delay: 0.5s;
  }
  @keyframes scrollDownFadeIn {
    to {
      opacity: 1;
    }
  }
  .container#mainPage .visual .scroll_down {
    opacity: 0;
    animation: scrollDownFadeIn 0.6s ease 3s forwards;
    display: flex !important;
    gap: 1.6rem;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 4rem;
    z-index: 1;
    font-size: 1.2rem;
    font-family: "GalderglynnTitling";
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
  }
  .container#mainPage .visual .scroll_down::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 1.1rem;
    background: url(../images/common/ic_scroll_down.svg) no-repeat center/cover;
  }
  .container#mainPage .solution .tit_wrap {
    padding: 7rem 1rem 3rem;
  }
  .container#mainPage .solution .tit_wrap .sub_tit {
    margin-bottom: 1.2rem;
    font-size: 1.6rem;
  }
  .container#mainPage .solution .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item {
    height: auto;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper {
    position: relative;
    padding: 4rem 1rem 14.8rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap {
    margin-bottom: 2rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .solution_tit_wrap {
    padding: 0 1rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .solution_tit_wrap .solution_sub_tit {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .solution_tit_wrap .solution_tit {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper_top_wrap .swiper-btn-wrap {
    gap: 1.2rem;
    justify-content: center;
    position: absolute;
    left: 0;
    bottom: 8rem;
    width: 100%;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide {
    min-width: auto;
    width: 91%;
    padding-bottom: 60.44%;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap {
    width: calc(100% - 2.4rem);
    height: 0;
    padding-bottom: 111.44%;
    border-radius: 1.6rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .img_box {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .img_box img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .target {
    gap: 0.5rem;
    top: 1.4rem;
    left: 1.4rem;
    height: 3.7rem;
    padding: 0 2rem;
    font-size: 1.2rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .target img {
    width: 1.8rem;
    height: 1.8rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .btn_arrow {
    top: 1.4rem;
    right: 1.4rem;
    width: 3.8rem;
    height: 3.8rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .btn_arrow .ic_arrow,
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .btn_arrow .ic_arrow_copy {
    width: 1.8rem;
    height: 1.8rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box {
    left: 2.2rem;
    bottom: 2.2rem;
    width: 90%;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box .sort {
    gap: 0.6rem;
    margin-bottom: 1rem;
    font-size: 1.2rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box .sort::before {
    width: 0.7rem;
    height: 0.7rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box .tit {
    margin-bottom: 1rem;
    font-size: 2.6rem;
    line-height: 3.1rem;
  }
  .container#mainPage .solution .solution_wrap .solution_item .solutionSwiper .swiper-container .swiper-wrapper .swiper-slide .btn_solution .txt_wrap .txt_box .desc {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#mainPage .technology {
    padding: 7rem 0 4rem;
  }
  .container#mainPage .technology .content_wrap .tit_wrap {
    margin-bottom: 5.4rem;
  }
  .container#mainPage .technology .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#mainPage .technology .content_wrap .tit_wrap h2 {
    font-size: 2.6rem;
    line-height: 2.85rem;
  }
  .container#mainPage .technology .content_wrap .tit_wrap .desc {
    margin-top: 2.4rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    word-break: keep-all;
  }
  .container#mainPage .technology .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+6) .text {
    animation-delay: 0.35s;
  }
  .container#mainPage .technology .content_wrap .img_wrap {
    flex-direction: column;
  }
  .container#mainPage .technology .content_wrap .img_wrap .img_box {
    width: 100%;
  }
  .container#mainPage .social_proof .content_wrap .left_box {
    padding: 0 2rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner .sub_tit {
    margin-bottom: 3rem;
    font-size: 1.2rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner h2 {
    gap: 0.4rem;
    width: max-content;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe {
    font-size: 3.4rem;
    line-height: 3.2rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe:nth-child(2) {
    margin-left: 2.2rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe.color_green {
    padding-right: 2.7rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner h2 .wipe.color_green::after {
    padding-right: 2.7rem;
  }
  .container#mainPage .social_proof .content_wrap .left_box .left_inner .desc {
    margin-top: 3rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    text-align: center;
    word-break: keep-all;
  }
  .container#mainPage .social_proof .content_wrap .right_box .logo_track .logo {
    transition: none;
  }
  .container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.samsungLife {
    width: 24.5rem;
    height: 4.4rem;
  }
  .container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.welstory {
    width: 21rem;
    height: 4.4rem;
  }
  .container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.coupang {
    width: 19.6rem;
    height: 4.4rem;
  }
  .container#mainPage .social_proof .content_wrap .right_box .logo_track .logo.nationalCancerCenter {
    width: 16rem;
    height: 4.4rem;
  }
}

.container {
  /* FOR INDIVIDUALS */
}
.container#individualsPage .visual {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #171717;
}
@keyframes bgZoomOut {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.container#individualsPage .visual .bg {
  transform: scale(1);
  will-change: transform;
  animation: bgZoomOut 2s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 both;
  width: 100%;
  height: 100%;
  background: url(../images/sub/individuals/visual_img.jpg) no-repeat center/cover;
}
@starting-style {
  .container#individualsPage .visual .bg {
    transform: scale(1.08);
  }
}
.container#individualsPage .visual .content_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  text-align: center;
}
.container#individualsPage .visual .content_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.container#individualsPage .visual .content_wrap h1 {
  font-family: "GalderglynnTitling";
  font-size: 9.4rem;
  font-weight: 300;
  line-height: 8.6rem;
  text-align: center;
  text-transform: uppercase;
}
.container#individualsPage .visual .content_wrap h1 .mask {
  display: inline-block;
}
.container#individualsPage .visual .content_wrap h1 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#individualsPage .visual .content_wrap .line {
  position: relative;
  width: 100%;
  height: 1.6rem;
  margin: 2rem 0 3.6rem;
  background: url(../images/main/visual_line.png) no-repeat center/contain;
}
.container#individualsPage .visual .content_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  font-size: 1.5rem;
  line-height: 2.3rem;
}
.container#individualsPage .visual .content_wrap .btn_next_section {
  opacity: 0;
  overflow: hidden;
  transition: opacity 1.6s ease 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20.2rem;
  height: 5.8rem;
  margin-top: calc(var(--vh, 1vh) * 8.9);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  background-color: #4adc70;
  border-radius: 1rem;
  font-family: "GalderglynnTitling";
  font-size: 1.6rem;
  font-weight: 300;
  color: #000;
}
.container#individualsPage .visual .content_wrap .btn_next_section::after {
  content: "";
  transition: all 0.4s;
  pointer-events: none;
}
.container#individualsPage .visual .content_wrap .btn_next_section:hover::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#individualsPage .visual .content_wrap.active .sub_tit,
.container#individualsPage .visual .content_wrap.active .desc,
.container#individualsPage .visual .content_wrap.active .btn_next_section {
  opacity: 1;
}
.container#individualsPage .visual .content_wrap.active .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#individualsPage .visual .content_wrap.active .mask:nth-of-type(n + 2) .text {
  animation-delay: 0.35s;
}
.container#individualsPage .solution .tit_wrap {
  padding: 10rem 1rem 4.6rem;
  text-align: center;
}
.container#individualsPage .solution .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-size: 1.8rem;
  font-weight: 600;
  text-transform: uppercase;
}
.container#individualsPage .solution .tit_wrap h2 {
  font-family: "GalderglynnTitling";
  font-size: 5.8rem;
  font-weight: 400;
  line-height: 5.65rem;
}
.container#individualsPage .solution .tit_wrap h2 .mask {
  display: inline-block;
}
.container#individualsPage .solution .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#individualsPage .solution .tit_wrap h2 .mask .text.color_green {
  color: #4adc70;
}
.container#individualsPage .solution .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#individualsPage .solution .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#individualsPage .solution .tit_wrap.active h2 .mask:nth-of-type(n + 4) .text {
  animation-delay: 0.35s;
}
.container#individualsPage .solution .solution_wrap {
  display: flex;
  padding: 0 7.3%;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#individualsPage .solution .solution_wrap .solution_item {
  opacity: 0;
  transform: translateY(2.8rem);
  transition: transform 0.8s cubic-bezier(0.2, 0.7, 0.2, 1), opacity 0.8s ease-out;
  will-change: transform, opacity;
  flex: 1;
  padding: 2.2rem 3rem 11.6rem;
  border-left: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#individualsPage .solution .solution_wrap .solution_item ~ .solution_item {
  border-right: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#individualsPage .solution .solution_wrap .solution_item .sort_wrap {
  text-align: center;
}
.container#individualsPage .solution .solution_wrap .solution_item .sort_wrap .ic_sort {
  display: block;
  width: 4rem;
  height: 4rem;
  margin: 0 auto;
  background: url(../images/sub/individuals/solution_fit_ic.svg) no-repeat center/cover;
}
.container#individualsPage .solution .solution_wrap .solution_item .sort_wrap .ic_sort.vivo_kid {
  background-image: url(../images/sub/individuals/solution_kid_ic.svg);
}
.container#individualsPage .solution .solution_wrap .solution_item .sort_wrap .sort {
  margin: 0.8rem 0;
  font-family: "GalderglynnTitling";
  font-size: 2rem;
  text-transform: uppercase;
}
.container#individualsPage .solution .solution_wrap .solution_item .sort_wrap .sort_desc {
  margin-bottom: 2.4rem;
  font-family: "GalderglynnTitling";
  font-size: 1.6rem;
  font-weight: 400;
  line-height: 1.9rem;
  color: #707070;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box {
  overflow: hidden;
  position: relative;
  border-radius: 1rem;
  height: 48.5rem;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .img_wrap {
  display: block;
  height: 100%;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .img_wrap img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 100%;
  height: 100%;
  padding: 4.316% 6.33% 4.316% 4.316%;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .sort_list {
  display: flex;
  gap: 0.5rem;
  align-items: center;
  margin-bottom: 1.932%;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .sort_list li {
  display: flex;
  justify-content: center;
  align-items: center;
  height: 3.8rem;
  padding: 0 1.5rem;
  background-color: #000;
  border-radius: 7.8rem;
  font-family: "GalderglynnTitling";
  font-size: 1.7rem;
  color: #4adc70;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .solution_tit {
  margin-bottom: 1.6rem;
  font-size: 2.09vw;
  font-weight: 800;
  line-height: 1.1;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .txt_list li {
  font-size: 1.6rem;
  line-height: 2.8rem;
  color: rgba(0, 0, 0, 0.8);
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .txt_list li ~ li {
  margin-top: 0.2rem;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .txt_list li .color_green {
  margin-right: 0.4rem;
  font-weight: 900;
  color: #76f296;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap {
  display: flex;
  gap: 1.6rem;
  justify-content: space-between;
  align-items: center;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .solution_desc {
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 2.6rem;
  color: #fff;
  word-break: keep-all;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .app_list {
  flex: 1;
  display: flex;
  gap: 1rem;
  flex-wrap: wrap;
  justify-content: flex-end;
  align-items: center;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .app_list li {
  flex-shrink: 0;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .app_list li .btn_app {
  overflow: hidden;
  display: flex;
  gap: 0.6rem;
  align-items: center;
  position: relative;
  height: 4.8rem;
  padding: 0 2rem 0 1.8rem;
  background-color: #fff;
  border-radius: 0.6rem;
  font-size: 1.5rem;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .app_list li .btn_app::before {
  content: "";
  display: block;
  width: 2.8rem;
  height: 2.8rem;
  background: url(../images/sub/individuals/logo_apple.svg) no-repeat center/cover;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .app_list li .btn_app::after {
  content: "";
  position: absolute;
  transition: all 0.4s;
  pointer-events: none;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .app_list li .btn_app.google_play::before {
  width: 2.4rem;
  height: 2.4rem;
  background-image: url(../images/sub/individuals/logo_playstore.svg);
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .app_list li .btn_app:hover::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box.kids .txt_box .top_wrap .sort_list li {
  background-color: #4adc70;
  color: #000;
}
.container#individualsPage .solution .solution_wrap .solution_item .solution_box.kids .txt_box .top_wrap .txt_list li .color_green {
  color: #4adc70;
}
.container#individualsPage .solution .solution_wrap .solution_item.active {
  opacity: 1;
  transform: translateY(0);
}
.container#individualsPage .solution .solution_wrap .solution_item.active ~ .solution_item {
  transition-delay: 0.3s;
}
.container#individualsPage .challenge {
  padding: 14rem 0;
  background-color: #f3f3f3;
}
.container#individualsPage .challenge .content_wrap {
  max-width: 185rem;
  margin: 0 auto;
  padding: 0 10rem;
}
.container#individualsPage .challenge .content_wrap .tit_wrap {
  margin-bottom: 4.4rem;
  padding-left: 1rem;
}
.container#individualsPage .challenge .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 0.8rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#individualsPage .challenge .content_wrap .tit_wrap h2 {
  font-family: "GalderglynnTitling";
  font-size: 3.6rem;
  font-weight: 400;
  line-height: 3.7rem;
}
.container#individualsPage .challenge .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#individualsPage .challenge .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#individualsPage .challenge .content_wrap .tit_wrap h2 .mask .text.color_green {
  color: #4adc70;
}
.container#individualsPage .challenge .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#individualsPage .challenge .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#individualsPage .challenge .content_wrap .tit_wrap.active h2 .mask:nth-child(n+4) {
  animation-delay: 0.35s;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap {
  display: flex;
  gap: 6rem;
  height: 61.3rem;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .img_wrap {
  overflow: hidden;
  position: relative;
  width: 46.1%;
  border-radius: 2rem;
  background-color: #202020;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .img_wrap img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(0);
  will-change: transform;
  width: 100%;
  height: 100%;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .img_wrap img.active {
  display: block;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
  padding: 1.2rem 0;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: 7rem;
  padding-right: 2.9%;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 4%;
  background: url(../images/sub/individuals/challenge_ai.svg) no-repeat center/cover;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.satisfaction {
  background-image: url(../images/sub/individuals/challenge_satisfaction.svg);
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.content {
  background-image: url(../images/sub/individuals/challenge_content.svg);
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
  flex: 1;
  display: flex;
  position: relative;
  gap: 1.6rem;
  align-items: center;
  transition: all 0.3s;
  height: 100%;
  padding-left: 6.9%;
  font-size: 1.7rem;
  font-weight: 500;
  color: #707070;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 6.8rem;
  background-color: #e0e0e0;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 2rem;
  height: 2rem;
  background: url(../images/sub/individuals/ic_plus.svg) no-repeat center/cover;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel {
  overflow: hidden;
  opacity: 0;
  height: 0;
  transition: height 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.28s ease;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
  padding-top: 1rem;
  padding-left: calc(3.2rem + 14.9%);
  padding-bottom: 12.1%;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
  font-family: "GalderglynnTitling";
  font-size: 2.71vw;
  font-weight: 300;
  line-height: 1.096;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
  margin-top: 3.6rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  word-break: keep-all;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open {
  flex: 1;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap {
  background-image: url(../images/sub/individuals/challenge_ai_active.svg);
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.satisfaction {
  background-image: url(../images/sub/individuals/challenge_satisfaction_active.svg);
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.content {
  background-image: url(../images/sub/individuals/challenge_content_active.svg);
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .accordion_tit {
  color: #000;
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .indicator {
  background-image: url(../images/sub/individuals/ic_minus.svg);
}
.container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .accordion_panel {
  opacity: 1;
}
.container#individualsPage .final {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 108);
  max-height: 115.4rem;
  background-color: #202020;
}
.container#individualsPage .final .phone_wrap {
  display: flex;
  gap: 4.6rem;
  position: relative;
  z-index: 2;
  max-width: 50rem;
  width: 28.65vw;
  margin: 15rem auto 0;
}
.container#individualsPage .final .phone_wrap .phone {
  opacity: 0;
  transform: translateY(6rem);
}
.container#individualsPage .final .phone_wrap .phone ~ .phone {
  margin-top: calc(var(--vh, 1vh) * 10);
}
@keyframes bg-marquee {
  0% {
    transform: translate3d(0, 0, 0);
  }
  100% {
    transform: translate3d(-100%, 0, 0);
  }
}
.container#individualsPage .final .bg_txt {
  pointer-events: none;
  overflow: hidden;
  position: absolute;
  top: calc(var(--vh, 1vh) * 34.3);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  font-family: "GalderglynnTitling";
  font-size: 11.8vw;
  color: rgba(255, 255, 255, 0.04);
  text-transform: uppercase;
  white-space: nowrap;
}
.container#individualsPage .final .bg_txt span {
  display: inline-block;
  padding-right: 2vw;
  will-change: transform;
  animation: bg-marquee 18s linear infinite;
}
.container#individualsPage .final .txt_wrap {
  opacity: 0;
  transform: translateY(2.4rem);
  position: relative;
  z-index: 2;
  margin-top: 7rem;
  margin-bottom: 6rem;
}
.container#individualsPage .final .txt_wrap .txt {
  margin-bottom: 3.2rem;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.3rem;
  color: #fff;
  text-align: center;
}
.container#individualsPage .final .txt_wrap .btn_wrap {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
}
.container#individualsPage .final .txt_wrap .btn_wrap .btn_vivo {
  overflow: hidden;
  opacity: 0;
  transform: translateY(1.2rem);
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 24rem;
  height: 5.8rem;
  padding: 0 2.8rem;
  background-color: #3c3c3c;
  border-radius: 1.2rem;
  font-family: "GalderglynnTitling";
  font-size: 1.6rem;
  font-weight: 300;
  color: #fff;
  text-transform: uppercase;
}
.container#individualsPage .final .txt_wrap .btn_wrap .btn_vivo::before {
  content: "";
  position: absolute;
  transition: all 0.4s;
  pointer-events: none;
}
.container#individualsPage .final .txt_wrap .btn_wrap .btn_vivo::after {
  content: "";
  display: block;
  width: 1.6rem;
  height: 0.8rem;
  background: url(../images/sub/individuals/ic_arrow_white.svg) no-repeat center/cover;
}
.container#individualsPage .final .txt_wrap .btn_wrap .btn_vivo.vivo_kid {
  background-color: #4adc70;
  color: #000;
}
.container#individualsPage .final .txt_wrap .btn_wrap .btn_vivo.vivo_kid::after {
  background-image: url(../images/sub/individuals/ic_arrow.svg);
}
.container#individualsPage .final .txt_wrap .btn_wrap .btn_vivo:hover::before {
  display: block;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#individualsPage .final .bg_img_deco {
  position: absolute;
  width: 100%;
  height: 100%;
}
.container#individualsPage .final .bg_img_deco .deco {
  overflow: hidden;
  position: absolute;
  width: 8.334%;
  border-radius: 2.5rem;
}
.container#individualsPage .final .bg_img_deco .deco.deco01 {
  top: calc(var(--vh, 1vh) * 14.8);
  right: 11.4%;
}
.container#individualsPage .final .bg_img_deco .deco.deco02 {
  top: calc(var(--vh, 1vh) * 28.8);
  left: 8.3%;
}
.container#individualsPage .final .bg_img_deco .deco.deco03 {
  top: calc(var(--vh, 1vh) * 51.7);
  right: 17.6%;
}
.container#individualsPage .final .bg_img_deco .deco.deco04 {
  top: calc(var(--vh, 1vh) * 64.3);
  left: 19.3%;
}
@keyframes fadeUp {
  from {
    opacity: 0;
    transform: translateY(24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes phoneIn {
  0% {
    opacity: 0;
    transform: translateY(60px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
.container#individualsPage .final.active .phone_wrap .phone {
  animation: phoneIn 1.6s cubic-bezier(0.2, 0.7, 0.2, 1) both;
  animation-delay: 0.1s;
}
.container#individualsPage .final.active .phone_wrap .phone ~ .phone {
  animation-delay: 0.4s;
}
.container#individualsPage .final.active .txt_wrap {
  animation: fadeUp 0.75s ease-out 0.45s both;
}
.container#individualsPage .final.active .txt_wrap .btn_wrap .btn_vivo {
  animation: fadeUp 0.55s ease-out 0.6s both;
}
.container#individualsPage .final.active .txt_wrap .btn_wrap .btn_vivo.vivo_kid {
  animation: fadeUp 0.55s ease-out 0.72s both;
}
@media (max-width: 1280px) {
  .container#individualsPage .solution .solution_wrap .solution_item {
    padding: 2.2rem 1rem 11.6rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    height: 80%;
    margin: auto;
  }
  .container#individualsPage .final .bg_img_deco {
    display: none;
  }
}
@media (max-width: 1024px) {
  .container#individualsPage .solution .solution_wrap {
    flex-direction: column;
  }
  .container#individualsPage .solution .solution_wrap .solution_item {
    border-left: none;
  }
  .container#individualsPage .solution .solution_wrap .solution_item ~ .solution_item {
    border-right: none;
    position: relative;
  }
  .container#individualsPage .solution .solution_wrap .solution_item ~ .solution_item::before {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: -7.3%;
    width: 146%;
    height: 0.1rem;
    background-color: rgba(0, 0, 0, 0.08);
  }
  .container#individualsPage .challenge .content_wrap .tit_wrap h2 {
    font-size: 3.9rem;
    line-height: 4.15rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap {
    flex-direction: column;
    height: auto;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .img_wrap {
    flex-shrink: 0;
    width: 100%;
    height: 40rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .container#individualsPage .visual .bg {
    background: url(../images/sub/individuals/visual_img_mo.jpg) no-repeat center/cover;
  }
  .container#individualsPage .visual .content_wrap .sub_tit {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .container#individualsPage .visual .content_wrap h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .container#individualsPage .visual .content_wrap .line {
    margin-bottom: 3rem;
  }
  .container#individualsPage .visual .content_wrap .desc {
    color: rgba(255, 255, 255, 0.8);
    word-break: keep-all;
  }
  .container#individualsPage .visual .content_wrap .desc br {
    display: none;
  }
  .container#individualsPage .visual .content_wrap .btn_next_section {
    margin-top: 4.6rem;
    width: 16rem;
    height: 5rem;
  }
  .container#individualsPage .visual .scroll_down {
    display: flex !important;
    gap: 1.6rem;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 4rem;
    z-index: 1;
    font-size: 1.2rem;
    font-family: "GalderglynnTitling";
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
  }
  .container#individualsPage .visual .scroll_down::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 1.1rem;
    background: url(../images/common/ic_scroll_down.svg) no-repeat center/cover;
  }
  .container#individualsPage .solution .tit_wrap {
    padding: 7rem 2rem 3.8rem;
  }
  .container#individualsPage .solution .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#individualsPage .solution .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#individualsPage .solution .solution_wrap {
    overflow: hidden;
    padding: 0 2rem 5rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item {
    padding: 2rem 0;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .sort_wrap .ic_sort {
    width: 3.6rem;
    height: 3.6rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .sort_wrap .sort {
    margin: 0.6rem 0;
    font-size: 1.6rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .sort_wrap .sort_desc {
    margin-bottom: 2rem;
    font-size: 1.4rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box {
    height: 42rem;
    border-radius: 2rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box {
    padding: 1.6rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .sort_list {
    margin-bottom: 1.2rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .sort_list li {
    height: 3.3rem;
    font-size: 1.4rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .solution_tit {
    margin-bottom: 1.2rem;
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .top_wrap .txt_list li {
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap {
    flex-direction: column;
    align-items: flex-start;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .solution_desc {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#individualsPage .solution .solution_wrap .solution_item .solution_box .txt_box .bottom_wrap .app_list {
    gap: 1.4rem;
    justify-content: flex-start;
  }
  .container#individualsPage .challenge {
    padding: 7rem 0;
  }
  .container#individualsPage .challenge .content_wrap {
    padding: 0 2rem;
  }
  .container#individualsPage .challenge .content_wrap .tit_wrap {
    margin-bottom: 2.8rem;
    padding-left: 0;
  }
  .container#individualsPage .challenge .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#individualsPage .challenge .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap {
    gap: 2rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .img_wrap {
    height: 0;
    padding-bottom: 100%;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 84%;
    height: 84%;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
    padding: 1.4rem 0;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
    height: 2.4rem;
    padding-right: 0.2rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
    gap: 1.9rem;
    padding-left: 1.4rem;
    font-size: 1.5rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
    height: 2.4rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
    transition: none;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.4rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
    transition: none;
    width: 1.6rem;
    height: 1.6rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
    padding-top: 1.8rem;
    padding-left: 1.4rem;
    padding-bottom: 4.8rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .container#individualsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#individualsPage .final {
    min-height: calc(var(--vh, 1vh) * 100);
    padding-bottom: 4rem;
  }
  .container#individualsPage .final .phone_wrap {
    gap: 2.3rem;
    width: 60%;
    margin-top: calc(var(--vh, 1vh) * 9.9);
  }
  .container#individualsPage .final .txt_wrap {
    margin-top: calc(var(--vh, 1vh) * 6.4);
    margin-left: 2rem;
    margin-right: 2rem;
    margin-bottom: 0;
  }
  .container#individualsPage .final .txt_wrap .txt {
    margin-bottom: calc(var(--vh, 1vh) * 7);
    font-size: 1.5rem;
    line-height: 2rem;
  }
  .container#individualsPage .final .txt_wrap .btn_wrap {
    flex-direction: column-reverse;
  }
  .container#individualsPage .final .txt_wrap .btn_wrap .btn_vivo {
    width: 100%;
    height: 5.2rem;
    border-radius: 0.9rem;
  }
}

.container {
  /* For Professionals */
}
.container#professionalsPage .visual {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #171717;
}
@keyframes bgZoomOut {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.container#professionalsPage .visual .bg {
  transform: scale(1);
  will-change: transform;
  animation: bgZoomOut 2s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 both;
  width: 100%;
  height: 100%;
  background: url(../images/sub/professionals/visual_img.jpg) no-repeat center/cover;
}
@starting-style {
  .container#professionalsPage .visual .bg {
    transform: scale(1.08);
  }
}
.container#professionalsPage .visual .content_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  text-align: center;
}
.container#professionalsPage .visual .content_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.container#professionalsPage .visual .content_wrap h1 {
  font-family: "GalderglynnTitling";
  font-size: 9.4rem;
  font-weight: 300;
  line-height: 8.6rem;
  text-align: center;
  text-transform: uppercase;
}
.container#professionalsPage .visual .content_wrap h1 .mask {
  display: inline-block;
}
.container#professionalsPage .visual .content_wrap h1 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#professionalsPage .visual .content_wrap .line {
  position: relative;
  width: 100%;
  height: 1.6rem;
  margin: 2rem 0 3.6rem;
  background: url(../images/main/visual_line.png) no-repeat center/contain;
}
.container#professionalsPage .visual .content_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  font-size: 1.5rem;
  line-height: 2.3rem;
}
.container#professionalsPage .visual .content_wrap .btn_next_section {
  overflow: hidden;
  opacity: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20.2rem;
  height: 5.8rem;
  margin-top: calc(var(--vh, 1vh) * 8.9);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  background-color: #4adc70;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
}
.container#professionalsPage .visual .content_wrap .btn_next_section::after {
  content: "";
  transition: all 0.4s;
  pointer-events: none;
}
.container#professionalsPage .visual .content_wrap .btn_next_section:hover::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#professionalsPage .visual .content_wrap.active .sub_tit,
.container#professionalsPage .visual .content_wrap.active .desc,
.container#professionalsPage .visual .content_wrap.active .btn_next_section {
  opacity: 1;
}
.container#professionalsPage .visual .content_wrap.active .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#professionalsPage .visual .content_wrap.active .mask:nth-of-type(n + 2) .text {
  animation-delay: 0.35s;
}
.container#professionalsPage .challenge {
  padding: 14rem 0;
  background-color: #f3f3f3;
}
.container#professionalsPage .challenge .content_wrap {
  max-width: 185rem;
  margin: 0 auto;
  padding: 0 10rem;
}
.container#professionalsPage .challenge .content_wrap .tit_wrap {
  margin-bottom: 4.4rem;
  padding-left: 1rem;
  text-align: center;
}
.container#professionalsPage .challenge .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#professionalsPage .challenge .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#professionalsPage .challenge .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#professionalsPage .challenge .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#professionalsPage .challenge .content_wrap .tit_wrap h2 .mask .text.color_green {
  color: #4adc70;
}
.container#professionalsPage .challenge .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#professionalsPage .challenge .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#professionalsPage .challenge .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 6) .text {
  animation-delay: 0.35s;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap {
  display: flex;
  gap: 6rem;
  height: 61.3rem;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .img_wrap {
  overflow: hidden;
  position: relative;
  width: 46.1%;
  background-color: #202020;
  border-radius: 2rem;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .img_wrap img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(0);
  will-change: transform;
  width: 100%;
  height: 100%;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .img_wrap img.active {
  display: block;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
  padding: 1.2rem 0;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: 7rem;
  padding-right: 2.9%;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 4%;
  background: url(../images/sub/professionals/challenge_first.svg) no-repeat center/cover;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.second {
  background-image: url(../images/sub/professionals/challenge_second.svg);
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.third {
  background-image: url(../images/sub/professionals/challenge_third.svg);
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
  flex: 1;
  display: flex;
  position: relative;
  gap: 1.6rem;
  align-items: center;
  transition: all 0.3s;
  height: 100%;
  padding-left: 6.9%;
  font-size: 1.7rem;
  font-weight: 500;
  color: #707070;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 6.8rem;
  background-color: #e0e0e0;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 2rem;
  height: 2rem;
  background: url(../images/sub/individuals/ic_plus.svg) no-repeat center/cover;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel {
  overflow: hidden;
  opacity: 0;
  height: 0;
  transition: height 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.28s ease;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
  padding-top: 1rem;
  padding-left: calc(3.2rem + 14.9%);
  padding-bottom: 12.1%;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
  font-family: "GalderglynnTitling";
  font-size: 2.71vw;
  line-height: 1.096;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
  margin-top: 3.6rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  word-break: keep-all;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open {
  flex: 1;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap {
  background-image: url(../images/sub/professionals/challenge_first_active.svg);
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.second {
  background-image: url(../images/sub/professionals/challenge_second_active.svg);
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.third {
  background-image: url(../images/sub/professionals/challenge_third_active.svg);
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .accordion_tit {
  color: #000;
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .indicator {
  background-image: url(../images/sub/individuals/ic_minus.svg);
}
.container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .accordion_panel {
  opacity: 1;
}
.container#professionalsPage .solution {
  position: relative;
  width: 100%;
  min-height: 95rem;
  height: calc(var(--vh, 1vh) * 100);
  background: url(../images/sub/professionals/solution_bg.png) no-repeat center/cover;
}
.container#professionalsPage .solution .content_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  height: 100%;
}
.container#professionalsPage .solution .content_wrap .tit_wrap {
  position: relative;
  top: -7vh;
  z-index: 1;
  color: #fff;
  text-align: center;
}
.container#professionalsPage .solution .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#professionalsPage .solution .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#professionalsPage .solution .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#professionalsPage .solution .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#professionalsPage .solution .content_wrap .tit_wrap h2 .mask .text.font_galder {
  font-family: "GalderglynnTitling";
  font-weight: 400;
}
.container#professionalsPage .solution .content_wrap .tit_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-top: 3.5rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: #c1c1c1;
}
.container#professionalsPage .solution .content_wrap .tit_wrap .desc strong {
  font-weight: 700;
  color: #fff;
}
.container#professionalsPage .solution .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#professionalsPage .solution .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#professionalsPage .solution .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 2) .text {
  animation-delay: 0.35s;
}
.container#professionalsPage .solution .content_wrap .tit_wrap.active .desc {
  opacity: 1;
}
.container#professionalsPage .solution .content_wrap .img_wrap {
  position: absolute;
  bottom: calc(var(--vh, 1vh) * 15.8);
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
}
.container#professionalsPage .features {
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  padding: 2.4rem;
  background-color: #202020;
}
.container#professionalsPage .features .features_wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
  border-radius: 4rem;
}
.container#professionalsPage .features .features_wrap .tit_wrap {
  position: absolute;
  top: 13.2rem;
  left: 9.6rem;
  z-index: 9;
  color: #fff;
}
.container#professionalsPage .features .features_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.17, 0.84, 0.44, 1) 0.2s;
  margin-bottom: 2.2rem;
  font-size: 1.8rem;
  font-weight: 700;
  color: #2dd458;
  text-transform: uppercase;
}
.container#professionalsPage .features .features_wrap .tit_wrap h2 {
  font-family: "GalderglynnTitling";
  font-size: 5.4rem;
  font-weight: 400;
  line-height: 5.55rem;
}
.container#professionalsPage .features .features_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#professionalsPage .features .features_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#professionalsPage .features .features_wrap .tit_wrap .desc {
  opacity: 0;
  transition: opacity 0.8s cubic-bezier(0.17, 0.84, 0.44, 1) 0.2s;
  margin-top: 2.6rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
}
.container#professionalsPage .features .features_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#professionalsPage .features .features_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#professionalsPage .features .features_wrap .tit_wrap.active h2 .mask:nth-child(n+4) {
  animation-delay: 0.35s;
}
.container#professionalsPage .features .features_wrap .tit_wrap.active .desc {
  opacity: 1;
}
.container#professionalsPage .features .features_wrap .img_wrap {
  pointer-events: none;
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
}
.container#professionalsPage .features .features_wrap .img_wrap img {
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
  will-change: clip-path, -webkit-clip-path, transform;
}
.container#professionalsPage .features .features_wrap .circle_wrap {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 8;
  width: 40.7%;
  height: 0;
  padding-bottom: 40.7%;
}
.container#professionalsPage .features .features_wrap .circle_wrap img {
  opacity: 0;
  transition: opacity 0.4s;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.container#professionalsPage .features .features_wrap .circle_wrap img.active {
  opacity: 1;
}
.container#professionalsPage .features .features_wrap .txt_box {
  overflow: hidden;
  position: absolute;
  top: 2.6rem;
  right: 2.6rem;
  z-index: 10;
  width: 48rem;
  height: 36rem;
  background-color: rgba(255, 255, 255, 0.2);
  backdrop-filter: blur(2.7rem);
  border-radius: 3.6rem;
}
.container#professionalsPage .features .features_wrap .txt_box .txt_inner {
  overflow: hidden;
  position: relative;
  width: 100%;
  height: 100%;
}
.container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller {
  will-change: transform;
  display: flex;
  flex-direction: column;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
}
.container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item {
  flex: 0 0 36rem;
  display: flex;
  flex-direction: column;
  gap: 1.6rem;
  height: 100%;
  padding: 5rem 3.6rem 4rem;
  color: #fff;
}
.container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item .ic_wrap {
  width: 8rem;
  height: 8rem;
}
.container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item .features_tit {
  margin-top: auto;
  font-size: 4rem;
  font-weight: 700;
}
.container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item .features_txt {
  margin-top: 1.2rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  word-break: keep-all;
}
.container#professionalsPage .environment {
  background: #202020 url(../images/sub/professionals/environment_bg.png) no-repeat center bottom/cover;
}
.container#professionalsPage .environment .content_wrap {
  max-width: 166rem;
  padding-top: 15rem;
  padding-bottom: 6.2rem;
}
.container#professionalsPage .environment .content_wrap .tit_wrap {
  margin-bottom: 8rem;
  color: #fff;
  text-align: center;
}
.container#professionalsPage .environment .content_wrap .tit_wrap .sub_desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  display: flex;
  gap: 3rem;
  justify-content: center;
  align-items: center;
  margin-bottom: 2.8rem;
  font-family: "GalderglynnTitling";
  font-size: 1.5rem;
  font-weight: 300;
  font-style: italic;
  color: rgba(255, 255, 255, 0.4);
  text-transform: uppercase;
}
.container#professionalsPage .environment .content_wrap .tit_wrap .sub_desc .line {
  display: block;
  width: 8rem;
  height: 0.1rem;
  background-color: rgba(255, 255, 255, 0.2);
}
.container#professionalsPage .environment .content_wrap .tit_wrap .sub_desc .line::after {
  display: none;
}
.container#professionalsPage .environment .content_wrap .tit_wrap h2 {
  font-family: "GalderglynnTitling";
  font-size: 5.4rem;
  font-weight: 400;
  line-height: 5.55rem;
}
.container#professionalsPage .environment .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#professionalsPage .environment .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#professionalsPage .environment .content_wrap .tit_wrap h2 .mask .text.color_green {
  color: #4adc70;
}
.container#professionalsPage .environment .content_wrap .tit_wrap.active .sub_desc {
  opacity: 1;
}
.container#professionalsPage .environment .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#professionalsPage .environment .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 4) .text {
  animation-delay: 0.35s;
}
@keyframes envGrowLine {
  from {
    transform: scaleY(0);
  }
  to {
    transform: scaleY(1);
  }
}
@keyframes envDotPop {
  0% {
    opacity: 0;
    transform: scale(0);
  }
  60% {
    opacity: 1;
    transform: scale(1.08);
  }
  100% {
    opacity: 1;
    transform: scale(1);
  }
}
.container#professionalsPage .environment .content_wrap .environment_num_list {
  overflow: hidden;
  display: flex;
  gap: 0.8rem;
  position: relative;
  margin-bottom: 3rem;
  padding: 2rem 0;
  border-radius: 2rem;
}
.container#professionalsPage .environment .content_wrap .environment_num_list::after {
  opacity: 0.11;
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(255, 255, 255, 0.2);
  border: 0.1rem solid rgba(255, 255, 255, 0.1);
  box-sizing: border-box;
  box-shadow: 0 0 3.2rem rgba(0, 0, 0, 0.04);
  backdrop-filter: blur(3rem);
}
.container#professionalsPage .environment .content_wrap .environment_num_list li {
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 44.8rem;
  padding: 3.6rem 0 4.8rem;
  text-align: center;
  color: #fff;
}
.container#professionalsPage .environment .content_wrap .environment_num_list li .txt_box {
  opacity: 0;
  transition: opacity 1s ease;
}
.container#professionalsPage .environment .content_wrap .environment_num_list li .txt_box .num {
  margin-bottom: 1.8rem;
  font-size: 1.7rem;
  color: rgba(243, 243, 243, 0.4);
}
.container#professionalsPage .environment .content_wrap .environment_num_list li .txt_box .txt {
  opacity: 0.5;
  font-size: 1.7rem;
  font-weight: 500;
}
.container#professionalsPage .environment .content_wrap .environment_num_list li .list_line {
  transform: scaleY(0);
  transform-origin: top;
  will-change: transform;
  position: relative;
  width: 0.1rem;
  height: 13rem;
  background: url(../images/sub/professionals/environment_line.png) no-repeat center/cover;
}
.container#professionalsPage .environment .content_wrap .environment_num_list li .list_line::after {
  opacity: 0;
  transform: scale(0);
  transform-origin: center;
  content: "";
  display: block;
  position: absolute;
  bottom: -0.35rem;
  left: -0.35rem;
  width: 0.8rem;
  height: 0.8rem;
  background-color: #4adc70;
  border-radius: 50%;
}
.container#professionalsPage .environment .content_wrap .environment_num_list li .environment_txt {
  opacity: 0;
  transition: opacity 1s ease 0.6s;
  font-size: 3.2rem;
  font-weight: 600;
  color: #f3f3f3;
}
.container#professionalsPage .environment .content_wrap .environment_num_list.active li .txt_box {
  opacity: 1;
}
.container#professionalsPage .environment .content_wrap .environment_num_list.active li .list_line {
  animation: envGrowLine 0.6s ease forwards;
}
.container#professionalsPage .environment .content_wrap .environment_num_list.active li .list_line::after {
  animation: envDotPop 0.4s ease forwards;
  animation-delay: 0.5s;
}
.container#professionalsPage .environment .content_wrap .environment_num_list.active li .environment_txt {
  opacity: 1;
}
.container#professionalsPage .environment .content_wrap .line {
  position: relative;
  width: 100%;
  height: 10rem;
  background: url(../images/main/visual_line.png) no-repeat center top/contain;
}
.container#professionalsPage .environment .content_wrap .line::after {
  content: "";
  display: block;
  position: absolute;
  left: 50%;
  bottom: 0;
  transform: translateX(-50%);
  width: 0.1rem;
  height: 8.6rem;
  background-color: rgba(255, 255, 255, 0.1);
}
.container#professionalsPage .environment .content_wrap .list_tit {
  opacity: 0;
  transition: opacity 1s ease;
  margin: 4.4rem 0 4.8rem;
  font-size: 3.6rem;
  font-weight: 700;
  line-height: 4.8rem;
  color: #fff;
  text-align: center;
  text-transform: uppercase;
}
.container#professionalsPage .environment .content_wrap .list_tit.active {
  opacity: 1;
}
.container#professionalsPage .environment .content_wrap .environment_list {
  display: flex;
  gap: 2rem;
  margin-bottom: 10rem;
}
.container#professionalsPage .environment .content_wrap .environment_list li {
  opacity: 0;
  transform: translateY(3rem);
  transition: all 1s ease 0.2s;
  overflow: hidden;
  flex: 1;
  display: flex;
  gap: 3rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 27.8rem;
  border-radius: 1.2rem;
  background-color: rgba(0, 0, 0, 0.17);
  backdrop-filter: blur(3.2rem);
  text-align: center;
}
.container#professionalsPage .environment .content_wrap .environment_list li .ic_wrap {
  width: 8rem;
  height: 8rem;
}
.container#professionalsPage .environment .content_wrap .environment_list li .txt {
  font-size: 2rem;
  font-weight: 500;
  line-height: 3rem;
  color: rgba(255, 255, 255, 0.9);
}
.container#professionalsPage .environment .content_wrap .environment_list li:nth-child(2) {
  transition-delay: 0.4s;
}
.container#professionalsPage .environment .content_wrap .environment_list li:nth-child(3) {
  transition-delay: 0.6s;
}
.container#professionalsPage .environment .content_wrap .environment_list.active li {
  opacity: 1;
  transform: translateY(0);
}
.container#professionalsPage .leadership {
  padding: 10rem 0;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap {
  position: relative;
  padding-bottom: 6.5rem;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  position: relative;
  z-index: 1;
  margin-bottom: 2.8rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap h2 {
  position: relative;
  z-index: 1;
  margin-bottom: 4rem;
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#professionalsPage .leadership .content_wrap .tit_wrap .btn_link {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  display: flex;
  position: relative;
  z-index: 1;
  width: max-content;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap .btn_link .txt {
  display: flex;
  align-items: center;
  transition: all 0.4s;
  height: 4.8rem;
  padding: 0 2.4rem;
  background-color: #000;
  border-radius: 6rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #fff;
  text-transform: uppercase;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap .btn_link:hover .txt {
  background-color: #474747;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  position: relative;
  z-index: 1;
  margin-top: 27rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: rgba(0, 0, 0, 0.8);
}
.container#professionalsPage .leadership .content_wrap .tit_wrap .desc strong {
  font-weight: 600;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap .img_wrap {
  position: absolute;
  right: 0;
  bottom: 0;
  max-width: 117.7rem;
  width: 75%;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap.active .sub_tit,
.container#professionalsPage .leadership .content_wrap .tit_wrap.active .btn_link,
.container#professionalsPage .leadership .content_wrap .tit_wrap.active .desc {
  opacity: 1;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#professionalsPage .leadership .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 3) .text {
  animation-delay: 0.35s;
}
.container#professionalsPage .leadership .content_wrap .leadership_box {
  overflow: hidden;
  display: flex;
  gap: 2.5rem;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 38.2rem;
  background: url(../images/sub/professionals/leadership_bg.png) no-repeat center/cover;
  border-radius: 2rem;
  color: #fff;
  text-align: center;
}
.container#professionalsPage .leadership .content_wrap .leadership_box .box_sub_tit {
  opacity: 0;
  transition: opacity 1s ease 0.3s;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
}
.container#professionalsPage .leadership .content_wrap .leadership_box .box_tit {
  opacity: 0;
  transition: opacity 1s ease 0.3s;
  font-size: 4rem;
  font-weight: 600;
  line-height: 5rem;
}
.container#professionalsPage .leadership .content_wrap .leadership_box .box_tit .font_galder {
  font-family: "GalderglynnTitling";
  font-weight: 400;
}
.container#professionalsPage .leadership .content_wrap .leadership_box .btn_link {
  opacity: 0;
  transition: opacity 1s ease 0.3s;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: max-content;
  margin: 0 auto;
}
.container#professionalsPage .leadership .content_wrap .leadership_box .btn_link .txt {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  height: 4.8rem;
  padding: 0 2.4rem;
  background-color: #4adc70;
  border-radius: 6rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.container#professionalsPage .leadership .content_wrap .leadership_box .btn_link .txt::after {
  content: "";
  transition: all 0.4s;
  pointer-events: none;
}
.container#professionalsPage .leadership .content_wrap .leadership_box .btn_link:hover .txt::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#professionalsPage .leadership .content_wrap .leadership_box.active .box_sub_tit,
.container#professionalsPage .leadership .content_wrap .leadership_box.active .box_tit,
.container#professionalsPage .leadership .content_wrap .leadership_box.active .btn_link {
  opacity: 1;
}
@media (max-width: 1280px) {
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    height: 80%;
    margin: auto;
  }
  .container#professionalsPage .features .features_wrap .tit_wrap {
    left: 2.4rem;
  }
}
@media (max-width: 1024px) {
  .container#professionalsPage .content_wrap {
    padding: 0 4rem;
  }
  .container#professionalsPage .visual .content_wrap h1 {
    font-size: 6.2rem;
    line-height: 5.4rem;
  }
  .container#professionalsPage .challenge .content_wrap .tit_wrap h2 {
    font-size: 3.9rem;
    line-height: 4.15rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap {
    flex-direction: column;
    height: auto;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .img_wrap {
    flex-shrink: 0;
    width: 100%;
    height: 40rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 70%;
  }
  .container#professionalsPage .features .features_wrap .tit_wrap h2 {
    font-size: 4.2rem;
    line-height: 3.9rem;
  }
  .container#professionalsPage .features .features_wrap .txt_box {
    top: 2.4rem;
    right: 2.4rem;
    width: 33rem;
  }
  .container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item {
    padding: 5rem 2rem 4rem;
  }
  .container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item .features_txt br {
    display: none;
  }
  .container#professionalsPage .environment .content_wrap .tit_wrap h2 {
    font-size: 4.2rem;
    line-height: 3.9rem;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list li .environment_txt {
    font-size: 2.6rem;
  }
}
@media (max-width: 768px) {
  .container#professionalsPage .content_wrap {
    padding: 0 2rem;
  }
  .container#professionalsPage .visual .bg {
    background: url(../images/sub/professionals/visual_img_mo.jpg) no-repeat center/cover;
  }
  .container#professionalsPage .visual .content_wrap .sub_tit {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .container#professionalsPage .visual .content_wrap h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .container#professionalsPage .visual .content_wrap .line {
    margin-bottom: 3rem;
  }
  .container#professionalsPage .visual .content_wrap .desc {
    color: rgba(255, 255, 255, 0.8);
    word-break: keep-all;
  }
  .container#professionalsPage .visual .content_wrap .desc br {
    display: none;
  }
  .container#professionalsPage .visual .content_wrap .btn_next_section {
    margin-top: 4.6rem;
    width: 13.2rem;
    height: 5rem;
  }
  .container#professionalsPage .visual .scroll_down {
    display: flex !important;
    gap: 1.6rem;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 4rem;
    z-index: 1;
    font-size: 1.2rem;
    font-family: "GalderglynnTitling";
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
  }
  .container#professionalsPage .visual .scroll_down::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 1.1rem;
    background: url(../images/common/ic_scroll_down.svg) no-repeat center/cover;
  }
  .container#professionalsPage .challenge {
    padding: 7rem 0;
  }
  .container#professionalsPage .challenge .content_wrap {
    padding: 0 2rem;
  }
  .container#professionalsPage .challenge .content_wrap .tit_wrap {
    margin-bottom: 2.8rem;
    padding-left: 0;
  }
  .container#professionalsPage .challenge .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#professionalsPage .challenge .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap {
    gap: 2rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .img_wrap {
    height: 0;
    padding-bottom: 100%;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 84%;
    height: 84%;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
    padding: 1.4rem 0;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
    height: 2.4rem;
    padding-right: 0.2rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
    gap: 1.9rem;
    padding-left: 1.4rem;
    font-size: 1.5rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
    height: 2.4rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
    transition: none;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.4rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
    transition: none;
    width: 1.6rem;
    height: 1.6rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
    padding-top: 1.8rem;
    padding-left: 1.4rem;
    padding-bottom: 4.8rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .container#professionalsPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#professionalsPage .solution {
    min-height: auto;
    height: auto;
    padding: 6rem 0;
    background: #161616 url(../images/sub/professionals/solution_bg_mo.png) no-repeat center;
  }
  .container#professionalsPage .solution .content_wrap .tit_wrap {
    top: 0;
    margin-bottom: 5.8rem;
  }
  .container#professionalsPage .solution .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
  .container#professionalsPage .solution .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#professionalsPage .solution .content_wrap .tit_wrap .desc {
    margin-top: 2.8rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#professionalsPage .solution .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+6) .text {
    animation-delay: 0.5s;
  }
  .container#professionalsPage .solution .content_wrap .img_wrap {
    position: static;
    transform: translateX(0);
  }
  .container#professionalsPage .solution .content_wrap .img_wrap img {
    width: 100%;
  }
  .container#professionalsPage .features {
    padding: 2rem;
    background-color: #161616;
  }
  .container#professionalsPage .features .features_wrap {
    border-radius: 2rem;
  }
  .container#professionalsPage .features .features_wrap .tit_wrap {
    top: 3rem;
    left: 2rem;
  }
  .container#professionalsPage .features .features_wrap .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
  .container#professionalsPage .features .features_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#professionalsPage .features .features_wrap .tit_wrap .desc {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#professionalsPage .features .features_wrap .circle_wrap {
    display: none;
  }
  .container#professionalsPage .features .features_wrap .txt_box {
    top: auto;
    bottom: 1rem;
    right: 1rem;
    width: calc(100% - 2rem);
    height: 21.1rem;
    border-radius: 2rem;
  }
  .container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item {
    gap: 1.2rem;
    max-height: 21.1rem;
    padding: 1.8rem 1.8rem 1.8rem 2.8rem;
  }
  .container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item .ic_wrap {
    width: 4.4rem;
    height: 4.4rem;
  }
  .container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item .features_tit {
    margin-top: 0;
    font-size: 2rem;
  }
  .container#professionalsPage .features .features_wrap .txt_box .txt_inner .txt_scroller .txt_item .features_txt {
    margin-top: 0;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#professionalsPage .environment {
    background: #161616 url(../images/sub/professionals/environment_bg_mo.png) no-repeat center bottom/cover;
  }
  .container#professionalsPage .environment .content_wrap {
    padding-top: 6rem;
    padding-bottom: 7rem;
  }
  .container#professionalsPage .environment .content_wrap .tit_wrap {
    margin-bottom: 4rem;
  }
  .container#professionalsPage .environment .content_wrap .tit_wrap .sub_desc {
    gap: 0.8rem;
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
  .container#professionalsPage .environment .content_wrap .tit_wrap .sub_desc .line {
    width: 3.2rem;
  }
  .container#professionalsPage .environment .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#professionalsPage .environment .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+3) .text {
    animation-delay: 0.35s;
  }
  .container#professionalsPage .environment .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+4) .text {
    animation-delay: 0.5s;
  }
  .container#professionalsPage .environment .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+5) .text {
    animation-delay: 0.65s;
  }
  @keyframes envGrowLine {
    from {
      transform: scaleX(0);
    }
    to {
      transform: scaleX(1);
    }
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list {
    gap: 4rem;
    flex-direction: column;
    margin-bottom: 2.8rem;
    padding: 0;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list::after {
    display: none;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list li {
    flex-direction: row;
    gap: 3.3rem;
    height: auto;
    padding: 0;
    text-align: left;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list li .txt_box {
    display: flex;
    gap: 2rem;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list li .txt_box .num {
    flex-shrink: 0;
    margin-bottom: 0;
    font-size: 1.5rem;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list li .txt_box .txt {
    width: 8.6rem;
    font-size: 1.5rem;
    word-break: keep-all;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list li .list_line {
    flex: 1;
    max-width: 10rem;
    width: auto;
    height: 0.1rem;
    transform-origin: left center;
    background: url(../images/sub/professionals/environment_line_mo.png) no-repeat center/cover;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list li .list_line::after {
    left: auto;
    right: -0.35rem;
  }
  .container#professionalsPage .environment .content_wrap .environment_num_list li .environment_txt {
    width: 10.2rem;
    font-size: 2rem;
    line-height: 2.7rem;
  }
  .container#professionalsPage .environment .content_wrap .line {
    height: 2.8rem;
    background: url(../images/sub/professionals/environment_line02_mo.png) no-repeat center bottom/cover;
  }
  .container#professionalsPage .environment .content_wrap .line::after {
    display: none;
  }
  .container#professionalsPage .environment .content_wrap .list_tit {
    margin: 11.4rem 0 5.4rem;
    font-size: 2.8rem;
    line-height: 3.6rem;
  }
  .container#professionalsPage .environment .content_wrap .environment_list {
    gap: 1.6rem;
    flex-direction: column;
    margin-bottom: 0;
  }
  .container#professionalsPage .environment .content_wrap .environment_list li {
    gap: 3.4rem;
    flex-direction: row;
    justify-content: flex-start;
    min-height: 13.2rem;
    height: auto;
    padding: 3rem;
  }
  .container#professionalsPage .environment .content_wrap .environment_list li .ic_wrap {
    width: 7.2rem;
    height: 7.2rem;
  }
  .container#professionalsPage .environment .content_wrap .environment_list li .txt {
    font-size: 1.7rem;
    line-height: 2.7rem;
    text-align: left;
  }
  .container#professionalsPage .leadership {
    padding: 7rem 0 3rem;
  }
  .container#professionalsPage .leadership .content_wrap .tit_wrap {
    padding-bottom: 0;
  }
  .container#professionalsPage .leadership .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
  .container#professionalsPage .leadership .content_wrap .tit_wrap h2 {
    margin-bottom: 2.4rem;
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#professionalsPage .leadership .content_wrap .tit_wrap .btn_link .txt {
    height: 4rem;
  }
  .container#professionalsPage .leadership .content_wrap .tit_wrap .desc {
    margin-top: 3rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    word-break: keep-all;
  }
  .container#professionalsPage .leadership .content_wrap .tit_wrap .img_wrap {
    position: static;
    width: calc(100% - 4rem);
    margin: 5rem auto 0;
  }
  .container#professionalsPage .leadership .content_wrap .leadership_box {
    gap: 1.4rem;
    justify-content: flex-start;
    height: 26.7rem;
    padding: 3rem;
    text-align: left;
  }
  .container#professionalsPage .leadership .content_wrap .leadership_box .box_sub_tit {
    font-size: 1.4rem;
    word-break: keep-all;
  }
  .container#professionalsPage .leadership .content_wrap .leadership_box .box_tit {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .container#professionalsPage .leadership .content_wrap .leadership_box .btn_link {
    margin: auto 0 0;
  }
  .container#professionalsPage .leadership .content_wrap .leadership_box .btn_link .txt {
    height: 4rem;
  }
}

.container {
  /* For Community */
}
.container#communityPage .visual {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #171717;
}
@keyframes bgZoomOut {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.container#communityPage .visual .bg {
  transform: scale(1);
  will-change: transform;
  animation: bgZoomOut 2s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 both;
  width: 100%;
  height: 100%;
  background: url(../images/sub/community/visual_img.jpg) no-repeat center/cover;
}
@starting-style {
  .container#communityPage .visual .bg {
    transform: scale(1.08);
  }
}
.container#communityPage .visual .content_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  text-align: center;
}
.container#communityPage .visual .content_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.container#communityPage .visual .content_wrap h1 {
  font-family: "GalderglynnTitling";
  font-size: 9.4rem;
  font-weight: 300;
  line-height: 8.6rem;
  text-align: center;
  text-transform: uppercase;
}
.container#communityPage .visual .content_wrap h1 .mask {
  display: inline-block;
}
.container#communityPage .visual .content_wrap h1 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#communityPage .visual .content_wrap .line {
  position: relative;
  width: 100%;
  height: 1.6rem;
  margin: 2rem 0 3.6rem;
  background: url(../images/main/visual_line.png) no-repeat center/contain;
}
.container#communityPage .visual .content_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  font-size: 1.5rem;
  line-height: 2.3rem;
}
.container#communityPage .visual .content_wrap .btn_next_section {
  overflow: hidden;
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20rem;
  height: 5.8rem;
  margin-top: calc(var(--vh, 1vh) * 8.9);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  background-color: #4adc70;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
}
.container#communityPage .visual .content_wrap .btn_next_section::after {
  content: "";
  position: absolute;
  transition: all 0.4s;
  pointer-events: none;
}
.container#communityPage .visual .content_wrap .btn_next_section:hover::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#communityPage .visual .content_wrap.active .sub_tit,
.container#communityPage .visual .content_wrap.active .desc,
.container#communityPage .visual .content_wrap.active .btn_next_section {
  opacity: 1;
}
.container#communityPage .visual .content_wrap.active h1 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#communityPage .visual .content_wrap.active h1 .mask:nth-of-type(n + 2) .text {
  animation-delay: 0.35s;
}
.container#communityPage .challenge {
  padding: 14rem 0;
  background-color: #f3f3f3;
}
.container#communityPage .challenge .content_wrap {
  max-width: 185rem;
  margin: 0 auto;
  padding: 0 10rem;
}
.container#communityPage .challenge .content_wrap .tit_wrap {
  margin-bottom: 4.4rem;
  padding-left: 1rem;
  text-align: center;
}
.container#communityPage .challenge .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#communityPage .challenge .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#communityPage .challenge .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#communityPage .challenge .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#communityPage .challenge .content_wrap .tit_wrap h2 .mask .text.color_green {
  color: #4adc70;
}
.container#communityPage .challenge .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#communityPage .challenge .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#communityPage .challenge .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 4) .text {
  animation-delay: 0.35s;
}
.container#communityPage .challenge .content_wrap .challenge_wrap {
  display: flex;
  gap: 6rem;
  height: 61.3rem;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .img_wrap {
  overflow: hidden;
  position: relative;
  width: 46.1%;
  background-color: #202020;
  border-radius: 2rem;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .img_wrap img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(0);
  will-change: transform;
  width: 100%;
  height: 100%;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .img_wrap img.active {
  display: block;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
  padding: 1.2rem 0;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: 7rem;
  padding-right: 2.9%;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 4%;
  background: url(../images/sub/community/challenge_first.svg) no-repeat center/cover;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.second {
  background-image: url(../images/sub/community/challenge_second.svg);
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.third {
  background-image: url(../images/sub/community/challenge_third.svg);
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
  flex: 1;
  display: flex;
  position: relative;
  gap: 1.6rem;
  align-items: center;
  transition: all 0.3s;
  height: 100%;
  padding-left: 6.9%;
  font-size: 1.7rem;
  font-weight: 500;
  color: #707070;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 6.8rem;
  background-color: #e0e0e0;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 2rem;
  height: 2rem;
  background: url(../images/sub/individuals/ic_plus.svg) no-repeat center/cover;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel {
  overflow: hidden;
  opacity: 0;
  height: 0;
  transition: height 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.28s ease;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
  padding-top: 1rem;
  padding-left: calc(3.2rem + 14.9%);
  padding-bottom: 12.1%;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
  font-family: "GalderglynnTitling";
  font-size: 2.71vw;
  line-height: 1.096;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
  margin-top: 3.6rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  word-break: keep-all;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open {
  flex: 1;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap {
  background-image: url(../images/sub/community/challenge_first_active.svg);
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.second {
  background-image: url(../images/sub/community/challenge_second_active.svg);
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.third {
  background-image: url(../images/sub/community/challenge_third_active.svg);
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .accordion_tit {
  color: #000;
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .indicator {
  background-image: url(../images/sub/individuals/ic_minus.svg);
}
.container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .accordion_panel {
  opacity: 1;
}
.container#communityPage .platform {
  overflow: hidden;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100);
  padding: 13rem 0;
  background: url(../images/sub/community/platform_bg.jpg) no-repeat center/cover;
}
.container#communityPage .platform .content_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  height: 100%;
  color: #fff;
}
.container#communityPage .platform .content_wrap .tit_wrap {
  margin-bottom: 8.2rem;
  text-align: center;
}
.container#communityPage .platform .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#communityPage .platform .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#communityPage .platform .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#communityPage .platform .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#communityPage .platform .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#communityPage .platform .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#communityPage .platform .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 3) .text {
  animation-delay: 0.35s;
}
.container#communityPage .platform .content_wrap .platform_list {
  display: flex;
  gap: 2.2rem;
  max-width: 115.4rem;
  width: 100%;
  margin: 0 auto;
}
.container#communityPage .platform .content_wrap .platform_list li {
  overflow: hidden;
  flex: 1;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  height: 41.7rem;
  background-color: rgba(255, 255, 255, 0.14);
  backdrop-filter: blur(4.7rem);
  border-radius: 2rem;
}
.container#communityPage .platform .content_wrap .platform_list li .ic_wrap {
  width: 16rem;
  height: 16rem;
  margin-top: 1.2rem;
}
.container#communityPage .platform .content_wrap .platform_list li .platform_tit {
  margin: 4.4rem 0 2.2rem;
  font-size: 2rem;
  font-weight: 600;
}
.container#communityPage .platform .content_wrap .platform_list li .platform_tit_eng {
  display: flex;
  gap: 0.8rem;
  justify-content: center;
  align-items: center;
  height: 5.2rem;
  padding: 0 3rem;
  background-color: rgba(83, 83, 83, 0.4);
  backdrop-filter: blur(1.5rem);
  border-radius: 10rem;
  font-size: 1.4rem;
}
.container#communityPage .platform .content_wrap .platform_list li .platform_tit_eng::before {
  content: "";
  display: block;
  width: 2.4rem;
  height: 2.4rem;
  background: url(../images/sub/community/platform_ic.svg) no-repeat center/cover;
}
.container#communityPage .platform .content_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-top: 6.2rem;
  text-align: center;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.7rem;
  word-break: keep-all;
}
.container#communityPage .platform .content_wrap .desc.active {
  opacity: 1;
}
.container#communityPage .feature {
  padding: 16rem 0 14rem;
  background-color: #f2f2f2;
  backdrop-filter: blur(5.6rem);
}
.container#communityPage .feature .content_wrap .tit_wrap {
  margin-bottom: 6.4rem;
  text-align: center;
}
.container#communityPage .feature .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#communityPage .feature .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#communityPage .feature .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#communityPage .feature .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#communityPage .feature .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#communityPage .feature .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#communityPage .feature .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 3) .text {
  animation-delay: 0.35s;
}
.container#communityPage .feature .content_wrap .featureSwiper {
  overflow: visible;
  position: relative;
  max-width: 141.5rem;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container {
  overflow: hidden;
  box-shadow: 0 0 2.4rem rgba(0, 0, 0, 0.07);
  border-radius: 2rem;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  position: relative;
  height: 65.4rem;
  padding: 8.8rem 2rem 2rem;
  background-color: #1b1b1b;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .bg img {
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap {
  position: relative;
  z-index: 1;
  height: 39.5rem;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .txt_box {
  overflow: hidden;
  display: flex;
  gap: 1.1rem;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  width: 100%;
  margin-top: auto;
  padding: 1.6rem;
  background-color: #3a3a3a;
  border-radius: 1.1rem;
  color: #fff;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .txt_box .txt {
  display: flex;
  gap: 0.6rem;
  align-items: center;
  font-size: 1.7rem;
  font-weight: 600;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .txt_box .desc {
  font-size: 1.7rem;
  font-weight: 500;
  color: rgba(255, 255, 255, 0.7);
  text-align: center;
  word-break: keep-all;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper_btn_wrap {
  display: flex;
  gap: 1rem;
  justify-content: flex-end;
  align-items: center;
  margin: 2rem 0;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper_btn_wrap .swiper-button-prev, .container#communityPage .feature .content_wrap .featureSwiper .swiper_btn_wrap .swiper-button-next {
  position: static;
  width: 4.4rem;
  height: 4.4rem;
  margin: 0;
  background-color: #444444;
  border-radius: 0.9rem;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper_btn_wrap .swiper-button-prev::after, .container#communityPage .feature .content_wrap .featureSwiper .swiper_btn_wrap .swiper-button-next::after {
  content: "";
  display: block;
  width: 1.5rem;
  height: 1.5rem;
  background: url(../images/sub/community/feature_arrow.svg) no-repeat center/cover;
}
.container#communityPage .feature .content_wrap .featureSwiper .swiper_btn_wrap .swiper-button-prev::after {
  transform: scaleX(-1);
}
.container#communityPage .feature .content_wrap .tabs {
  display: flex;
  gap: 0.7rem;
  max-width: 141.5rem;
  margin: 0 auto;
}
.container#communityPage .feature .content_wrap .tabs .tab {
  flex: 1;
  display: flex;
  gap: 1.6rem;
  flex-direction: column-reverse;
  align-items: center;
}
.container#communityPage .feature .content_wrap .tabs .tab .bar {
  overflow: hidden;
  display: block;
  width: 100%;
  height: 0.4rem;
  background-color: #dfdfdf;
}
@keyframes grow {
  from {
    width: 0%;
  }
  to {
    width: 100%;
  }
}
.container#communityPage .feature .content_wrap .tabs .tab .fill {
  overflow: hidden;
  flex: 1;
  display: block;
  height: 0.4rem;
  background-color: #454545;
}
.container#communityPage .feature .content_wrap .tabs .tab .label {
  transition: color 0.4s;
  font-size: 1.7rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.5);
}
.container#communityPage .feature .content_wrap .tabs .tab.is_active .label {
  color: #000;
}
.container#communityPage .proven_success {
  position: relative;
  width: 100%;
  padding: 12rem 0;
}
.container#communityPage .proven_success .content_wrap {
  display: flex;
  gap: 3rem;
  justify-content: space-between;
}
.container#communityPage .proven_success .content_wrap .left_wrap {
  max-width: 72.7rem;
  min-width: 58rem;
  width: 46%;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  position: sticky;
  top: 12rem;
  left: 0;
  width: 100%;
  height: calc(var(--vh, 1vh) * 77.7);
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap h2 .mask {
  display: inline-block;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .study_box {
  display: flex;
  flex-wrap: wrap;
  gap: 1.6rem;
  align-items: center;
  margin-top: 3.6rem;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .study_box .case_study {
  flex-shrink: 0;
  display: flex;
  gap: 0.8rem;
  align-items: center;
  height: 5.2rem;
  padding: 0 3rem;
  border-radius: 10rem;
  backdrop-filter: blur(1.5rem);
  background-color: #4adc70;
  font-family: "GalderglynnTitling";
  font-size: 1.4rem;
  font-weight: 700;
  color: #2c2c2c;
  text-transform: uppercase;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .study_box .case_study::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(../images/sub/community/proven_success_ic_study.svg) no-repeat center/cover;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .study_box .study_txt {
  font-size: 2rem;
  font-weight: 600;
  color: rgba(0, 0, 0, 0.7);
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap.active h2 .mask:nth-of-type(n + 4) .text {
  animation-delay: 0.35s;
}
.container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap.active h2 .mask:nth-of-type(n + 8) .text {
  animation-delay: 0.5s;
}
.container#communityPage .proven_success .content_wrap .right_wrap {
  flex: 1;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 0 2rem;
  background-color: #fff;
  box-shadow: 0 0 3.4rem rgba(0, 0, 0, 0.06);
  backdrop-filter: blur(2.8rem);
  border-radius: 2rem;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list::before, .container#communityPage .proven_success .content_wrap .right_wrap .percent_list::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 2rem;
  height: 100%;
  background-color: #fff;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list::after {
  left: auto;
  right: 0;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li {
  display: flex;
  gap: 1rem;
  justify-content: space-between;
  align-items: center;
  position: relative;
  max-width: 56.4rem;
  margin: 0 auto;
  padding: 10rem 0;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li ~ li::after {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 143%;
  height: 0.1rem;
  background-color: rgba(0, 0, 0, 0.1);
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .txt_box .status {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: max-content;
  height: 4.5rem;
  margin-bottom: 1.4rem;
  padding: 0 2.3rem;
  background-color: #f4f4f4;
  backdrop-filter: blur(3rem);
  border-radius: 10rem;
  font-size: 1.7rem;
  font-weight: 600;
  color: #242424;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .txt_box .status::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(../images/sub/community/proven_success_percent01_ic.svg) no-repeat center/cover;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .txt_box .status.status02::before {
  background-image: url(../images/sub/community/proven_success_percent02_ic.svg);
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .txt_box .status.status03::before {
  background-image: url(../images/sub/community/proven_success_percent03_ic.svg);
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .txt_box .percent_tit {
  font-size: 4rem;
  font-weight: 700;
  text-align: center;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .txt_box .percent_tit .tit_sm {
  font-size: 3rem;
}
.container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .img_wrap {
  max-width: 24.2rem;
}
.container#communityPage .proven_success .content_wrap .location_box {
  overflow: hidden;
  width: 100%;
  padding: 2.8rem;
  background-color: #f1f1f1;
  border-radius: 2rem;
  backdrop-filter: blur(5.5rem);
}
.container#communityPage .proven_success .content_wrap .location_box .location_desc {
  margin-bottom: 2rem;
  font-size: 1.7rem;
  font-weight: 600;
  color: #2dd458;
}
.container#communityPage .proven_success .content_wrap .location_box .location_desc .font_galder {
  font-family: "GalderglynnTitling";
  font-weight: 400;
}
.container#communityPage .proven_success .content_wrap .location_box .location_list {
  display: flex;
  gap: 3rem;
  flex-wrap: wrap;
}
.container#communityPage .proven_success .content_wrap .location_box .location_list li {
  display: flex;
  gap: 0.7rem;
  align-items: center;
  font-size: 2rem;
  font-weight: 600;
  color: #363636;
}
.container#communityPage .proven_success .content_wrap .location_box .location_list li::before {
  content: "";
  display: block;
  width: 2.2rem;
  height: 2.2rem;
  background: url(../images/sub/community/proven_success_ic_location.svg) no-repeat center/cover;
}
.container#communityPage .proven_success .content_wrap .location_box.ver_pc {
  display: block;
}
.container#communityPage .proven_success .content_wrap .location_box.ver_mo {
  display: none;
}
.container#communityPage .final {
  padding-bottom: 10rem;
}
.container#communityPage .final .content_wrap .final_box {
  overflow: hidden;
  display: flex;
  gap: 2.5rem;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 38.2rem;
  background: url(../images/sub/community/final_bg.jpg) no-repeat center/cover;
  border-radius: 2rem;
  color: #fff;
  text-align: center;
}
.container#communityPage .final .content_wrap .final_box .box_sub_tit {
  opacity: 0;
  transition: opacity 1s ease;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
}
.container#communityPage .final .content_wrap .final_box .box_tit {
  opacity: 0;
  transition: opacity 1s ease;
  font-size: 4rem;
  font-weight: 700;
  line-height: 5rem;
}
.container#communityPage .final .content_wrap .final_box .box_tit .font_galder {
  font-family: "GalderglynnTitling";
  font-weight: 400;
}
.container#communityPage .final .content_wrap .final_box .btn_link {
  opacity: 0;
  transition: opacity 1s ease;
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: max-content;
  margin: 0 auto;
}
.container#communityPage .final .content_wrap .final_box .btn_link .txt {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  height: 4.8rem;
  padding: 0 2.4rem;
  background-color: #4adc70;
  border-radius: 6rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.container#communityPage .final .content_wrap .final_box .btn_link .txt::after {
  content: "";
  transition: all 0.4s;
  pointer-events: none;
}
.container#communityPage .final .content_wrap .final_box .btn_link:hover .txt::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#communityPage .final .content_wrap .final_box .img_wrap {
  position: absolute;
  top: 50%;
  right: 11.1%;
  transform: translateY(-50%);
  width: 11.543%;
  height: 0;
  padding-bottom: 11.543%;
}
.container#communityPage .final .content_wrap .final_box .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}
.container#communityPage .final .content_wrap .final_box.active .box_sub_tit,
.container#communityPage .final .content_wrap .final_box.active .box_tit,
.container#communityPage .final .content_wrap .final_box.active .btn_link {
  opacity: 1;
}
@media (max-width: 1280px) {
  .container#communityPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    height: 80%;
    margin: auto;
  }
  .container#communityPage .proven_success .content_wrap {
    flex-direction: column;
  }
  .container#communityPage .proven_success .content_wrap .left_wrap {
    max-width: none;
    min-width: auto;
    width: 100%;
  }
  .container#communityPage .proven_success .content_wrap .left_wrap .sticky_box {
    height: auto;
  }
  .container#communityPage .proven_success .content_wrap .right_wrap .percent_list li {
    max-width: 90%;
    padding: 5rem 0;
  }
  .container#communityPage .proven_success .content_wrap .location_box.ver_pc {
    display: none;
  }
  .container#communityPage .proven_success .content_wrap .location_box.ver_mo {
    display: block;
  }
  .container#communityPage .final .content_wrap .final_box .img_wrap {
    display: none;
  }
}
@media (max-width: 1024px) {
  .container#communityPage .challenge .content_wrap .tit_wrap h2 {
    font-size: 3.9rem;
    line-height: 4.15rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap {
    flex-direction: column;
    height: auto;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .img_wrap {
    flex-shrink: 0;
    width: 100%;
    height: 40rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .container#communityPage .visual .content_wrap .sub_tit {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .container#communityPage .visual .content_wrap h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .container#communityPage .visual .content_wrap .line {
    margin-bottom: 3rem;
  }
  .container#communityPage .visual .content_wrap .desc {
    color: rgba(255, 255, 255, 0.8);
    word-break: keep-all;
  }
  .container#communityPage .visual .content_wrap .desc br {
    display: none;
  }
  .container#communityPage .visual .content_wrap .btn_next_section {
    margin-top: 4.6rem;
    width: 15.4rem;
    height: 5rem;
  }
  .container#communityPage .visual .scroll_down {
    display: flex !important;
    gap: 1.6rem;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 4rem;
    z-index: 1;
    font-size: 1.2rem;
    font-family: "GalderglynnTitling";
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
  }
  .container#communityPage .visual .scroll_down::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 1.1rem;
    background: url(../images/common/ic_scroll_down.svg) no-repeat center/cover;
  }
  .container#communityPage .challenge {
    padding: 7rem 0;
  }
  .container#communityPage .challenge .content_wrap {
    padding: 0 2rem;
  }
  .container#communityPage .challenge .content_wrap .tit_wrap {
    margin-bottom: 2.8rem;
    padding-left: 0;
  }
  .container#communityPage .challenge .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#communityPage .challenge .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap {
    gap: 2rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .img_wrap {
    height: 0;
    padding-bottom: 100%;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 84%;
    height: 84%;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
    padding: 1.4rem 0;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
    height: 2.4rem;
    padding-right: 0.2rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
    gap: 1.9rem;
    padding-left: 1.4rem;
    font-size: 1.5rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
    height: 2.4rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
    transition: none;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.4rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
    transition: none;
    width: 1.6rem;
    height: 1.6rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
    padding-top: 1.8rem;
    padding-left: 1.4rem;
    padding-bottom: 4.8rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .container#communityPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#communityPage .platform {
    padding: 7rem 0;
  }
  .container#communityPage .platform .content_wrap {
    padding: 0 1.6rem;
  }
  .container#communityPage .platform .content_wrap .tit_wrap {
    margin-bottom: 4.2rem;
  }
  .container#communityPage .platform .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#communityPage .platform .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#communityPage .platform .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+7) .text {
    animation-delay: 0.5s;
  }
  .container#communityPage .platform .content_wrap .platform_list {
    gap: 1.6rem;
    flex-direction: column;
  }
  .container#communityPage .platform .content_wrap .platform_list li {
    min-height: 29.6rem;
    height: auto;
    padding: 4rem 1rem 3rem;
  }
  .container#communityPage .platform .content_wrap .platform_list li .ic_wrap {
    width: 10rem;
    height: 10rem;
    margin-top: 0;
  }
  .container#communityPage .platform .content_wrap .platform_list li .platform_tit {
    margin: 3rem 0 2.4rem;
    font-size: 1.8rem;
  }
  .container#communityPage .platform .content_wrap .platform_list li .platform_tit_eng {
    height: 5rem;
    padding: 0 2rem;
  }
  .container#communityPage .platform .content_wrap .desc {
    margin-top: 4rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#communityPage .platform .content_wrap .desc br {
    display: none;
  }
  .container#communityPage .feature {
    padding: 7rem 0;
  }
  .container#communityPage .feature .content_wrap .tit_wrap {
    margin-bottom: 2.8rem;
    text-align: left;
  }
  .container#communityPage .feature .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    line-height: 2.4rem;
  }
  .container#communityPage .feature .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#communityPage .feature .content_wrap .featureSwiper .swiper_btn_wrap {
    margin: 1.6rem 0;
  }
  .container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide {
    min-height: 47rem;
    height: auto;
    padding: 3.5rem 0 1rem;
  }
  .container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .img_wrap {
    height: 27.4rem;
  }
  .container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .txt_box {
    gap: 0.9rem;
    width: calc(100% - 2rem);
    margin: auto auto 0;
    padding: 2rem;
  }
  .container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .txt_box .txt {
    gap: 0.3rem;
    font-size: 1.5rem;
  }
  .container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .txt_box .txt .ic_wrap {
    width: 1.6rem;
    height: 1.6rem;
  }
  .container#communityPage .feature .content_wrap .featureSwiper .swiper-container .swiper-wrapper .swiper-slide .txt_box .desc {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#communityPage .feature .content_wrap .tabs {
    gap: 0.5rem;
    position: relative;
  }
  .container#communityPage .feature .content_wrap .tabs .tab .label {
    opacity: 0;
    position: absolute;
    top: -5rem;
    left: 0;
    font-size: 1.5rem;
  }
  .container#communityPage .feature .content_wrap .tabs .tab.is_active .label {
    opacity: 1;
  }
  .container#communityPage .proven_success {
    padding: 7rem 0;
  }
  .container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
  .container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .study_box {
    gap: 1.1rem;
    margin-top: 2.8rem;
  }
  .container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .study_box .case_study {
    height: 4.4rem;
    padding: 0 2rem;
    font-size: 1.3rem;
  }
  .container#communityPage .proven_success .content_wrap .left_wrap .sticky_box .tit_wrap .study_box .study_txt {
    font-size: 1.4rem;
  }
  .container#communityPage .proven_success .content_wrap .right_wrap .percent_list li {
    max-width: none;
    width: 100%;
    padding: 4rem 0;
  }
  .container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .txt_box .status {
    gap: 0.5rem;
    height: 3.4rem;
    padding: 0 0.8rem;
    margin-bottom: 1rem;
    font-size: 1.3rem;
  }
  .container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .txt_box .percent_tit {
    font-size: 2rem;
  }
  .container#communityPage .proven_success .content_wrap .right_wrap .percent_list li .img_wrap {
    width: 38%;
  }
  .container#communityPage .proven_success .content_wrap .location_box {
    margin-top: -2.2rem;
    padding: 1.6rem;
    border-radius: 1.5rem;
    text-align: center;
  }
  .container#communityPage .proven_success .content_wrap .location_box .location_desc {
    margin-bottom: 0.8rem;
    font-size: 1.4rem;
  }
  .container#communityPage .proven_success .content_wrap .location_box .location_list {
    gap: 0.4rem;
    justify-content: center;
  }
  .container#communityPage .proven_success .content_wrap .location_box .location_list li {
    gap: 0.1rem;
    font-size: 1.4rem;
  }
  .container#communityPage .proven_success .content_wrap .location_box .location_list li::before {
    width: 1.2rem;
    height: 1.2rem;
  }
  .container#communityPage .final {
    padding-bottom: 3rem;
  }
  .container#communityPage .final .content_wrap .final_box {
    gap: 1.4rem;
    height: 26.7rem;
    padding: 3rem;
    text-align: left;
  }
  .container#communityPage .final .content_wrap .final_box .box_sub_tit {
    font-size: 1.7rem;
  }
  .container#communityPage .final .content_wrap .final_box .box_tit {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .container#communityPage .final .content_wrap .final_box .btn_link {
    margin: auto 0 0;
  }
  .container#communityPage .final .content_wrap .final_box .btn_link .txt {
    height: 4rem;
  }
}

.container {
  /* For Enterprise */
}
.container#enterprisePage .visual {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #171717;
}
@keyframes bgZoomOut {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.container#enterprisePage .visual .bg {
  transform: scale(1);
  will-change: transform;
  animation: bgZoomOut 2s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 both;
  width: 100%;
  height: 100%;
  background: url(../images/sub/enterprise/visual_img.jpg) no-repeat center/cover;
}
@starting-style {
  .container#enterprisePage .visual .bg {
    transform: scale(1.08);
  }
}
.container#enterprisePage .visual .content_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  text-align: center;
}
.container#enterprisePage .visual .content_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.container#enterprisePage .visual .content_wrap h1 {
  font-family: "GalderglynnTitling";
  font-size: 9.4rem;
  font-weight: 300;
  line-height: 8.6rem;
  text-align: center;
  text-transform: uppercase;
}
.container#enterprisePage .visual .content_wrap h1 .mask {
  display: inline-block;
}
.container#enterprisePage .visual .content_wrap h1 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#enterprisePage .visual .content_wrap .line {
  position: relative;
  width: 100%;
  height: 1.6rem;
  margin: 2rem 0 3.6rem;
  background: url(../images/main/visual_line.png) no-repeat center/contain;
}
.container#enterprisePage .visual .content_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  font-size: 1.5rem;
  line-height: 2.3rem;
}
.container#enterprisePage .visual .content_wrap .btn_next_section {
  overflow: hidden;
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 23rem;
  height: 5.8rem;
  margin-top: calc(var(--vh, 1vh) * 8.9);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  background-color: #4adc70;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
}
.container#enterprisePage .visual .content_wrap .btn_next_section::after {
  content: "";
  position: absolute;
  transition: all 0.4s;
  pointer-events: none;
}
.container#enterprisePage .visual .content_wrap .btn_next_section:hover::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#enterprisePage .visual .content_wrap.active .sub_tit,
.container#enterprisePage .visual .content_wrap.active .desc,
.container#enterprisePage .visual .content_wrap.active .btn_next_section {
  opacity: 1;
}
.container#enterprisePage .visual .content_wrap.active h1 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#enterprisePage .visual .content_wrap.active h1 .mask:nth-of-type(n + 2) .text {
  animation-delay: 0.35s;
}
.container#enterprisePage .challenge {
  padding: 14rem 0;
  background-color: #f3f3f3;
}
.container#enterprisePage .challenge .content_wrap {
  max-width: 185rem;
  margin: 0 auto;
  padding: 0 10rem;
}
.container#enterprisePage .challenge .content_wrap .tit_wrap {
  margin-bottom: 4.4rem;
  padding-left: 1rem;
  text-align: center;
}
.container#enterprisePage .challenge .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#enterprisePage .challenge .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#enterprisePage .challenge .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#enterprisePage .challenge .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#enterprisePage .challenge .content_wrap .tit_wrap h2 .mask .text.color_green {
  color: #4adc70;
}
.container#enterprisePage .challenge .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#enterprisePage .challenge .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#enterprisePage .challenge .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 4) .text {
  animation-delay: 0.35s;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap {
  display: flex;
  gap: 6rem;
  height: 61.3rem;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .img_wrap {
  overflow: hidden;
  position: relative;
  width: 46.1%;
  border-radius: 2rem;
  background-color: #202020;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .img_wrap img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(0);
  will-change: transform;
  width: 100%;
  height: 100%;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .img_wrap img.active {
  display: block;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
  padding: 1.2rem 0;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: 7rem;
  padding-right: 2.9%;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 4%;
  background: url(../images/sub/enterprise/challenge_first.svg) no-repeat center/cover;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.second {
  background-image: url(../images/sub/enterprise/challenge_second.svg);
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.third {
  background-image: url(../images/sub/enterprise/challenge_third.svg);
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
  flex: 1;
  display: flex;
  position: relative;
  gap: 1.6rem;
  align-items: center;
  transition: all 0.3s;
  height: 100%;
  padding-left: 6.9%;
  font-size: 1.7rem;
  font-weight: 500;
  color: #707070;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 6.8rem;
  background-color: #e0e0e0;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 2rem;
  height: 2rem;
  background: url(../images/sub/individuals/ic_plus.svg) no-repeat center/cover;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel {
  overflow: hidden;
  opacity: 0;
  height: 0;
  transition: height 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.28s ease;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
  padding-top: 1rem;
  padding-left: calc(3.2rem + 14.9%);
  padding-bottom: 12.1%;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
  font-family: "GalderglynnTitling";
  font-size: 2.71vw;
  line-height: 1.096;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
  margin-top: 3.6rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  word-break: keep-all;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open {
  flex: 1;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap {
  background-image: url(../images/sub/enterprise/challenge_first_active.svg);
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.second {
  background-image: url(../images/sub/enterprise/challenge_second_active.svg);
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.third {
  background-image: url(../images/sub/enterprise/challenge_third_active.svg);
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .accordion_tit {
  color: #000;
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .indicator {
  background-image: url(../images/sub/individuals/ic_minus.svg);
}
.container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .accordion_panel {
  opacity: 1;
}
.container#enterprisePage .solution {
  padding: 10rem 0 16rem;
}
.container#enterprisePage .solution .content_wrap .solution_box {
  overflow: hidden;
  position: relative;
  padding: 9rem 3rem 3rem;
  background-color: #f5f5f5;
  border: 0.1rem solid #eaeaea;
  border-radius: 2rem;
  box-sizing: border-box;
}
.container#enterprisePage .solution .content_wrap .solution_box .tit_wrap {
  text-align: center;
}
.container#enterprisePage .solution .content_wrap .solution_box .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#enterprisePage .solution .content_wrap .solution_box .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#enterprisePage .solution .content_wrap .solution_box .tit_wrap h2 .mask {
  display: inline-block;
}
.container#enterprisePage .solution .content_wrap .solution_box .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#enterprisePage .solution .content_wrap .solution_box .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#enterprisePage .solution .content_wrap .solution_box .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#enterprisePage .solution .content_wrap .solution_box .tit_wrap.active h2 .mask:nth-of-type(n + 5) .text {
  animation-delay: 0.35s;
}
.container#enterprisePage .solution .content_wrap .solution_box .solution_list {
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  max-width: 82.6rem;
  margin: -3rem auto 0;
}
.container#enterprisePage .solution .content_wrap .solution_box .solution_list li {
  flex: 1;
}
.container#enterprisePage .solution .content_wrap .solution_box .solution_list li .solution_tit {
  display: flex;
  gap: 1rem;
  align-items: center;
  width: max-content;
  height: 4.8rem;
  margin: -4rem auto 0;
  padding: 0 1.5rem;
  background-color: #fff;
  border-radius: 0.8rem;
  font-family: "GalderglynnTitling";
  font-size: 1.6rem;
  font-weight: 700;
  color: #343434;
}
.container#enterprisePage .solution .content_wrap .solution_box .solution_list li .solution_tit::before {
  content: "";
  display: block;
  width: 2rem;
  height: 2rem;
  background: url(../images/sub/enterprise/solution_ic01.svg) no-repeat center/cover;
}
.container#enterprisePage .solution .content_wrap .solution_box .solution_list li .solution_tit.ic02::before {
  background-image: url(../images/sub/enterprise/solution_ic02.svg);
}
.container#enterprisePage .solution .content_wrap .solution_box .desc_box {
  overflow: hidden;
  margin-top: 7.8rem;
  padding: 3.5rem;
  background-color: #e2e9ee;
  border: 0.1rem solid #d6e1e8;
  border-radius: 1.1rem;
  font-size: 1.6rem;
  font-weight: 600;
  line-height: 2.6rem;
  color: #617078;
  text-align: center;
}
.container#enterprisePage .solution .content_wrap .solution_box .bg_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: "GalderglynnTitling";
  font-size: 5.85vw;
  color: #ececec;
  text-align: center;
  text-transform: uppercase;
}
.container#enterprisePage .platform {
  padding-bottom: 18rem;
}
.container#enterprisePage .platform .content_wrap .tit_wrap {
  margin-bottom: 4rem;
  text-align: center;
}
.container#enterprisePage .platform .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#enterprisePage .platform .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#enterprisePage .platform .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#enterprisePage .platform .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#enterprisePage .platform .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#enterprisePage .platform .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_btn_wrap {
  display: flex;
  gap: 1.2rem;
  justify-content: center;
  align-items: center;
  margin: 0 auto 8rem;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_btn_wrap .btn_tab {
  display: flex;
  justify-content: center;
  align-items: center;
  transition: all 0.4s;
  width: 20.2rem;
  height: 5.8rem;
  background-color: #f3f3f3;
  backdrop-filter: blur(0.7rem);
  border: 0.1rem solid #ebebeb;
  border-radius: 1rem;
  box-sizing: border-box;
  font-family: "GalderglynnTitling";
  font-size: 1.6rem;
  font-weight: 300;
  text-transform: uppercase;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_btn_wrap .btn_tab:nth-child(2) {
  width: 24.4rem;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_btn_wrap .btn_tab.active {
  background-color: #000;
  font-weight: 700;
  color: #fff;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content {
  display: none;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper {
  overflow: visible;
  max-width: 115.4rem;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  width: 100%;
  min-height: 47rem;
  background-color: rgba(216, 216, 216, 0.42);
  backdrop-filter: blur(5.5rem);
  border-radius: 2rem;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .img_wrap {
  width: 13rem;
  height: 13rem;
  margin-bottom: 4rem;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .card_tit {
  margin-bottom: 0.8rem;
  font-size: 2rem;
  font-weight: 700;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .card_desc {
  margin-bottom: 4rem;
  font-size: 1.6rem;
  line-height: 2.6rem;
  color: rgba(0, 0, 0, 0.6);
  text-align: center;
  word-break: keep-all;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .card_num {
  display: flex;
  gap: 0.8rem;
  align-items: center;
  height: 5.2rem;
  padding: 0 3rem;
  background-color: rgba(83, 83, 83, 0.13);
  backdrop-filter: blur(3rem);
  border-radius: 10rem;
  font-size: 1.4rem;
  font-weight: 600;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .card_num .num {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 2.2rem;
  height: 2.2rem;
  background-color: #000;
  border-radius: 50%;
  font-size: 1.4rem;
  font-weight: 700;
  color: #fff;
}
@keyframes rise-in {
  from {
    opacity: 0;
    transform: translateY(20px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content.active {
  display: block;
}
.container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content.active .platformSwiper .swiper-wrapper .swiper-slide .card {
  animation: rise-in 0.8s ease both;
  animation-delay: calc(var(--i, 0) * 0.2s);
  will-change: transform, opacity;
}
.container#enterprisePage .proven {
  padding-bottom: 20.8rem;
}
.container#enterprisePage .proven .content_wrap .tit_wrap {
  display: flex;
  gap: 2rem;
  flex-wrap: wrap;
  justify-content: space-between;
  align-items: flex-end;
  margin-bottom: 10rem;
}
.container#enterprisePage .proven .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#enterprisePage .proven .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#enterprisePage .proven .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#enterprisePage .proven .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#enterprisePage .proven .content_wrap .tit_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  font-size: 1.7rem;
  font-weight: 500;
  line-height: 2.7rem;
  color: rgba(0, 0, 0, 0.8);
}
.container#enterprisePage .proven .content_wrap .tit_wrap.active .sub_tit,
.container#enterprisePage .proven .content_wrap .tit_wrap.active .desc {
  opacity: 1;
}
.container#enterprisePage .proven .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#enterprisePage .proven .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 4) .text {
  animation-delay: 0.35s;
}
.container#enterprisePage .proven .content_wrap .proven_list {
  display: flex;
  gap: 2rem;
}
.container#enterprisePage .proven .content_wrap .proven_list li {
  overflow: hidden;
  flex: 1;
  display: flex;
  justify-content: space-between;
  position: relative;
  height: 39.6rem;
  padding: 4.4rem;
  background-color: #202020;
  backdrop-filter: blur(11rem);
  border-radius: 2rem;
}
.container#enterprisePage .proven .content_wrap .proven_list li .txt_wrap .txt {
  margin-bottom: 0.3rem;
  font-size: 2rem;
  font-weight: 600;
  color: #fff;
}
.container#enterprisePage .proven .content_wrap .proven_list li .txt_wrap .percent {
  display: flex;
  font-size: 8rem;
  font-weight: 700;
  color: #4adc70;
}
.container#enterprisePage .proven .content_wrap .proven_list li .txt_wrap .percent .status {
  flex-shrink: 0;
  display: flex;
  align-items: center;
  height: 3.3rem;
  margin-top: 1.6rem;
  padding: 0 1.4rem;
  background-color: #3d3d3d;
  backdrop-filter: blur(2.4rem);
  border-radius: 6rem;
  font-size: 1.7rem;
  font-weight: 600;
}
.container#enterprisePage .proven .content_wrap .proven_list li .txt_wrap .percent .num {
  font-variant-numeric: tabular-nums;
}
.container#enterprisePage .proven .content_wrap .proven_list li .img_wrap {
  width: 48.75%;
}
.container#enterprisePage .proven .content_wrap .proven_list li .img_wrap img {
  width: 100%;
  height: 100%;
  object-fit: contain;
}
.container#enterprisePage .proven .content_wrap .proven_list li .color_info {
  position: absolute;
  left: 4.4rem;
  bottom: 4.4rem;
}
.container#enterprisePage .proven .content_wrap .proven_list li .color_info p {
  display: flex;
  gap: 0.9rem;
  align-items: center;
  font-size: 1.6rem;
  font-weight: 500;
  color: #8d8d8d;
}
.container#enterprisePage .proven .content_wrap .proven_list li .color_info p ~ p {
  margin-top: 0.8rem;
}
.container#enterprisePage .proven .content_wrap .proven_list li .color_info p::before {
  content: "";
  display: block;
  width: 1.4rem;
  height: 1.4rem;
  background-color: #43d369;
  border-radius: 50%;
}
.container#enterprisePage .proven .content_wrap .proven_list li .color_info p.gray::before {
  background-color: #575757;
}
.container#enterprisePage .proven .content_wrap .proven_list li.satisfaction {
  background-color: #f2f2f2;
}
.container#enterprisePage .proven .content_wrap .proven_list li.satisfaction .txt_wrap .txt {
  color: #000;
}
.container#enterprisePage .proven .content_wrap .proven_list li.satisfaction .txt_wrap .percent {
  color: #202020;
}
.container#enterprisePage .proven .content_wrap .proven_list li.satisfaction .color_info p.gray::before {
  background-color: #a3a3a3;
}
.container#enterprisePage .security {
  overflow: hidden;
  position: relative;
  width: 100%;
  min-height: 95rem;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #f8f8f8;
}
.container#enterprisePage .security .bg_img {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 28.65%;
}
.container#enterprisePage .security .content_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 100%;
}
.container#enterprisePage .security .content_wrap .tit_wrap {
  text-align: center;
}
.container#enterprisePage .security .content_wrap .tit_wrap h2 {
  font-family: "GalderglynnTitling";
  font-size: 14.6rem;
  line-height: 12.15rem;
  text-transform: uppercase;
}
.container#enterprisePage .security .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#enterprisePage .security .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#enterprisePage .security .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#enterprisePage .security .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 2) .text {
  animation-delay: 0.35s;
}
.container#enterprisePage .security .content_wrap .card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 40.8rem;
  height: 47.2rem;
  margin-top: -8rem;
  background: linear-gradient(180deg, rgba(186, 203, 191, 0.16) 0%, rgba(39, 156, 73, 0.16) 100%);
  backdrop-filter: blur(3.75rem);
  box-shadow: 0 0.4rem 4.8rem 0 rgba(111, 191, 132, 0.18);
  border-radius: 3rem;
}
.container#enterprisePage .security .content_wrap .card .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/sub/developers/started_card_bg.png) no-repeat center/cover;
}
.container#enterprisePage .security .content_wrap .card .img_wrap {
  position: relative;
  z-index: 1;
  width: 22.2rem;
  height: 22.2rem;
  margin-bottom: 2.5rem;
}
.container#enterprisePage .security .content_wrap .card .card_txt {
  position: relative;
  z-index: 1;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4rem;
  text-align: center;
}
.container#enterprisePage .security .content_wrap .card[data-aos=fade-up] {
  transform: translate3d(0, 60px, 0) !important;
}
.container#enterprisePage .security .content_wrap .card[data-aos^=fade][data-aos^=fade].aos-animate {
  transform: translateZ(0) !important;
}
.container#enterprisePage .security .content_wrap .desc {
  margin: 3rem 0 1.6rem;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 2.7rem;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.container#enterprisePage .security .content_wrap .desc_point {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 2.7rem;
  color: rgba(0, 0, 0, 0.8);
}
@media (max-width: 1280px) {
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .img_wrap img {
    height: 80%;
    margin: auto;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .img_wrap {
    position: absolute;
    right: 2.4rem;
    bottom: 2.4rem;
    width: 52%;
  }
}
@media (max-width: 1024px) {
  .container#enterprisePage .challenge .content_wrap .tit_wrap h2 {
    font-size: 3.9rem;
    line-height: 4.15rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap {
    flex-direction: column;
    height: auto;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .img_wrap {
    flex-shrink: 0;
    width: 100%;
    height: 40rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 70%;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .card_desc {
    font-size: 1.4rem;
    line-height: 2.4rem;
  }
}
@media (max-width: 768px) {
  .container#enterprisePage .visual .bg {
    background: url(../images/sub/enterprise/visual_img_mo.jpg) no-repeat center/cover;
  }
  .container#enterprisePage .visual .content_wrap .sub_tit {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .container#enterprisePage .visual .content_wrap h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .container#enterprisePage .visual .content_wrap .line {
    margin-bottom: 3rem;
  }
  .container#enterprisePage .visual .content_wrap .desc {
    color: rgba(255, 255, 255, 0.8);
    word-break: keep-all;
  }
  .container#enterprisePage .visual .content_wrap .desc br {
    display: none;
  }
  .container#enterprisePage .visual .content_wrap .btn_next_section {
    margin-top: 4.6rem;
    width: 18.5rem;
    height: 5rem;
  }
  .container#enterprisePage .visual .scroll_down {
    display: flex !important;
    gap: 1.6rem;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 4rem;
    z-index: 1;
    font-size: 1.2rem;
    font-family: "GalderglynnTitling";
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
  }
  .container#enterprisePage .visual .scroll_down::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 1.1rem;
    background: url(../images/common/ic_scroll_down.svg) no-repeat center/cover;
  }
  .container#enterprisePage .challenge {
    padding: 7rem 0;
  }
  .container#enterprisePage .challenge .content_wrap {
    padding: 0 2rem;
  }
  .container#enterprisePage .challenge .content_wrap .tit_wrap {
    margin-bottom: 2.8rem;
    padding-left: 0;
  }
  .container#enterprisePage .challenge .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#enterprisePage .challenge .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap {
    gap: 2rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .img_wrap {
    height: 0;
    padding-bottom: 100%;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 84%;
    height: 84%;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
    padding: 1.4rem 0;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
    height: 2.4rem;
    padding-right: 0.2rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
    gap: 1.9rem;
    padding-left: 1.4rem;
    font-size: 1.5rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
    height: 2.4rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
    transition: none;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.4rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
    transition: none;
    width: 1.6rem;
    height: 1.6rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
    padding-top: 1.8rem;
    padding-left: 1.4rem;
    padding-bottom: 4.8rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .container#enterprisePage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#enterprisePage .solution {
    padding: 7rem 0;
  }
  .container#enterprisePage .solution .content_wrap .solution_box {
    padding: 5rem 1.2rem 1.2rem;
  }
  .container#enterprisePage .solution .content_wrap .solution_box .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#enterprisePage .solution .content_wrap .solution_box .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#enterprisePage .solution .content_wrap .solution_box .tit_wrap.active h2 .mask:nth-of-type(n+3) .text {
    animation-delay: 0.35s;
  }
  .container#enterprisePage .solution .content_wrap .solution_box .tit_wrap.active h2 .mask:nth-of-type(n+5) .text {
    animation-delay: 0.5s;
  }
  .container#enterprisePage .solution .content_wrap .solution_box .solution_list {
    gap: 2.4rem;
    flex-direction: column;
    max-width: 21rem;
    margin-top: 1rem;
  }
  .container#enterprisePage .solution .content_wrap .solution_box .solution_list li .solution_tit {
    gap: 0.7rem;
    height: 4rem;
    margin-top: -1rem;
    padding: 0 1.1rem;
    font-size: 1.5rem;
  }
  .container#enterprisePage .solution .content_wrap .solution_box .desc_box {
    margin-top: 6rem;
    padding: 2.4rem 2rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    word-break: keep-all;
  }
  .container#enterprisePage .platform {
    overflow: hidden;
    padding-bottom: 7rem;
  }
  .container#enterprisePage .platform .content_wrap .tit_wrap {
    margin-bottom: 2rem;
    text-align: left;
  }
  .container#enterprisePage .platform .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
  .container#enterprisePage .platform .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#enterprisePage .platform .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+3) .text {
    animation-delay: 0.35s;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_btn_wrap {
    gap: 0.5rem;
    justify-content: flex-start;
    flex-wrap: wrap;
    margin-bottom: 2.8rem;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_btn_wrap .btn_tab {
    width: 14.3rem;
    height: 4.1rem;
    font-size: 1.3rem;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_btn_wrap .btn_tab:nth-child(2) {
    width: 18.7rem;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card {
    min-height: 37rem;
    padding: 3rem 0;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .img_wrap {
    width: 10.5rem;
    height: 10.5rem;
    margin-bottom: 3.8rem;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .card_tit {
    padding: 0 1rem;
    font-size: 1.8rem;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .card_desc {
    margin-bottom: 2.8rem;
    padding: 0 1rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#enterprisePage .platform .content_wrap .tab_wrap .tab_contents .tab_content .platformSwiper .swiper-wrapper .swiper-slide .card .card_num {
    height: 4.8rem;
    padding: 0 2rem;
  }
  .container#enterprisePage .proven {
    padding-bottom: 7rem;
  }
  .container#enterprisePage .proven .content_wrap .tit_wrap {
    gap: 1.6rem;
    margin-bottom: 3rem;
  }
  .container#enterprisePage .proven .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
  }
  .container#enterprisePage .proven .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#enterprisePage .proven .content_wrap .tit_wrap .desc {
    font-size: 1.5rem;
    line-height: 2.3rem;
    word-break: keep-all;
  }
  .container#enterprisePage .proven .content_wrap .proven_list {
    gap: 1.6rem;
    flex-direction: column;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li {
    min-height: 23rem;
    height: 23rem;
    padding: 2.4rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .txt_wrap .txt {
    padding-left: 0.3rem;
    margin-bottom: 0.5rem;
    font-size: 1.6rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .txt_wrap .percent {
    align-items: flex-end;
    font-size: 3.8rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .txt_wrap .percent .status {
    height: 2.5rem;
    margin-top: 0;
    margin-left: 0.4rem;
    margin-bottom: 1.1rem;
    padding: 0 0.9rem;
    font-size: 1.4rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .color_info {
    left: 2.4rem;
    bottom: 2.4rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .color_info p {
    gap: 0.8rem;
    font-size: 1.5rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .color_info p::before {
    width: 1.2rem;
    height: 1.2rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .color_info p ~ p {
    margin-top: 0.4rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .img_wrap {
    width: auto;
    height: 13rem;
  }
  .container#enterprisePage .proven .content_wrap .proven_list li .img_wrap img {
    width: auto;
  }
  .container#enterprisePage .security {
    min-height: calc(var(--vh, 1vh) * 100);
  }
  .container#enterprisePage .security .bg_img {
    display: none;
  }
  .container#enterprisePage .security .content_wrap .tit_wrap h2 {
    font-size: 19.2vw;
    line-height: 0.841;
  }
  .container#enterprisePage .security .content_wrap .card {
    width: 22.7rem;
    height: 26.2rem;
    margin-top: -6%;
  }
  .container#enterprisePage .security .content_wrap .card .img_wrap {
    width: 13.6rem;
    height: 13.6rem;
    margin-bottom: 2rem;
  }
  .container#enterprisePage .security .content_wrap .card .card_txt {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .container#enterprisePage .security .content_wrap .desc {
    margin: 5rem 0 1.4rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    word-break: keep-all;
  }
  .container#enterprisePage .security .content_wrap .desc_point {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
}

.container {
  /* For Developers & Partners */
}
.container#developersPage .visual {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #171717;
}
@keyframes bgZoomOut {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.container#developersPage .visual .bg {
  transform: scale(1);
  will-change: transform;
  animation: bgZoomOut 2s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 both;
  width: 100%;
  height: 100%;
  background: url(../images/sub/developers/visual_img.jpg) no-repeat center/cover;
}
@starting-style {
  .container#developersPage .visual .bg {
    transform: scale(1.08);
  }
}
.container#developersPage .visual .content_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  text-align: center;
}
.container#developersPage .visual .content_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.container#developersPage .visual .content_wrap h1 {
  font-family: "GalderglynnTitling";
  font-size: 9.4rem;
  font-weight: 300;
  line-height: 8.6rem;
  text-align: center;
  text-transform: uppercase;
}
.container#developersPage .visual .content_wrap h1 .mask {
  display: inline-block;
}
.container#developersPage .visual .content_wrap h1 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#developersPage .visual .content_wrap .line {
  position: relative;
  width: 100%;
  height: 1.6rem;
  margin: 2rem 0 3.6rem;
  background: url(../images/main/visual_line.png) no-repeat center/contain;
}
.container#developersPage .visual .content_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  font-size: 1.5rem;
  line-height: 2.3rem;
}
.container#developersPage .visual .content_wrap .btn_next_section {
  overflow: hidden;
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  width: 20.2rem;
  height: 5.8rem;
  margin-top: calc(var(--vh, 1vh) * 8.9);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  background-color: #4adc70;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
}
.container#developersPage .visual .content_wrap .btn_next_section::after {
  content: "";
  position: absolute;
  transition: all 0.4s;
  pointer-events: none;
}
.container#developersPage .visual .content_wrap .btn_next_section:hover::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#developersPage .visual .content_wrap.active .sub_tit,
.container#developersPage .visual .content_wrap.active .desc,
.container#developersPage .visual .content_wrap.active .btn_next_section {
  opacity: 1;
}
.container#developersPage .visual .content_wrap.active .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#developersPage .visual .content_wrap.active .mask:nth-of-type(n + 3) .text {
  animation-delay: 0.35s;
}
.container#developersPage .challenge {
  padding: 14rem 0;
  background-color: #f3f3f3;
}
.container#developersPage .challenge .content_wrap {
  max-width: 185rem;
  margin: 0 auto;
  padding: 0 10rem;
}
.container#developersPage .challenge .content_wrap .tit_wrap {
  margin-bottom: 4.4rem;
  padding-left: 1rem;
  text-align: center;
}
.container#developersPage .challenge .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
  text-transform: uppercase;
}
.container#developersPage .challenge .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#developersPage .challenge .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#developersPage .challenge .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#developersPage .challenge .content_wrap .tit_wrap h2 .mask .text.color_green {
  color: #4adc70;
}
.container#developersPage .challenge .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#developersPage .challenge .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#developersPage .challenge .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 5) .text {
  animation-delay: 0.35s;
}
.container#developersPage .challenge .content_wrap .challenge_wrap {
  display: flex;
  gap: 6rem;
  height: 61.3rem;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .img_wrap {
  overflow: hidden;
  position: relative;
  width: 46.1%;
  border-radius: 2rem;
  background-color: #202020;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .img_wrap img {
  display: none;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(0);
  will-change: transform;
  width: 100%;
  height: 100%;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .img_wrap img.active {
  display: block;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap {
  flex: 1;
  display: flex;
  flex-direction: column;
  border-top: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
  padding: 1.2rem 0;
  border-bottom: 0.1rem solid rgba(0, 0, 0, 0.08);
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  width: 100%;
  height: 7rem;
  padding-right: 2.9%;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap {
  flex: 1;
  display: flex;
  align-items: center;
  height: 100%;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 3.2rem;
  height: 3.2rem;
  margin: 0 4%;
  background: url(../images/sub/enterprise/challenge_first.svg) no-repeat center/cover;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.second {
  background-image: url(../images/sub/enterprise/challenge_second.svg);
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap.third {
  background-image: url(../images/sub/enterprise/challenge_third.svg);
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
  flex: 1;
  display: flex;
  position: relative;
  gap: 1.6rem;
  align-items: center;
  transition: all 0.3s;
  height: 100%;
  padding-left: 6.9%;
  font-size: 1.7rem;
  font-weight: 500;
  color: #707070;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
  content: "";
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 0.1rem;
  height: 6.8rem;
  background-color: #e0e0e0;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
  flex-shrink: 0;
  display: block;
  transition: all 0.3s;
  width: 2rem;
  height: 2rem;
  background: url(../images/sub/individuals/ic_plus.svg) no-repeat center/cover;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel {
  overflow: hidden;
  opacity: 0;
  height: 0;
  transition: height 0.42s cubic-bezier(0.2, 0.8, 0.2, 1), opacity 0.28s ease;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
  padding-top: 1rem;
  padding-left: calc(3.2rem + 14.9%);
  padding-bottom: 12.1%;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
  font-family: "GalderglynnTitling";
  font-size: 2.71vw;
  line-height: 1.096;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
  margin-top: 3.6rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  word-break: keep-all;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open {
  flex: 1;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap {
  background-image: url(../images/sub/enterprise/challenge_first_active.svg);
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.second {
  background-image: url(../images/sub/enterprise/challenge_second_active.svg);
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .icon_wrap.third {
  background-image: url(../images/sub/enterprise/challenge_third_active.svg);
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .txt_wrap .accordion_tit {
  color: #000;
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .btn_accordion .indicator {
  background-image: url(../images/sub/individuals/ic_minus.svg);
}
.container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item.is_open .accordion_panel {
  opacity: 1;
}
.container#developersPage .started {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding: 15rem 0 8rem;
}
.container#developersPage .started .content_wrap {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 1;
  height: 100%;
}
.container#developersPage .started .content_wrap .tit_wrap {
  text-align: center;
}
.container#developersPage .started .content_wrap .tit_wrap h2 {
  font-family: "GalderglynnTitling";
  font-size: 14.6rem;
  line-height: 12.15rem;
  text-transform: uppercase;
}
.container#developersPage .started .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#developersPage .started .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#developersPage .started .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#developersPage .started .content_wrap .card {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: relative;
  z-index: 2;
  width: 40.8rem;
  height: 47.2rem;
  margin-top: -6rem;
  background: linear-gradient(180deg, rgba(186, 203, 191, 0.16) 0%, rgba(39, 156, 73, 0.16) 100%);
  backdrop-filter: blur(3.75rem);
  box-shadow: 0 0.4rem 4.8rem 0 rgba(111, 191, 132, 0.18);
  border-radius: 3rem;
}
.container#developersPage .started .content_wrap .card .bg {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: url(../images/sub/developers/started_card_bg.png) no-repeat center/cover;
}
.container#developersPage .started .content_wrap .card .img_wrap {
  position: relative;
  z-index: 1;
  width: 22.2rem;
  height: 22.2rem;
  margin-bottom: 2.5rem;
}
.container#developersPage .started .content_wrap .card .card_txt {
  position: relative;
  z-index: 1;
  font-size: 3rem;
  font-weight: 700;
  line-height: 4rem;
  text-align: center;
}
.container#developersPage .started .content_wrap .card .card_txt .color_green {
  color: #11ae3a;
}
.container#developersPage .started .content_wrap .card[data-aos=fade-up] {
  transform: translate3d(0, 60px, 0) !important;
}
.container#developersPage .started .content_wrap .card[data-aos^=fade][data-aos^=fade].aos-animate {
  transform: translateZ(0) !important;
}
.container#developersPage .started .content_wrap .desc {
  margin: 3rem 0 1.6rem;
  font-size: 1.7rem;
  font-weight: 600;
  line-height: 2.7rem;
  color: rgba(0, 0, 0, 0.8);
  text-align: center;
}
.container#developersPage .started .content_wrap .desc_point {
  font-size: 1.7rem;
  font-weight: 700;
  line-height: 2.7rem;
  color: rgba(0, 0, 0, 0.8);
}
.container#developersPage .final {
  padding-bottom: 10rem;
}
.container#developersPage .final .content_wrap .final_box {
  overflow: hidden;
  display: flex;
  gap: 2.5rem;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 100%;
  height: 38.2rem;
  background: url(../images/sub/developers/final_bg.jpg) no-repeat center/cover;
  border-radius: 2rem;
  color: #fff;
  text-align: center;
}
.container#developersPage .final .content_wrap .final_box .box_sub_tit {
  font-family: "GalderglynnTitling";
  font-size: 1.8rem;
  font-weight: 300;
  color: #2dd458;
}
.container#developersPage .final .content_wrap .final_box .box_tit {
  font-size: 4rem;
  font-weight: 700;
  line-height: 5rem;
}
.container#developersPage .final .content_wrap .final_box .box_tit .font_galder {
  font-family: "GalderglynnTitling";
  font-weight: 400;
}
.container#developersPage .final .content_wrap .final_box .btn_link {
  display: flex;
  justify-content: center;
  position: relative;
  z-index: 1;
  width: max-content;
  margin: 0 auto;
}
.container#developersPage .final .content_wrap .final_box .btn_link .txt {
  overflow: hidden;
  display: flex;
  align-items: center;
  position: relative;
  height: 4.8rem;
  padding: 0 2.4rem;
  background-color: #4adc70;
  border-radius: 6rem;
  font-size: 1.5rem;
  font-weight: 600;
  color: #000;
  text-transform: uppercase;
}
.container#developersPage .final .content_wrap .final_box .btn_link .txt::after {
  content: "";
  transition: all 0.4s;
  pointer-events: none;
}
.container#developersPage .final .content_wrap .final_box .btn_link:hover .txt::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
@media (max-width: 1280px) {
  .container#developersPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    height: 80%;
    margin: auto;
  }
}
@media (max-width: 1024px) {
  .container#developersPage .challenge .content_wrap .tit_wrap h2 {
    font-size: 3.9rem;
    line-height: 4.15rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap {
    flex-direction: column;
    height: auto;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .img_wrap {
    flex-shrink: 0;
    width: 100%;
    height: 40rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 70%;
  }
}
@media (max-width: 768px) {
  .container#developersPage .visual .bg {
    background: url(../images/sub/developers/visual_img_mo.jpg) no-repeat center/cover;
  }
  .container#developersPage .visual .content_wrap .sub_tit {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .container#developersPage .visual .content_wrap h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .container#developersPage .visual .content_wrap .line {
    margin-bottom: 3rem;
  }
  .container#developersPage .visual .content_wrap .desc {
    color: rgba(255, 255, 255, 0.8);
    word-break: keep-all;
  }
  .container#developersPage .visual .content_wrap .desc br {
    display: none;
  }
  .container#developersPage .visual .content_wrap .btn_next_section {
    margin-top: 4.6rem;
    width: 16rem;
    height: 5rem;
  }
  .container#developersPage .visual .content_wrap.active h1 .mask:nth-of-type(n+2) .text {
    animation-delay: 0.35s;
  }
  .container#developersPage .visual .content_wrap.active h1 .mask:nth-of-type(n+3) .text {
    animation-delay: 0.5s;
  }
  .container#developersPage .visual .scroll_down {
    display: flex !important;
    gap: 1.6rem;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 4rem;
    z-index: 1;
    font-size: 1.2rem;
    font-family: "GalderglynnTitling";
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
  }
  .container#developersPage .visual .scroll_down::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 1.1rem;
    background: url(../images/common/ic_scroll_down.svg) no-repeat center/cover;
  }
  .container#developersPage .challenge {
    padding: 7rem 0;
  }
  .container#developersPage .challenge .content_wrap {
    padding: 0 2rem;
  }
  .container#developersPage .challenge .content_wrap .tit_wrap {
    margin-bottom: 2.8rem;
    padding-left: 0;
  }
  .container#developersPage .challenge .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
  }
  .container#developersPage .challenge .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#developersPage .challenge .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+3) .text {
    animation-delay: 0.35s;
  }
  .container#developersPage .challenge .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+5) .text {
    animation-delay: 0.5s;
  }
  .container#developersPage .challenge .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+8) .text {
    animation-delay: 0.65s;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap {
    gap: 2rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .img_wrap {
    height: 0;
    padding-bottom: 100%;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .img_wrap img {
    width: 84%;
    height: 84%;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item {
    padding: 1.4rem 0;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion {
    height: 2.4rem;
    padding-right: 0.2rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit {
    gap: 1.9rem;
    padding-left: 1.4rem;
    font-size: 1.5rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .accordion_tit::before {
    height: 2.4rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .txt_wrap .icon_wrap {
    transition: none;
    width: 2.4rem;
    height: 2.4rem;
    margin: 0 1.4rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .btn_accordion .indicator {
    transition: none;
    width: 1.6rem;
    height: 1.6rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner {
    padding-top: 1.8rem;
    padding-left: 1.4rem;
    padding-bottom: 4.8rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_tit {
    font-size: 2.4rem;
    line-height: 3.2rem;
  }
  .container#developersPage .challenge .content_wrap .challenge_wrap .accordion_wrap .accordion_item .accordion_panel .panel_inner .panel_desc {
    margin-top: 1.5rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#developersPage .started {
    padding: 7rem 0;
  }
  .container#developersPage .started .content_wrap .tit_wrap h2 {
    font-size: 19.2vw;
    line-height: 0.841;
  }
  .container#developersPage .started .content_wrap .card {
    width: 22.7rem;
    height: 26.2rem;
    margin-top: -5%;
    border-radius: 1.6rem;
  }
  .container#developersPage .started .content_wrap .card .img_wrap {
    margin-bottom: 1.4rem;
    width: 15rem;
    height: 14.4rem;
  }
  .container#developersPage .started .content_wrap .card .card_txt {
    font-size: 1.6rem;
    line-height: 2.2rem;
  }
  .container#developersPage .started .content_wrap .desc {
    margin: 3.6rem 0 1.4rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#developersPage .started .content_wrap .desc_point {
    font-size: 1.5rem;
    line-height: 2.5rem;
  }
  .container#developersPage .final {
    padding-bottom: 3rem;
  }
  .container#developersPage .final .content_wrap .final_box {
    gap: 1.4rem;
    justify-content: flex-start;
    height: 26.7rem;
    padding: 3rem;
    text-align: left;
  }
  .container#developersPage .final .content_wrap .final_box .box_sub_tit {
    font-size: 1.4rem;
    line-height: 1.9rem;
  }
  .container#developersPage .final .content_wrap .final_box .box_tit {
    font-size: 2rem;
    line-height: 2.8rem;
  }
  .container#developersPage .final .content_wrap .final_box .btn_link {
    margin-top: auto;
    margin-left: 0;
  }
  .container#developersPage .final .content_wrap .final_box .btn_link .txt {
    height: 4rem;
  }
}

.container {
  /* For Developers & Partners */
}
.container#contactPage .visual {
  overflow: hidden;
  display: flex;
  justify-content: center;
  align-items: flex-end;
  position: relative;
  width: 100%;
  height: calc(var(--vh, 1vh) * 100);
  background-color: #171717;
}
@keyframes bgZoomOut {
  from {
    transform: scale(1.2);
  }
  to {
    transform: scale(1);
  }
}
.container#contactPage .visual .bg {
  transform: scale(1);
  will-change: transform;
  animation: bgZoomOut 2s cubic-bezier(0.2, 0.7, 0.2, 1) 0s 1 both;
  width: 100%;
  height: 100%;
  background: url(../images/sub/contact/visual_img.jpg) no-repeat center/cover;
}
@starting-style {
  .container#contactPage .visual .bg {
    transform: scale(1.08);
  }
}
.container#contactPage .visual .content_wrap {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 100%;
  color: #fff;
  text-align: center;
}
.container#contactPage .visual .content_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 2rem;
  font-size: 1.8rem;
  font-weight: 600;
}
.container#contactPage .visual .content_wrap h1 {
  font-family: "GalderglynnTitling";
  font-size: 9.4rem;
  font-weight: 300;
  line-height: 8.6rem;
  text-align: center;
  text-transform: uppercase;
}
.container#contactPage .visual .content_wrap h1 .mask {
  display: inline-block;
}
.container#contactPage .visual .content_wrap h1 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#contactPage .visual .content_wrap .line {
  position: relative;
  width: 100%;
  height: 1.6rem;
  margin: 2rem 0 3.6rem;
  background: url(../images/main/visual_line.png) no-repeat center/contain;
}
.container#contactPage .visual .content_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  font-size: 1.5rem;
  line-height: 2.3rem;
}
.container#contactPage .visual .content_wrap .btn_next_section {
  display: flex;
  justify-content: center;
  align-items: center;
  width: 20.2rem;
  height: 5.8rem;
  margin-top: calc(var(--vh, 1vh) * 10.5);
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 0;
  background-color: #4adc70;
  border-radius: 1rem;
  font-size: 1.6rem;
  font-weight: 600;
  color: #000;
}
.container#contactPage .visual .content_wrap.active .sub_tit,
.container#contactPage .visual .content_wrap.active .desc {
  opacity: 1;
}
.container#contactPage .visual .content_wrap.active h1 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#contactPage .journey {
  overflow: hidden;
  width: 100%;
  min-height: calc(var(--vh, 1vh) * 100);
  padding-top: calc(var(--vh, 1vh) * 13);
  padding-bottom: calc(var(--vh, 1vh) * 9.3);
  background-color: #161616;
  color: #fff;
}
.container#contactPage .journey .content_wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
  height: 100%;
}
.container#contactPage .journey .content_wrap .tit_wrap {
  position: relative;
  z-index: 1;
  margin-bottom: 6rem;
  text-align: center;
}
.container#contactPage .journey .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.2s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.7rem;
  font-weight: 400;
  color: #2dd458;
  text-transform: uppercase;
}
.container#contactPage .journey .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#contactPage .journey .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#contactPage .journey .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#contactPage .journey .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#contactPage .journey .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#contactPage .journey .content_wrap .img_wrap {
  position: relative;
  z-index: 1;
  width: 38rem;
}
.container#contactPage .journey .content_wrap .desc_point {
  margin: 6.4rem 0 1.6rem;
  font-size: 1.7rem;
  font-weight: 600;
}
.container#contactPage .journey .content_wrap .desc {
  font-size: 1.5rem;
  line-height: 2.5rem;
  color: #c1c1c1;
  text-align: center;
}
.container#contactPage .journey .content_wrap .bg_txt {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  font-family: "GalderglynnTitling";
  font-size: 6.875vw;
  line-height: 1;
  color: rgba(255, 255, 255, 0.04);
  text-align: center;
  text-transform: uppercase;
}
.container#contactPage .proven {
  padding: 14rem 0 16.5rem;
  background-color: #eeeeee;
}
.container#contactPage .proven .content_wrap .tit_wrap {
  margin-bottom: 8rem;
  text-align: center;
}
.container#contactPage .proven .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.7rem;
  font-weight: 400;
  color: #2dd458;
  text-transform: uppercase;
}
.container#contactPage .proven .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#contactPage .proven .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#contactPage .proven .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#contactPage .proven .content_wrap .tit_wrap.active .sub_tit {
  opacity: 1;
}
.container#contactPage .proven .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#contactPage .proven .content_wrap .proven_wrap {
  display: flex;
  gap: 2rem;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.left {
  overflow: hidden;
  flex-shrink: 0;
  width: 47.9015%;
  padding: 3.6rem 4rem;
  background: #28262e url(../images/sub/contact/proven_bg.png) no-repeat center bottom/cover;
  border-radius: 1.6rem;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .tit_num {
  display: flex;
  margin-bottom: 1.8rem;
  color: #4adc70;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .tit_num .num {
  font-size: 5.4rem;
  font-weight: 700;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .tit_num .plus {
  margin-left: 0.8rem;
  font-size: 2.4rem;
  font-weight: 900;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .tit_num .txt {
  align-self: flex-end;
  padding-bottom: 1.4rem;
  font-family: "GalderglynnTitling";
  font-size: 2rem;
  text-transform: uppercase;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .desc {
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: rgba(255, 255, 255, 0.7);
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right {
  overflow: hidden;
  flex: 1;
  display: flex;
  gap: 2rem;
  flex-direction: column;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap {
  display: flex;
  gap: 2rem;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item {
  flex: 1;
  background-color: #caddab;
  border-radius: 1.6rem;
  padding: 2.8rem 3.6rem 3.4rem;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .tit_num {
  display: flex;
  flex-wrap: wrap;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .tit_num .num {
  font-size: 5.4rem;
  font-weight: 700;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .tit_num .plus {
  margin-left: 0.8rem;
  font-size: 2.4rem;
  font-weight: 900;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .tit_num .txt {
  align-self: flex-end;
  padding-bottom: 1.4rem;
  font-family: "GalderglynnTitling";
  font-size: 2rem;
  text-transform: uppercase;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .desc {
  margin-top: 4.8rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: rgba(0, 0, 0, 0.7);
  word-break: keep-all;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item.right {
  background-color: #3bab58;
  color: #fff;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item.right .tit_num .txt {
  margin-left: 0.8rem;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item.right .desc {
  color: #fff;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  height: 33rem;
  padding-bottom: 4rem;
  background-color: #fff;
  border-radius: 1.6rem;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .tit {
  padding: 3.6rem 3.6rem 1.8rem;
  font-family: "GalderglynnTitling";
  font-size: 3.6rem;
  line-height: 4.2rem;
  text-transform: uppercase;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .desc {
  padding-left: 3.6rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
  color: rgba(0, 0, 0, 0.7);
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .logo_scroller {
  overflow: hidden;
  position: relative;
  width: 100%;
  margin-top: auto;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .logo_scroller::before, .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .logo_scroller::after {
  content: "";
  pointer-events: none;
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  z-index: 1;
  width: 10rem;
  height: 100%;
  background: linear-gradient(88.25deg, #fffff9 5.49%, rgba(255, 255, 249, 0) 98.51%);
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .logo_scroller::after {
  left: auto;
  right: 0;
  transform: scaleX(-1);
}
@keyframes logo-marquee {
  from {
    transform: translateX(0);
  }
  to {
    transform: translateX(-50%);
  }
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .logo_scroller .logo_list {
  display: flex;
  gap: 7rem;
  align-items: center;
  flex-wrap: nowrap;
  position: relative;
  width: 100%;
  animation: logo-marquee 10s linear infinite;
  will-change: transform;
}
.container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .logo_scroller .logo_list li {
  flex-shrink: 0;
  opacity: 0.2;
}
.container#contactPage .chapter {
  overflow: hidden;
  display: flex;
  flex-direction: column;
  padding-top: 4rem;
  min-height: calc(var(--vh, 1vh) * 100);
  background-color: #eeeeee;
}
.container#contactPage .chapter .content_wrap .tit_wrap {
  display: flex;
  gap: 2rem;
  justify-content: space-between;
  align-items: flex-end;
  flex-wrap: wrap;
  margin-bottom: 9.4rem;
}
.container#contactPage .chapter .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3.5rem;
  font-family: "GalderglynnTitling";
  font-size: 1.7rem;
  font-weight: 400;
  color: #2dd458;
  text-transform: uppercase;
}
.container#contactPage .chapter .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#contactPage .chapter .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#contactPage .chapter .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#contactPage .chapter .content_wrap .tit_wrap .desc {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 7rem;
  font-size: 1.7rem;
  line-height: 2.7rem;
}
.container#contactPage .chapter .content_wrap .tit_wrap .desc strong {
  font-weight: 600;
}
.container#contactPage .chapter .content_wrap .tit_wrap .status_list {
  display: flex;
  gap: 0.5rem;
  flex-wrap: wrap;
  align-items: center;
}
.container#contactPage .chapter .content_wrap .tit_wrap .status_list li {
  display: flex;
  align-items: center;
  height: 4rem;
  padding: 0 1.5rem;
  background-color: #000;
  border-radius: 7.8rem;
  font-family: "GalderglynnTitling";
  font-size: 1.7rem;
  color: #4adc70;
  text-transform: uppercase;
}
.container#contactPage .chapter .content_wrap .tit_wrap.active .sub_tit,
.container#contactPage .chapter .content_wrap .tit_wrap.active .desc {
  opacity: 1;
}
.container#contactPage .chapter .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#contactPage .chapter .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 2) .text {
  animation-delay: 0.35s;
}
.container#contactPage .chapter .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 5) .text {
  animation-delay: 0.5s;
}
.container#contactPage .chapter .img_wrap {
  flex: 1;
  background-color: #161616;
}
.container#contactPage .future {
  overflow: hidden;
  display: flex;
  position: relative;
  min-height: 108rem;
  height: calc(var(--vh, 1vh) * 100);
  padding-bottom: 8rem;
  background-color: #161616;
  color: #fff;
}
.container#contactPage .future::after {
  opacity: 0.1;
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 8rem;
  width: 100%;
  height: 0.1rem;
  background-color: #fff;
}
.container#contactPage .future .content_wrap {
  display: flex;
  flex-direction: column;
  padding-top: 16rem;
}
.container#contactPage .future .content_wrap .tit_wrap {
  position: relative;
  z-index: 1;
}
.container#contactPage .future .content_wrap .tit_wrap .sub_tit {
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  margin-bottom: 3rem;
  font-family: "GalderglynnTitling";
  font-size: 1.7rem;
  font-weight: 400;
  color: #2dd458;
  text-transform: uppercase;
}
.container#contactPage .future .content_wrap .tit_wrap h2 {
  font-size: 5.4rem;
  font-weight: 700;
  line-height: 5.55rem;
}
.container#contactPage .future .content_wrap .tit_wrap h2 .mask {
  display: inline-block;
}
.container#contactPage .future .content_wrap .tit_wrap h2 .mask .text {
  opacity: 0;
  display: inline-block;
  transform: translateY(100%);
}
.container#contactPage .future .content_wrap .tit_wrap .btn_link {
  overflow: hidden;
  opacity: 0;
  transition: opacity 1.6s ease 0.4s;
  display: flex;
  justify-content: center;
  align-items: center;
  position: relative;
  margin-top: 6.4rem;
  width: 20.2rem;
  height: 6.4rem;
  background-color: #fff;
  border-radius: 6rem;
  font-size: 1.5rem;
  font-weight: 700;
  color: #000;
}
.container#contactPage .future .content_wrap .tit_wrap .btn_link::after {
  content: "";
  position: absolute;
  transition: all 0.4s;
  pointer-events: none;
}
.container#contactPage .future .content_wrap .tit_wrap .btn_link:hover::after {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: rgba(0, 0, 0, 0.2);
}
.container#contactPage .future .content_wrap .tit_wrap.active .sub_tit,
.container#contactPage .future .content_wrap .tit_wrap.active .btn_link {
  opacity: 1;
}
.container#contactPage .future .content_wrap .tit_wrap.active h2 .mask .text {
  animation: slideUp 0.6s cubic-bezier(0.17, 0.84, 0.44, 1) forwards 0.2s;
}
.container#contactPage .future .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n + 4) .text {
  animation-delay: 0.35s;
}
.container#contactPage .future .content_wrap .sm_img {
  width: 25.8rem;
  margin-top: auto;
}
.container#contactPage .future .right_wrap {
  position: absolute;
  top: 0;
  right: 0;
  width: 38.86%;
}
.container#contactPage .future .right_wrap .img_wrap {
  overflow: hidden;
  position: relative;
  width: 100%;
  padding-bottom: 102.13%;
}
.container#contactPage .future .right_wrap .img_wrap img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  object-fit: cover;
  object-position: 50% 50%;
  transform: translateY(0);
  will-change: transform;
  width: 100%;
  height: 100%;
}
.container#contactPage .future .right_wrap .txt_box {
  margin-top: 4rem;
}
.container#contactPage .future .right_wrap .txt_box .desc_point {
  margin-bottom: 1.6rem;
  font-size: 1.7rem;
  font-weight: 600;
  letter-spacing: -0.03em;
  color: rgba(255, 255, 255, 0.9);
}
.container#contactPage .future .right_wrap .txt_box .desc {
  font-size: 1.5rem;
  line-height: 2.7rem;
  letter-spacing: -0.02em;
  color: rgba(255, 255, 255, 0.7);
}
@media (max-width: 1280px) {
  .container#contactPage .proven .content_wrap .proven_wrap {
    flex-direction: column;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.left {
    width: 100%;
    min-height: 53rem;
  }
  .container#contactPage .future {
    display: flex;
    gap: 3.5rem;
    flex-direction: column;
    height: auto;
  }
  .container#contactPage .future::after {
    display: none;
  }
  .container#contactPage .future .content_wrap .sm_img {
    display: none;
  }
  .container#contactPage .future .right_wrap {
    position: static;
    width: 100%;
    margin: 0 auto;
    padding: 0 7rem;
  }
  .container#contactPage .future .right_wrap .img_wrap {
    height: auto;
    padding-bottom: 0;
  }
  .container#contactPage .future .right_wrap .img_wrap img {
    position: static;
  }
}
@media (max-width: 768px) {
  .container#contactPage .visual .content_wrap .sub_tit {
    margin-bottom: 1.8rem;
    font-size: 1.6rem;
    line-height: 2.6rem;
  }
  .container#contactPage .visual .content_wrap h1 {
    font-size: 3rem;
    line-height: 3rem;
  }
  .container#contactPage .visual .content_wrap .line {
    margin-bottom: 3rem;
  }
  .container#contactPage .visual .content_wrap .desc {
    color: rgba(255, 255, 255, 0.8);
    word-break: keep-all;
  }
  .container#contactPage .visual .content_wrap .desc br {
    display: none;
  }
  .container#contactPage .visual .scroll_down {
    display: flex !important;
    gap: 1.6rem;
    flex-direction: column;
    align-items: center;
    position: absolute;
    bottom: 4rem;
    z-index: 1;
    font-size: 1.2rem;
    font-family: "GalderglynnTitling";
    color: rgba(255, 255, 255, 0.7);
    text-transform: uppercase;
  }
  .container#contactPage .visual .scroll_down::after {
    content: "";
    display: block;
    width: 2.1rem;
    height: 1.1rem;
    background: url(../images/common/ic_scroll_down.svg) no-repeat center/cover;
  }
  .container#contactPage .journey {
    padding: 7rem 0;
  }
  .container#contactPage .journey .content_wrap {
    padding: 0 1rem;
  }
  .container#contactPage .journey .content_wrap .tit_wrap {
    margin-bottom: 4.4rem;
  }
  .container#contactPage .journey .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    font-weight: 300;
  }
  .container#contactPage .journey .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.05rem;
  }
  .container#contactPage .journey .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+3) .text {
    animation-delay: 0.35s;
  }
  .container#contactPage .journey .content_wrap .img_wrap {
    width: 17.5rem;
  }
  .container#contactPage .journey .content_wrap .desc_point {
    margin: 3.8rem 0 2rem;
    font-size: 1.6rem;
    word-break: keep-all;
  }
  .container#contactPage .journey .content_wrap .desc {
    word-break: keep-all;
  }
  .container#contactPage .journey .content_wrap .bg_txt {
    top: 44%;
    font-size: 14.667vw;
    white-space: nowrap;
  }
  .container#contactPage .proven {
    padding: 7rem 0;
  }
  .container#contactPage .proven .content_wrap .tit_wrap {
    margin-bottom: 2.8rem;
  }
  .container#contactPage .proven .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 300;
  }
  .container#contactPage .proven .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.05rem;
  }
  .container#contactPage .proven .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+3) .text {
    animation-delay: 0.35s;
  }
  .container#contactPage .proven .content_wrap .proven_wrap {
    gap: 1.6rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.left {
    min-height: 24.1rem;
    padding: 2rem;
    background-image: url(../images/sub/contact/proven_bg_mo.png);
    background-size: auto 10.2rem;
    background-repeat-x: repeat;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .tit_num {
    margin-bottom: 1.2rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .tit_num .num {
    font-size: 3.4rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .tit_num .plus {
    margin-left: 0.5rem;
    font-size: 1.4rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .tit_num .txt {
    padding-bottom: 0.6rem;
    font-size: 1.6rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.left .desc {
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right {
    gap: 1.6rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap {
    flex-direction: column;
    gap: 1.6rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item {
    padding: 2rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .tit_num .num {
    font-size: 3.4rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .tit_num .plus {
    margin-left: 0.5rem;
    font-size: 1.4rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .tit_num .txt {
    padding-bottom: 0.6rem;
    font-size: 1.6rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .top_wrap .proven_item .desc {
    margin-top: 5.6rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap {
    height: 29.1rem;
    padding-bottom: 3.3rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .tit {
    padding: 2rem;
    font-size: 3.4rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .desc {
    padding: 0 2rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .logo_scroller .logo_list {
    gap: 5.5rem;
  }
  .container#contactPage .proven .content_wrap .proven_wrap .proven_box.right .logo_wrap .logo_scroller .logo_list li img {
    height: 2.5rem;
  }
  .container#contactPage .chapter {
    min-height: auto;
    padding-top: 0;
  }
  .container#contactPage .chapter .content_wrap {
    padding: 0 1.8rem;
    text-align: center;
  }
  .container#contactPage .chapter .content_wrap .tit_wrap {
    gap: 2.8rem;
    flex-direction: column;
    align-items: center;
    margin-bottom: 4rem;
  }
  .container#contactPage .chapter .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1rem;
    font-size: 1.6rem;
    font-weight: 300;
  }
  .container#contactPage .chapter .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.05rem;
  }
  .container#contactPage .chapter .content_wrap .tit_wrap .desc {
    margin-bottom: 3rem;
    font-size: 1.5rem;
    line-height: 2.3rem;
    word-break: keep-all;
  }
  .container#contactPage .chapter .content_wrap .tit_wrap .status_list {
    justify-content: center;
  }
  .container#contactPage .chapter .content_wrap .tit_wrap .status_list li {
    height: 3.6rem;
    font-size: 1.3rem;
  }
  .container#contactPage .chapter .img_wrap img {
    width: 100%;
  }
  .container#contactPage .future {
    min-height: auto;
    padding-bottom: 7rem;
  }
  .container#contactPage .future .content_wrap {
    padding-top: 7rem;
  }
  .container#contactPage .future .content_wrap .tit_wrap .sub_tit {
    margin-bottom: 1.4rem;
    font-size: 1.6rem;
    font-weight: 300;
  }
  .container#contactPage .future .content_wrap .tit_wrap h2 {
    font-size: 2.8rem;
    line-height: 3.1rem;
  }
  .container#contactPage .future .content_wrap .tit_wrap .btn_link {
    width: 20.9rem;
    height: 4rem;
    margin-top: 2.5rem;
  }
  .container#contactPage .future .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+4) .text {
    animation-delay: 0.35s;
  }
  .container#contactPage .future .content_wrap .tit_wrap.active h2 .mask:nth-of-type(n+6) .text {
    animation-delay: 0.5s;
  }
  .container#contactPage .future .right_wrap {
    padding: 0;
  }
  .container#contactPage .future .right_wrap .txt_box {
    margin-top: 2.4rem;
    padding: 0 2rem;
  }
  .container#contactPage .future .right_wrap .txt_box .desc_point {
    margin-bottom: 2rem;
    font-size: 1.6rem;
  }
  .container#contactPage .future .right_wrap .txt_box .desc {
    line-height: 2.3rem;
  }
}

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