.maxhub--wrapper > * {
  font-family: Nexa-Regular;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-1 .bg-img {
    width: 100%;
    height: 46.875vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper {
    top: 8.75vw;
    left: 15.88541667vw;
    transform: translateY(4.16666667vw);
    opacity: 0;
  }
  .maxhub--wrapper .section-1 .text-wrapper .title {
    font-size: 2.5vw;
    color: black;
    font-family: Nexa-bold;
  }
  .maxhub--wrapper .section-1 .text-wrapper .desc {
    margin-top: 1.875vw;
    font-size: 1.30208333vw;
    color: #000000;
    line-height: 120%;
    width: 35.67708333vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn {
    margin-top: 2.08333333vw;
    padding: 0.72916667vw 1.25vw;
    background-image: linear-gradient(234deg, #00A7F4 0%, #006EE6 100%);
    border-radius: 1.5625vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .btn-text {
    font-size: 0.67708333vw;
    color: #FFFFFF;
    line-height: 180%;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .arrow-right {
    margin-left: 0.625vw;
    width: 0.41666667vw;
    height: 0.72916667vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-1 .bg-img {
    width: 100%;
    height: 173.33333333vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper {
    top: 12.8vw;
    left: 6.4vw;
    transform: translateY(5.33333333vw);
    opacity: 0;
  }
  .maxhub--wrapper .section-1 .text-wrapper .title {
    font-size: 6.93333333vw;
    color: black;
    font-family: Nexa-bold;
  }
  .maxhub--wrapper .section-1 .text-wrapper .desc {
    margin-top: 4.8vw;
    font-size: 4.8vw;
    color: #000000;
    width: 84.66666667vw;
    opacity: 0.8;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn {
    margin-top: 6.4vw;
    padding: 2.66666667vw 4.53333333vw;
    background-image: linear-gradient(234deg, #00A7F4 0%, #006EE6 100%);
    border-radius: 4.8vw;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .btn-text {
    font-size: 3.46666667vw;
    color: #FFFFFF;
    line-height: 120%;
  }
  .maxhub--wrapper .section-1 .text-wrapper .btn .arrow-right {
    margin-left: 2vw;
    width: 1.73333333vw;
    height: 2.93333333vw;
  }
}
.maxhub--wrapper .section-1.show .text-wrapper {
  transform: translateY(0);
  opacity: 1;
  transition: all 0.5s ease;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-2 {
    padding: 5.20833333vw;
    background-color: #f5f5f5;
    color: black;
  }
  .maxhub--wrapper .section-2 .g--container {
    justify-content: space-between;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper {
    width: 14.58333333vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper .title {
    font-size: 1.04166667vw;
    line-height: 160%;
    margin-top: 0.625vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper .pic {
    width: 1.875vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(1) .pic {
    height: 1.77083333vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(2) .pic {
    height: 1.66666667vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(3) .pic {
    height: 1.875vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(4) .pic {
    height: 1.71875vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-2 {
    padding: 13.33333333vw 0 16vw;
    background-color: white;
    color: black;
  }
  .maxhub--wrapper .section-2 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:not(:first-child) {
    margin-top: 8vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper .title {
    font-size: 4.26666667vw;
    line-height: 150%;
    margin-top: 3.33333333vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(1) .pic {
    width: 8.4vw;
    height: 8vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(2) .pic {
    width: 8vw;
    height: 7.06666667vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(3) .pic {
    width: 8vw;
    height: 8vw;
  }
  .maxhub--wrapper .section-2 .g--container .wrapper:nth-child(4) .pic {
    width: 8vw;
    height: 7.33333333vw;
  }
}
.maxhub--wrapper .section-3 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-3 {
    padding: 6.25vw 0 7.29166667vw;
  }
  .maxhub--wrapper .section-3 .text-wrapper {
    width: 32.60416667vw;
    margin: 0 auto;
    text-align: center;
    color: black;
  }
  .maxhub--wrapper .section-3 .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 2.5vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-3 .text-wrapper .desc {
    margin-top: 1.875vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d8d8d8;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    margin-top: 2.60416667vw;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn {
    padding-bottom: 1.09375vw;
    cursor: pointer;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn .btn-text {
    font-family: Nexa-Bold;
    font-size: 1.25vw;
    color: #000000;
    line-height: 150%;
    opacity: 0.4;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn .active-line {
    height: 3px;
    bottom: -1px;
    background-color: #00FCFB;
    transform: translateX(0);
    transition: transform 0.5s ease;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn.active .btn-text {
    opacity: 1;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn:nth-child(2) {
    margin: 0 4.375vw;
  }
  .maxhub--wrapper .section-3 .switch-pic-wrapper {
    width: 100%;
    height: 33.33333333vw;
    margin-top: 2.08333333vw;
  }
  .maxhub--wrapper .section-3 .switch-pic-wrapper .pic {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-3 .switch-pic-wrapper .pic.active {
    opacity: 1;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-3 {
    padding: 24vw 0 16vw;
  }
  .maxhub--wrapper .section-3 .text-wrapper {
    width: 87.2vw;
    margin: 0 auto;
    text-align: center;
    color: black;
  }
  .maxhub--wrapper .section-3 .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-3 .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper {
    display: flex;
    align-items: center;
    justify-content: center;
    border-bottom: 1px solid #d8d8d8;
    width: -webkit-max-content;
    width: -moz-max-content;
    width: max-content;
    margin: 0 auto;
    margin-top: 8vw;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn {
    padding-bottom: 4.13333333vw;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn .btn-text {
    font-family: Nexa-Bold;
    font-size: 4.8vw;
    color: #000000;
    line-height: 150%;
    opacity: 0.4;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn .active-line {
    height: 2px;
    bottom: -1px;
    background-color: #00FCFB;
    transform: translateX(0);
    transition: transform 0.5s ease;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn.active .btn-text {
    opacity: 1;
  }
  .maxhub--wrapper .section-3 .switch-btn-wrapper .switch-btn:nth-child(2) {
    margin: 0 13.33333333vw;
  }
  .maxhub--wrapper .section-3 .switch-pic-wrapper {
    width: 100%;
    height: 50.93333333vw;
    margin-top: 5.33333333vw;
  }
  .maxhub--wrapper .section-3 .switch-pic-wrapper .pic {
    opacity: 0;
    transition: opacity 0.5s ease;
    border-radius: 1.6vw;
  }
  .maxhub--wrapper .section-3 .switch-pic-wrapper .pic.active {
    opacity: 1;
  }
}
.maxhub--wrapper .section-4 {
  background-color: #f5f5f5;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-4 .sticky-container {
    height: 250vh;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item {
    height: 100vh;
    display: flex;
    align-items: center;
    justify-content: flex-end;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper {
    width: 28.22916667vw;
    position: absolute;
    top: 24.44444444vh;
    left: 15.625vw;
    color: black;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 2.5vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper .parts-wrapper {
    margin-top: 4.42708333vw;
    width: 21.5625vw;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper .parts-wrapper .part-wrapper {
    width: 100%;
    padding: 1.25vw 0;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper .parts-wrapper .part-wrapper:not(:first-child) {
    border-top: 1px solid #BCBCBC;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper .parts-wrapper .part-wrapper .part-title {
    font-family: Nexa-Bold;
    font-size: 1.25vw;
    line-height: 116%;
    opacity: 0.4;
    transition: opacity 0.5s ease;
    cursor: pointer;
    margin-bottom: 0.83333333vw;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper .parts-wrapper .part-wrapper .part-desc {
    font-size: 0.83333333vw;
    line-height: 175%;
    transition: height 0.5s ease, opacity 0.3s ease;
    height: 0px;
    opacity: 0;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper .parts-wrapper .part-wrapper.active .part-title {
    opacity: 1;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .text-wrapper .parts-wrapper .part-wrapper.active .part-desc {
    opacity: 1;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper {
    width: 55.67708333vw;
    height: 29.89583333vw;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic {
    opacity: 0;
    transition: opacity 0.5s ease;
    pointer-events: none;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.active {
    opacity: 1;
    pointer-events: auto;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.pic {
    width: 54.11458333vw;
    height: 29.89583333vw;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper {
    width: 40.05208333vw;
    height: 27.70833333vw;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .pic-on,
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .pic-off {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .pic-on.active,
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .pic-off.active {
    opacity: 1;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .on-off-wrapper {
    left: 50%;
    bottom: 0.78125vw;
    transform: translateX(-50%);
    padding: 0.26041667vw 0.78125vw;
    background-color: white;
    border-radius: 0.9375vw;
    display: flex;
    align-items: center;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .on-off-wrapper .switch-on,
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .on-off-wrapper .switch-off {
    opacity: 0.4;
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .on-off-wrapper .switch-on.active,
  .maxhub--wrapper .section-4 .sticky-container .sticky-item .switch-pic-wrapper .switch-pic.on-off-pic-wrapper .on-off-wrapper .switch-off.active {
    opacity: 1;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-4 {
    padding: 16vw 0;
  }
  .maxhub--wrapper .section-4 .mo-wrapper {
    color: black;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
    text-align: center;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper {
    margin-top: 21.33333333vw;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:not(:first-child) {
    margin-top: 16vw;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper .text-wrapper {
    width: 87.2vw;
    margin: 0 auto;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper .text-wrapper .part-title {
    font-size: 5.33333333vw;
    line-height: 120%;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper .text-wrapper .part-desc {
    margin-top: 4.26666667vw;
    font-size: 3.73333333vw;
    line-height: 170%;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper .pic-wrapper {
    margin-top: 10.66666667vw;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:first-child .pic-wrapper {
    width: 100%;
    height: 70.13333333vw;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(2) .pic-wrapper {
    width: 100%;
    height: 85.6vw;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper {
    margin: 10.66666667vw auto 0;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-pic-wrapper {
    width: 87.2vw;
    height: 60.26666667vw;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-pic-wrapper .pic-on,
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-pic-wrapper .pic-off {
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-pic-wrapper .pic-on.active,
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-pic-wrapper .pic-off.active {
    opacity: 1;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-wrapper {
    padding: 1.33333333vw 4vw;
    background-color: white;
    border-radius: 4.66666667vw;
    display: flex;
    align-items: center;
    margin-top: 10.66666667vw;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-wrapper .switch-on,
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-wrapper .switch-off {
    opacity: 0.4;
    transition: opacity 0.5s ease;
    cursor: pointer;
  }
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-wrapper .switch-on.active,
  .maxhub--wrapper .section-4 .mo-wrapper .parts-wrapper .part-wrapper:nth-child(3) .pic-wrapper .on-off-wrapper .switch-off.active {
    opacity: 1;
  }
}
.maxhub--wrapper .section-5 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-5 {
    padding: 9.375vw 0 6.25vw;
  }
  .maxhub--wrapper .section-5 .g--container {
    color: black;
  }
  .maxhub--wrapper .section-5 .g--container .mainTitle {
    text-align: center;
    font-family: Nexa-Bold;
    font-size: 2.5vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper {
    margin-top: 6.25vw;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper .pic {
    width: 100%;
    height: 22.8125vw;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper .text-wrapper {
    width: 40.05208333vw;
    margin-top: 1.875vw;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 1.66666667vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper .text-wrapper .desc {
    margin-top: 0.83333333vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-5 {
    padding: 16vw 0;
  }
  .maxhub--wrapper .section-5 .g--container {
    color: black;
  }
  .maxhub--wrapper .section-5 .g--container .mainTitle {
    text-align: center;
    font-family: Nexa-Bold;
    font-size: 6.66666667vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper {
    margin-top: 13.33333333vw;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper .pic {
    width: 100%;
    height: 124vw;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper .text-wrapper {
    margin-top: 10.66666667vw;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 5.33333333vw;
    line-height: 120%;
  }
  .maxhub--wrapper .section-5 .g--container .part-wrapper .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 3.73333333vw;
    line-height: 175%;
  }
}
.maxhub--wrapper .section-6 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-6 {
    padding-bottom: 11.45833333vw;
  }
  .maxhub--wrapper .section-6 .g--container {
    color: black;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper {
    width: 100%;
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper:nth-child(2) {
    margin-top: 6.25vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper:nth-child(2) .pic {
    order: 2;
    height: 21.82291667vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper:nth-child(2) .text-wrapper {
    order: 1;
    width: 24.94791667vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper .pic {
    width: 37.13541667vw;
    height: 24.94791667vw;
    border-radius: 0.625vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper .text-wrapper {
    width: 27.08333333vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 1.66666667vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper .text-wrapper .desc {
    margin-top: 1.25vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-6 .g--container {
    color: black;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper {
    padding-bottom: 16vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper .pic {
    width: 100%;
    height: 58.53333333vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper:nth-child(2) .pic {
    height: 51.2vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper .text-wrapper {
    margin-top: 10.66666667vw;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 5.33333333vw;
    line-height: 120%;
  }
  .maxhub--wrapper .section-6 .g--container .part-wrapper .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 3.73333333vw;
    line-height: 175%;
  }
}
.maxhub--wrapper .section-7 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-7 .g--container {
    color: black;
  }
  .maxhub--wrapper .section-7 .g--container .mainTitle {
    text-align: center;
    font-family: Nexa-Bold;
    font-size: 2.5vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper {
    margin-top: 6.25vw;
    display: flex;
    align-items: center;
    justify-content: space-between;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper .pic {
    width: 37.13541667vw;
    height: 24.94791667vw;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper .text-wrapper {
    width: 40.05208333vw;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 1.66666667vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper .text-wrapper .desc {
    margin-top: 0.83333333vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-7 {
    padding: 5.33333333vw 0 16vw;
  }
  .maxhub--wrapper .section-7 .g--container {
    color: black;
  }
  .maxhub--wrapper .section-7 .g--container .mainTitle {
    text-align: center;
    font-family: Nexa-Bold;
    font-size: 6.66666667vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper {
    margin-top: 13.33333333vw;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper .pic {
    width: 100%;
    height: 58.53333333vw;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper .text-wrapper {
    margin-top: 10.66666667vw;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 5.33333333vw;
    line-height: 120%;
  }
  .maxhub--wrapper .section-7 .g--container .part-wrapper .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 3.73333333vw;
    line-height: 175%;
  }
}
.maxhub--wrapper .section-8 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-8 {
    padding: 6.25vw;
  }
  .maxhub--wrapper .section-8 .g--container {
    color: black;
  }
  .maxhub--wrapper .section-8 .g--container .pic {
    width: 100%;
    height: 23.22916667vw;
    margin-top: 3.125vw;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper {
    width: 40.05208333vw;
    margin: 1.875vw auto 0;
    text-align: center;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 1.66666667vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper .desc {
    margin-top: 1.25vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-8 .g--container {
    color: black;
  }
  .maxhub--wrapper .section-8 .g--container .pic {
    width: 100%;
    height: 120.93333333vw;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper {
    margin-top: 10.66666667vw;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 5.33333333vw;
    line-height: 120%;
  }
  .maxhub--wrapper .section-8 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 3.73333333vw;
    line-height: 175%;
  }
}
.maxhub--wrapper .section-9 {
  background-color: white;
  color: black;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-9 {
    padding-bottom: 4.6875vw;
  }
  .maxhub--wrapper .section-9 .part-wrapper {
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding-left: 15.625vw;
  }
  .maxhub--wrapper .section-9 .part-wrapper .pic-wrapper {
    width: 49.73958333vw;
    height: 36.45833333vw;
  }
  .maxhub--wrapper .section-9 .part-wrapper .pic-wrapper .focus-line {
    width: 32.8125vw;
    height: 10.9375vw;
    left: 5.83333333vw;
    top: 9.89583333vw;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-9 .part-wrapper .pic-wrapper .focus-line.active {
    opacity: 1;
  }
  .maxhub--wrapper .section-9 .part-wrapper .text-wrapper {
    width: 25.52083333vw;
  }
  .maxhub--wrapper .section-9 .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 1.66666667vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-9 .part-wrapper .text-wrapper .desc {
    margin-top: 0.83333333vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-9 {
    padding: 16vw 0;
  }
  .maxhub--wrapper .section-9 .part-wrapper {
    display: flex;
    flex-direction: column;
  }
  .maxhub--wrapper .section-9 .part-wrapper .pic-wrapper {
    width: 100%;
    height: 93.33333333vw;
    order: 1;
  }
  .maxhub--wrapper .section-9 .part-wrapper .pic-wrapper .focus-line {
    width: 84vw;
    height: 28vw;
    left: 14.93333333vw;
    top: 25.33333333vw;
    opacity: 0;
    transition: opacity 0.5s ease;
  }
  .maxhub--wrapper .section-9 .part-wrapper .pic-wrapper .focus-line.active {
    opacity: 1;
  }
  .maxhub--wrapper .section-9 .part-wrapper .text-wrapper {
    width: 87.2vw;
    order: 2;
    margin: 10.66666667vw auto 0;
  }
  .maxhub--wrapper .section-9 .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 5.33333333vw;
    line-height: 120%;
  }
  .maxhub--wrapper .section-9 .part-wrapper .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 3.73333333vw;
    line-height: 175%;
  }
}
.maxhub--wrapper .section-11 {
  background-color: #F6F7F9;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-11 {
    padding: 4.6875vw 0;
  }
  .maxhub--wrapper .section-11 .g--container {
    display: flex;
    justify-content: space-between;
    align-items: center;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper {
    color: black;
    width: 26.66666667vw;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper .desc {
    margin-top: 2.29166667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper {
    margin-right: -2.08333333vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card {
    width: 20.83333333vw;
    height: 20.36458333vw;
    flex-shrink: 0;
    z-index: 2;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card .pic {
    width: 100%;
    height: 100%;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card .btn-wrapper {
    padding: 0.41666667vw 1.45833333vw;
    border-radius: 6.14583333vw;
    background-image: linear-gradient(46deg, #3289B9 0%, #36B0B9 100%);
    font-size: 0.83333333vw;
    color: white;
    line-height: 230%;
    bottom: 0;
    left: 4.6875vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card.card-2 {
    margin-top: 6.51041667vw;
    margin-left: -2.60416667vw;
    z-index: 1;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card.card-2 .btn-wrapper {
    left: 3.90625vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-11 {
    padding: 16vw 0;
    overflow: hidden;
  }
  .maxhub--wrapper .section-11 .g--container {
    flex-direction: column;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper {
    color: black;
    text-align: left;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-11 .g--container .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper {
    margin-left: -4.26666667vw;
    margin-top: 8vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card {
    width: 60.8vw;
    height: 57.33333333vw;
    flex-shrink: 0;
    z-index: 2;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card .pic {
    width: 100%;
    height: 100%;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card .btn-wrapper {
    padding: 1.06666667vw 3.73333333vw;
    border-radius: 14.93333333vw;
    background-image: linear-gradient(46deg, #3289B9 0%, #36B0B9 100%);
    font-size: 2.13333333vw;
    color: white;
    line-height: 230%;
    bottom: 0;
    left: 12vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card.card-2 {
    margin-top: 21.73333333vw;
    margin-left: -12.8vw;
    z-index: 1;
    width: 58.13333333vw;
  }
  .maxhub--wrapper .section-11 .g--container .pic-wrapper .card.card-2 .btn-wrapper {
    left: 9.06666667vw;
  }
}
.maxhub--wrapper .section-12 {
  background-color: white;
  color: black;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-12 {
    padding: 9.375vw 0;
  }
  .maxhub--wrapper .section-12 .g--container .mainTitle {
    font-size: 2.5vw;
    line-height: 125%;
    text-align: center;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper {
    margin-top: 3.125vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    background-color: #f5f5f5;
    border-radius: 0.625vw;
    width: 100%;
    padding: 4.16666667vw 0;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper .text-wrapper {
    width: 46.61458333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 1.66666667vw;
    line-height: 116%;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper .text-wrapper .desc {
    margin-top: 0.83333333vw;
    font-size: 0.83333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper .pic {
    margin-top: 2.08333333vw;
    width: 57.29166667vw;
    height: 8.4375vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-12 {
    padding: 21.33333333vw 0;
  }
  .maxhub--wrapper .section-12 .g--container .mainTitle {
    font-size: 6.66666667vw;
    line-height: 125%;
    text-align: center;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper {
    margin-top: 16vw;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper .text-wrapper .title {
    font-family: Nexa-Bold;
    font-size: 5.33333333vw;
    line-height: 120%;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 3.73333333vw;
    line-height: 175%;
  }
  .maxhub--wrapper .section-12 .g--container .part-wrapper .pic {
    margin: 13.33333333vw auto 0;
    width: 83.73333333vw;
    height: 245.2vw;
  }
}
.maxhub--wrapper .section-15 {
  background-color: white;
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-15 {
    display: flex;
    flex-direction: column;
    align-items: center;
    padding-top: 9.375vw;
  }
  .maxhub--wrapper .section-15 .text-wrapper {
    color: black;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-15 .text-wrapper .title {
    font-size: 2.5vw;
    line-height: 125%;
  }
  .maxhub--wrapper .section-15 .text-wrapper .desc {
    margin-top: 1.66666667vw;
    font-size: 0.83333333vw;
    line-height: 175%;
    width: 37.1875vw;
    text-align: center;
  }
  .maxhub--wrapper .section-15 .pic-wrapper {
    margin-top: 1.92708333vw;
    display: flex;
    flex-direction: column;
    align-items: center;
  }
  .maxhub--wrapper .section-15 .pic-wrapper .icon {
    width: 4.89583333vw;
    height: 5vw;
    z-index: 2;
  }
  .maxhub--wrapper .section-15 .pic-wrapper .pic {
    width: 100%;
    height: 33.85416667vw;
    margin-top: -2.60416667vw;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-15 .text-wrapper {
    color: black;
    text-align: left;
    width: 87.2vw;
    margin: 0 auto;
    padding-top: 21.33333333vw;
  }
  .maxhub--wrapper .section-15 .text-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 144%;
  }
  .maxhub--wrapper .section-15 .text-wrapper .desc {
    margin-top: 4.26666667vw;
    font-size: 4.26666667vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-15 .pic-wrapper {
    margin-top: 8.26666667vw;
    width: 100%;
  }
  .maxhub--wrapper .section-15 .pic-wrapper .icon {
    width: 22.66666667vw;
    height: 23.2vw;
    margin-left: 6.4vw;
  }
  .maxhub--wrapper .section-15 .pic-wrapper .pic {
    width: 100%;
    height: 53.6vw;
    margin-top: 2.8vw;
  }
}
@media (min-width: 1200px), (orientation: landscape) {
  .maxhub--wrapper .section-spec {
    width: 75vw;
    margin: 0 auto;
    padding: 6.97916667vw 0 0;
  }
  .maxhub--wrapper .section-spec .mainTitle {
    font-size: 2.1875vw;
    color: black;
    line-height: 147%;
  }
  .maxhub--wrapper .section-spec .download-btn {
    margin-top: 3.28125vw;
    padding: 0.41666667vw 1.14583333vw;
    background-color: #1D6CCB;
    border-radius: 0.26041667vw;
  }
  .maxhub--wrapper .section-spec .download-btn .download-text {
    font-size: 0.72916667vw;
    color: white;
    line-height: 200%;
  }
  .maxhub--wrapper .section-spec .download-btn .download-arrow {
    width: 0.41666667vw;
    height: 0.625vw;
    margin-left: 0.52083333vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn {
    margin-top: 8.4375vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text {
    font-size: 1.25vw;
    color: #000000;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text .collapse {
    display: none;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text .expand {
    display: block;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-arrow {
    width: 1.14583333vw;
    height: 0.72916667vw;
    margin-left: 0.83333333vw;
    transform: rotateZ(180deg);
    transition: transform 0.5s ease;
    margin-top: 0.26041667vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-text .collapse {
    display: block;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-text .expand {
    display: none;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-arrow {
    transform: rotateZ(0deg);
  }
  .maxhub--wrapper .section-spec .spec-table {
    margin-top: 1.35416667vw;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    border-top: 1px solid black;
  }
  .maxhub--wrapper .section-spec .spec-table.hide {
    display: none;
  }
  .maxhub--wrapper .section-spec .spec-table .part {
    padding: 0.9375vw 0;
  }
  .maxhub--wrapper .section-spec .spec-table .part .part-title-wrapper {
    display: flex;
    justify-content: space-between;
  }
  .maxhub--wrapper .section-spec .spec-table .part .part-title-wrapper .part-title {
    font-size: 0.9375vw;
    font-family: Nexa-Bold;
    color: black;
  }
  .maxhub--wrapper .section-spec .spec-table .part .part-title-wrapper .part-desc {
    font-size: 0.67708333vw;
    color: #545453;
    line-height: 170%;
    width: 23.95833333vw;
    text-align: right;
  }
  .maxhub--wrapper .section-spec .spec-table .part .part-title-wrapper + .subTitle {
    margin-top: 0.52083333vw;
  }
  .maxhub--wrapper .section-spec .spec-table .part .subTitle {
    font-size: 0.67708333vw;
    color: black;
  }
  .maxhub--wrapper .section-spec .spec-table .part .param-wrapper {
    margin-top: 0.52083333vw;
    display: flex;
    justify-content: space-between;
  }
  .maxhub--wrapper .section-spec .spec-table .part .param-wrapper .param-name,
  .maxhub--wrapper .section-spec .spec-table .part .param-wrapper .param-value {
    font-size: 0.67708333vw;
    color: #545453;
    line-height: 170%;
  }
  .maxhub--wrapper .section-spec .spec-table .part .param-wrapper .param-value {
    text-align: right;
  }
  .maxhub--wrapper .section-spec .spec-table .part .sub-param-wrapper {
    padding-top: 0.67708333vw;
    margin-top: 0.67708333vw;
    border-top: 1px dashed #A3A5A4;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 {
    width: 32.91666667vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 .part:not(:first-child) {
    border-top: 1px solid #A3A5A4;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 .part:first-child .sub-param-wrapper .param-value {
    width: 20.10416667vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part2 {
    width: 32.8125vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part2 .part:not(:first-child) {
    border-top: 1px solid #A3A5A4;
  }
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-spec {
    width: 87.2vw;
    margin: 0 auto;
    padding: 8.8vw 0;
  }
  .maxhub--wrapper .section-spec .mainTitle {
    font-size: 5.6vw;
    color: black;
    line-height: 147%;
  }
  .maxhub--wrapper .section-spec .download-btn {
    margin-top: 8.4vw;
    padding: 2.66666667vw 4.53333333vw;
    background-color: #1D6CCB;
    border-radius: 0.93333333vw;
  }
  .maxhub--wrapper .section-spec .download-btn .download-text {
    font-size: 3.46666667vw;
    color: white;
    line-height: 123%;
  }
  .maxhub--wrapper .section-spec .download-btn .download-arrow {
    width: 1.86666667vw;
    height: 2.93333333vw;
    margin-left: 2.13333333vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn {
    margin-top: 7.73333333vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text {
    font-size: 4.26666667vw;
    color: #000000;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text .collapse {
    display: none;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-text .expand {
    display: block;
  }
  .maxhub--wrapper .section-spec .collapse-btn .collapse-arrow {
    width: 3.46666667vw;
    height: 2.13333333vw;
    margin-left: 2.13333333vw;
    transform: rotateZ(180deg);
    transition: transform 0.5s ease;
    margin-top: 0.8vw;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-text .collapse {
    display: block;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-text .expand {
    display: none;
  }
  .maxhub--wrapper .section-spec .collapse-btn.expand .collapse-arrow {
    transform: rotateZ(0deg);
  }
  .maxhub--wrapper .section-spec .spec-table {
    margin-top: 10.66666667vw;
  }
  .maxhub--wrapper .section-spec .spec-table.hide {
    display: none;
  }
  .maxhub--wrapper .section-spec .spec-table .part {
    padding: 4.8vw 0 5.33333333vw;
    border-top: 1px solid black;
  }
  .maxhub--wrapper .section-spec .spec-table .part .part-title-wrapper .part-title {
    font-size: 4.8vw;
    color: black;
  }
  .maxhub--wrapper .section-spec .spec-table .part .part-title-wrapper .part-desc {
    margin-top: 2.66666667vw;
    color: #545453;
    font-size: 3.2vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-spec .spec-table .part + .subTitle {
    margin-top: 2.66666667vw;
  }
  .maxhub--wrapper .section-spec .spec-table .part .subTitle {
    font-size: 3.2vw;
    line-height: 150%;
    color: black;
  }
  .maxhub--wrapper .section-spec .spec-table .part .param-wrapper {
    margin-top: 2.66666667vw;
    display: flex;
    justify-content: space-between;
  }
  .maxhub--wrapper .section-spec .spec-table .part .param-wrapper .param-name,
  .maxhub--wrapper .section-spec .spec-table .part .param-wrapper .param-value {
    color: #545453;
    font-size: 3.2vw;
    line-height: 150%;
  }
  .maxhub--wrapper .section-spec .spec-table .part .param-wrapper .param-value {
    text-align: right;
  }
  .maxhub--wrapper .section-spec .spec-table .part .sub-param-wrapper {
    padding-top: 5.33333333vw;
    margin-top: 5.33333333vw;
    border-top: 1px dashed #A3A5A4;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 .part:first-child .sub-param-wrapper .param-wrapper:last-child .param-value {
    width: 57.33333333vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 .part:nth-child(3) .param-wrapper:first-child .param-value {
    width: 46.8vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 .part:nth-child(3) .param-wrapper:nth-child(2) .param-name {
    width: 28.8vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 .part:nth-child(3) .param-wrapper:nth-child(2) .param-value {
    width: 46.8vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part1 .part:nth-child(3) .param-wrapper:last-child .param-value {
    width: 36.93333333vw;
  }
  .maxhub--wrapper .section-spec .spec-table .spec-part2 .part:nth-child(2) .param-wrapper:first-child .param-value {
    width: 46.8vw;
  }
}
.maxhub--wrapper .section-contact-side {
  width: -webkit-max-content;
  width: -moz-max-content;
  width: max-content;
  right: 3rem;
  bottom: calc(3rem + 62px);
  z-index: 99;
  font-family: Nexa-Regular;
}
.maxhub--wrapper .section-contact-side .trigger-area {
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background-image: linear-gradient(128deg, #196FD0 0%, #69F9FA 100%);
}
.maxhub--wrapper .section-contact-side .trigger-area:hover .msg-wrapper {
  display: block;
}
.maxhub--wrapper .section-contact-side .trigger-area .icon {
  width: 21px;
  height: 15.4px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper {
  width: 207px;
  height: 200px;
  top: -105px;
  right: -12px;
  padding: 17px 12px;
  display: none;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper {
    width: 168.5px;
    height: 73px;
    top: -14.5px;
    right: 46px;
    padding: 18px 15px;
  }
}
.maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .msg-bg {
  height: 95px;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .msg-bg {
    height: 100%;
  }
}
.maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .title {
  font-size: 14px;
  color: #FFFFFF;
  letter-spacing: -0.06px;
  line-height: 100%;
  margin-left: 12px;
  margin-top: 7px;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .title {
    font-size: 13px;
    margin-top: 0;
  }
}
.maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .email {
  font-family: Nexa-Bold;
  font-size: 16px;
  color: #FFFFFF;
  letter-spacing: -0.07px;
  text-align: center;
  line-height: 14px;
  margin-top: 11px;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-side .trigger-area .msg-wrapper .email {
    font-size: 14px;
    line-height: 200%;
    margin-top: 5px;
  }
}
.maxhub--wrapper .section-contact-bottom {
  padding: 4.16666667vw 0;
  background-color: white;
  font-family: Nexa-Regular;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-bottom {
    padding: 5.33333333vw 0 10.66666667vw;
  }
}
.maxhub--wrapper .section-contact-bottom .msg-wrapper {
  width: 68.75vw;
  margin: 0 auto;
  border-radius: 5.20833333vw;
  padding: 2.86458333vw 4.6875vw;
  background-color: #F6F7F9;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-bottom .msg-wrapper {
    width: 87.2vw;
    border-radius: 13.33333333vw;
    padding: 16vw 8vw;
  }
}
.maxhub--wrapper .section-contact-bottom .msg-wrapper .title {
  font-family: Nexa-Bold;
  font-size: 1.66666667vw;
  color: black;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-bottom .msg-wrapper .title {
    font-size: 6.66666667vw;
    line-height: 140%;
  }
}
.maxhub--wrapper .section-contact-bottom .msg-wrapper .desc {
  margin-top: 0.57291667vw;
  font-size: 1.04166667vw;
  color: rgba(0, 0, 0, 0.6);
  line-height: 140%;
}
@media (max-width: 1199px), (orientation: portrait) {
  .maxhub--wrapper .section-contact-bottom .msg-wrapper .desc {
    margin-top: 2.8vw;
    font-size: 4.26666667vw;
  }
}
.maxhub--wrapper .section-contact-bottom .msg-wrapper .desc .email {
  color: #006EE6;
}
.full {
  width: 100%;
  height: 100%;
}
.g--container {
  width: 68.75vw;
  margin: 0 auto;
}
@media (max-width: 1199px), (orientation: portrait) {
  .g--container {
    width: 87.2vw;
  }
}
section {
  width: 100%;
  position: relative;
}
@media (max-width: 1199px), (orientation: portrait) {
  body {
    margin-top: 48px;
    padding-top: 0;
  }
}
[ani-fade-in] {
  transition: transform 0.6s, opacity 0.6s;
  opacity: 0;
  transform: translateY(4.16666667vw);
}
@media (max-width: 1199px), (orientation: portrait) {
  [ani-fade-in] {
    transform: translateY(5.33333333vw);
  }
}
[ani-fade-in].show {
  opacity: 1;
  transform: translateY(0px);
}
@font-face {
  font-family: 'Nexa-Bold';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/Nexa-Bold_ce3a1b5.otf') format('truetype');
  font-weight: bold;
  font-style: normal;
}
@font-face {
  font-family: 'Nexa-Regular';
  src: url('https://sgp-cstore-pub.ifpserver.com/bytello_public/Nexa-Regular_ecf1031.otf') format('truetype');
  font-weight: normal;
  font-style: normal;
}