:root {
  --sat: env(safe-area-inset-top);
  --sar: env(safe-area-inset-right);
  --sab: env(safe-area-inset-bottom);
  --sal: env(safe-area-inset-left);
}

@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/Pretendard/Pretendard-Light.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/Pretendard/Pretendard-Regular.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 500;
  src: url("../fonts/Pretendard/Pretendard-Medium.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 600;
  src: url("../fonts/Pretendard/Pretendard-SemiBold.woff") format("woff");
}
@font-face {
  font-family: "Pretendard";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/Pretendard/Pretendard-Bold.woff") format("woff");
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 300;
  src: url("../fonts/NanumSquare/NanumSquareL.otf") format("otf");
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 400;
  src: url("../fonts/NanumSquare/NanumSquareR.otf") format("otf");
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 700;
  src: url("../fonts/NanumSquare/NanumSquareB.otf") format("otf");
}
@font-face {
  font-family: "NanumSquare";
  font-style: normal;
  font-weight: 800;
  src: url("../fonts/NanumSquare/NanumSquareEB.otf") format("otf");
}
body {
  -webkit-font-smoothing: antialiased;
  letter-spacing: -0.32px;
  -ms-overflow-style: none;
  background: #fff;
  word-break: keep-all;
}

button {
  background: transparent;
  border: 0;
  padding: 0;
  color: inherit;
  cursor: pointer;
}
button[disabled] {
  cursor: default;
}

ul,
ol,
li {
  list-style: none;
  margin: 0;
  padding: 0;
}

dl {
  margin-bottom: 0;
}

dd {
  margin-bottom: 0;
}

a {
  color: inherit;
}

svg,
img {
  vertical-align: middle;
  max-width: 100%;
}

i {
  line-height: 1;
}

figure {
  margin: 0;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  margin: 0;
}

.bold {
  font-weight: 700;
}

@media (min-width: 1400px) {
  .w-xl-auto {
    width: auto !important;
  }
}

.medium {
  font-weight: 500;
}

[class^=icon-] {
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  flex-shrink: 0;
}

.icon-top {
  background-image: url("../images/icon-top.svg");
  width: 24px;
  height: 24px;
}

.icon-btn-guide {
  background-image: url("../images/icon-btn-guide.svg");
  width: 24px;
  height: 24px;
}

.icon-export {
  background-image: url("../images/icon-export.svg");
  width: 26px;
  height: 26px;
}

.icon-btn-apply {
  background-image: url("../images/icon-btn-apply.svg");
  width: 26px;
  height: 26px;
}

.icon-plus {
  background-image: url("../images/icon-plus.svg");
  width: 26px;
  height: 26px;
}

.icon-hambuger {
  background-image: url("../images/icon-hambuger.svg");
  width: 28px;
  height: 28px;
}

.icon-earth {
  background-image: url("../images/icon-earth.svg");
  width: 28px;
  height: 28px;
}

.icon-arrow-right {
  background-image: url("../images/icon-arrow-right.svg");
  width: 32px;
  height: 32px;
}

.icon-menu-close {
  background-image: url("../images/icon-menu-close.svg");
  width: 32px;
  height: 32px;
}

.icon-floating-advice {
  background-image: url("../images/icon-floating-advice.svg");
  width: 40px;
  height: 40px;
}

.icon-floating-download {
  background-image: url("../images/icon-floating-download.svg");
  width: 40px;
  height: 40px;
}

.icon-quotes {
  background-image: url("../images/icon-quotes.svg");
  width: 70px;
  height: 70px;
}

.icon-quotes-pink {
  background-image: url("../images/icon-quotes-pink.svg");
  width: 70px;
  height: 70px;
}

.icon-toast-warning {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zM8 4a.905.905 0 0 0-.9.995l.35 3.507a.552.552 0 0 0 1.1 0l.35-3.507A.905.905 0 0 0 8 4zm.002 6a1 1 0 1 0 0 2 1 1 0 0 0 0-2z'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
}

.icon-toast-success {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='20' height='20' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M16 8A8 8 0 1 1 0 8a8 8 0 0 1 16 0zm-3.97-3.03a.75.75 0 0 0-1.08.022L7.477 9.417 5.384 7.323a.75.75 0 0 0-1.06 1.06L6.97 11.03a.75.75 0 0 0 1.079-.02l3.992-4.99a.75.75 0 0 0-.01-1.05z'/%3E%3C/svg%3E");
  width: 20px;
  height: 20px;
}

.page-title {
  text-align: center;
  padding: 60px 0 50px;
  font-family: "";
  font-weight: 600;
  font-size: clamp(40px, 5.2083vw, 100px);
}
@media (min-width: 992px) {
  .page-title {
    padding: 120px 0 100px;
  }
}

.badge {
  --bs-badge-font-size: 0.8125rem;
  --bs-badge-padding-x: 0.75rem;
  --bs-badge-padding-y: 0.5rem;
  --bs-badge-border-radius: 100px;
  background-color: #3f3f3f;
  border-radius: var(--bs-badge-border-radius);
}
.badge.badge-light {
  background-color: #f7f7f7;
  color: #000;
}

.btn {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 0.5rem;
  flex-shrink: 0;
}

.btn.btn-sm {
  border-radius: 0.375rem;
}

.btn-lg {
  line-height: 1.6;
}
@media (max-width: 991.98px) {
  .btn-lg {
    font-size: 16px;
    padding: 10px 18px;
  }
}

.detail-btn {
  width: 100%;
  max-width: 325px;
  font-size: 18px;
  padding: 20px 10px;
  border-radius: 12px;
  margin-top: 70px;
}
@media (max-width: 991.98px) {
  .detail-btn {
    max-width: 100%;
    font-size: 16px;
    padding: 14px 10px;
    margin-top: 50px;
  }
}

.divider {
  width: 100%;
  height: 1px;
  background-color: #999999;
}

.dropdown {
  --bs-dropdown-item-border-radius: .25rem;
}

.dropdown-menu {
  --bs-dropdown-box-shadow: 0px 0px 16px 0px rgba(0, 0, 0, 0.08);
  --bs-dropdown-border-width: 0;
  box-shadow: var(--bs-dropdown-box-shadow);
}

.dropdown-item {
  text-align: center;
  font-weight: 500;
}

.form-select {
  text-align: left;
  padding: 11px 40px 11px 12px;
  border-radius: 8px;
  font-size: 15px;
  font-weight: 500;
  background-color: #fff;
  background-size: 24px 24px;
  background-position: right 13px center;
  color: #222;
}
.form-select:focus {
  background-color: #fff;
}

.form-select-sm {
  padding-right: 30px;
  background-position: right 0.5rem center;
}

.form {
  display: flex;
  flex-direction: column;
  gap: 12px;
}

.form-group .photos {
  display: flex;
  gap: 12px;
}
.form-group .photos .item {
  flex: 1;
  aspect-ratio: 1/1;
  overflow: hidden;
  border-radius: 4px;
  border: 1px solid var(--UI_08);
  position: relative;
}
.form-group .photos .upload-button {
  width: 100%;
  height: 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-image: url("data:image/svg+xml,%3Csvg width='40' height='40' viewBox='0 0 40 40' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='19' y='7' width='2' height='26' rx='1' fill='%23DDE1E4'/%3E%3Crect x='33' y='19' width='2' height='26' rx='1' transform='rotate(90 33 19)' fill='%23DDE1E4'/%3E%3C/svg%3E%0A");
}
.form-group .photos .upload-button img {
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
  object-fit: cover;
}
.form-group .photos .delete-button {
  position: absolute;
  right: 12px;
  top: 12px;
  width: 24px;
  height: 24px;
  background: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='10' cy='10' r='10' fill='%23E8E8E8'/%3E%3Cpath opacity='0.8' d='M13.7374 12.4349L11.2948 9.99504L13.7413 7.5512C14.0909 7.19415 14.0829 6.62286 13.7334 6.26977L13.7255 6.26184C13.368 5.91272 12.808 5.91272 12.4466 6.26184L10 8.70568L7.5574 6.26977C7.19995 5.91272 6.62008 5.91272 6.2666 6.26977C5.91312 6.62683 5.90915 7.20605 6.2666 7.55914L8.7092 9.99901L6.26263 12.4428C6.09185 12.6174 5.99653 12.8475 6.0005 13.0935C6.0005 13.3315 6.09979 13.5576 6.2666 13.7282L6.27455 13.7362C6.632 14.0853 7.19201 14.0853 7.55343 13.7362L10 11.2923L12.4426 13.7322C12.8 14.0893 13.3799 14.0893 13.7334 13.7322C14.0869 13.3752 14.0909 12.7959 13.7334 12.4428L13.7374 12.4349Z' fill='%239DA4AA'/%3E%3C/svg%3E%0A") no-repeat 0 0;
  background-size: contain;
}

.form-text {
  display: flex;
  gap: 4px;
  color: var(--UI_05);
  font-size: 13px;
  font-weight: 400;
}
.form-text i {
  flex-shrink: 0;
}

.invalid-feedback {
  line-height: 1.38426;
}
.invalid-feedback i {
  margin-right: 4px;
  transform: translateY(-1px);
}

.form-inline {
  display: flex;
  flex-direction: column;
  gap: 8px;
}
.form-inline .col-form-label {
  min-width: var(--label-width);
}

.form-control {
  border-radius: 8px;
  padding: 10px 12px;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  color: #000;
  background-color: #fff;
  border: 1px solid #cacaca;
}
.form-control:focus {
  border-color: #00b2e2;
}
.form-control:disabled {
  background-color: #f2f2f2;
}

.input-group {
  position: relative;
}
.input-group:focus-within .form-control {
  border-color: #2735ff;
}
.input-group .form-control {
  border-radius: 0.75rem !important;
}
.input-group .form-control:focus {
  z-index: initial;
}
.input-group .icon-button {
  position: absolute;
  right: 1px;
  top: 1px;
  z-index: 4;
  padding: 0 15px;
  height: calc(100% - 2px);
  max-height: 44px;
  line-height: 1;
  border: 0;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.input-group .form-control-sm + .icon-button {
  padding: 0 12px;
}

.form-label {
  color: #000;
  font-size: 16px;
  font-weight: 600;
}

.modal-backdrop + .modal-backdrop {
  --bs-backdrop-zindex: 1056;
}
.modal-backdrop + .modal-backdrop + .modal-backdrop {
  --bs-backdrop-zindex: 1058;
}

.modal {
  --bs-modal-padding: 1.5rem;
  --bs-modal-header-padding: 1rem;
  --bs-modal-inner-border-radius: 0.5rem;
  --bs-modal-border-width: 0;
  --bs-modal-footer-border-width: 0;
  --bs-modal-margin: 1rem;
  overflow: hidden;
}
.modal.second {
  --bs-modal-zindex: 1057;
}
.modal.third {
  --bs-modal-zindex: 1059;
}
@media (min-width: 992px) {
  .modal {
    --bs-modal-header-padding: 1.5rem;
  }
}

.modal-content {
  box-shadow: 8px 10px 24.6px 0 rgba(0, 0, 0, 0.25);
  border-radius: 16px;
}

.modal-header {
  padding: 22px 26px 0;
  border: none;
}
.modal-header .btn-close {
  --bs-btn-close-opacity: 1;
  --bs-btn-close-hover-opacity: 1;
  --bs-btn-close-bg: url("../images/icon-modal-close.svg");
  margin: 0;
  padding: 0;
  width: 32px;
  height: 32px;
  flex-shrink: 0;
  background-position: 0 0;
  background-size: contain;
}

.modal-title {
  font-weight: 700;
  font-size: 18px;
}

.modal-body {
  padding: 35px 26px 35px;
  max-height: 60vh;
  overflow-y: auto;
}
@media (max-width: 991.98px) {
  .modal-body {
    padding: 27px 17px 27px;
  }
}
.modal-footer .btn {
  padding: 14px 10px;
  border-radius: 16px;
  flex-grow: 1;
}

.consultation-form-modal {
  border-radius: 24px;
  background-color: #f21671;
  padding: 0 4px 4px;
}
.consultation-form-modal.active-default {
  background-color: #00b2e2;
}
.consultation-form-modal.active-default .btn-onlyone {
  background-color: #00b2e2;
}
.consultation-form-modal.active-onlyone {
  background-color: #f21671;
}
.consultation-form-modal.active-onlyone .btn-onlyone {
  background-color: #f21671;
}
.consultation-form-modal.active-oksusu {
  background-color: #ff6314;
}
.consultation-form-modal.active-oksusu .btn-onlyone {
  background-color: #ff6314;
}
.consultation-form-modal.active-tabtap {
  background-color: #2834b2;
}
.consultation-form-modal.active-tabtap .btn-onlyone {
  background-color: #2834b2;
}
.consultation-form-modal.active-aidt {
  background-color: #06aee2;
}
.consultation-form-modal.active-aidt .btn-onlyone {
  background-color: #06aee2;
}
.consultation-form-modal.active-pionada {
  background-color: #5d0dae;
}
.consultation-form-modal.active-pionada .btn-onlyone {
  background-color: #5d0dae;
}
.consultation-form-modal.active-vivasam {
  background-color: #428fd5;
}
.consultation-form-modal.active-vivasam .btn-onlyone {
  background-color: #428fd5;
}
.consultation-form-modal.active-allvia {
  background-color: #323cb5;
}
.consultation-form-modal.active-allvia .btn-onlyone {
  background-color: #323cb5;
}
.consultation-form-modal .modal-header {
  padding: 20px 16px 16px;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.6px;
}
.consultation-form-modal .modal-header .btn-close {
  background-image: url("../images/icon-modal-close-white.svg");
}
.consultation-form-modal .modal-body {
  border-radius: 20px 20px 0 0;
  background: #fff;
  padding: 16px 20px;
}
.consultation-form-modal .modal-footer {
  border-radius: 0 0 20px 20px;
  background: #fff;
}

.consultation-form__fields {
  display: flex;
  flex-direction: column;
  gap: 1rem;
  overflow-x: hidden;
}
.consultation-form__row {
  display: flex;
  align-items: center;
  gap: 0.75rem;
}
.consultation-form__row--align-top {
  align-items: flex-start;
}
.consultation-form__label {
  flex-shrink: 0;
  width: 100px;
  margin: 0;
  font-size: 16px;
  font-weight: 600;
}
@media (max-width: 1199.98px) {
  .consultation-form__label {
    width: 70px;
  }
}
.consultation-form__input {
  flex: 1;
  min-width: 0;
}
.consultation-form__input textarea {
  resize: none;
  padding: 14px 10px 8px 14px;
  font-size: 15px;
}
.consultation-form__agree {
  background-color: #f2f2f2;
  border-radius: 16px;
  padding: 16px;
}
.consultation-form__agree h6 {
  font-size: 16px;
  color: #222;
  font-weight: 600;
  opacity: 0.8;
}
.consultation-form__agree .btn-more {
  color: #777;
  font-size: 15px;
  font-weight: 500;
  line-height: 1.5;
  text-decoration-line: underline;
  text-decoration-thickness: 8%;
  text-underline-offset: 24%;
  padding: 0;
}
.consultation-form__agree-text {
  color: #777;
  font-size: 14px;
}
.consultation-form .form-check-label {
  color: #000 !important;
  opacity: 0.8 !important;
}

.input-group-phone .input-group-text {
  font-weight: 500;
}

.navbar-brand {
  --bs-navbar-brand-padding-y: 0;
  --bs-navbar-brand-font-size: 20px;
  font-family: "ClashDisplay-Variable";
  font-weight: 500;
  display: flex;
  align-items: center;
  gap: 10px;
}

@keyframes rotate {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}
.nav-link {
  font-family: "SUIT Variable";
  font-weight: 600;
}

.navbar {
  height: 80px;
}
.navbar .navbar-toggler-icon {
  background: none;
}
@media (max-width: 991.98px) {
  .navbar {
    height: 60px;
  }
}

@media (max-width: 1199.98px) {
  .navbar-nav-wrapper {
    align-items: center;
    justify-content: center;
  }
}

.navbar-nav {
  gap: 32px;
}
@media (max-width: 1199.98px) {
  .navbar-nav {
    text-align: center;
    gap: 40px;
  }
}
.navbar-expand-lg .navbar-nav .nav-link {
  font-size: clamp(16px, 0.9375vw, 18px);
  line-height: 1.6;
  position: relative;
  padding: 0;
}

.navbar-expand-lg .navbar-nav .nav-link.active.onlyone {
  color: #f21671;
}
.navbar-expand-lg .navbar-nav .nav-link.active.onlyone::after {
  background-color: #f21671;
}
.navbar-expand-lg .navbar-nav .nav-link.active.oksusu {
  color: #ff6314;
}
.navbar-expand-lg .navbar-nav .nav-link.active.oksusu::after {
  background-color: #ff6314;
}
.navbar-expand-lg .navbar-nav .nav-link.active.tabtap {
  color: #2834b2;
}
.navbar-expand-lg .navbar-nav .nav-link.active.tabtap::after {
  background-color: #2834b2;
}
.navbar-expand-lg .navbar-nav .nav-link.active.aidt {
  color: #06aee2;
}
.navbar-expand-lg .navbar-nav .nav-link.active.aidt::after {
  background-color: #06aee2;
}
.navbar-expand-lg .navbar-nav .nav-link.active.pionada {
  color: #5d0dae;
}
.navbar-expand-lg .navbar-nav .nav-link.active.pionada::after {
  background-color: #5d0dae;
}
.navbar-expand-lg .navbar-nav .nav-link.active.vivasam {
  color: #428fd5;
}
.navbar-expand-lg .navbar-nav .nav-link.active.vivasam::after {
  background-color: #428fd5;
}
.navbar-expand-lg .navbar-nav .nav-link.active.allvia {
  color: #323cb5;
}
.navbar-expand-lg .navbar-nav .nav-link.active.allvia::after {
  background-color: #323cb5;
}
.navbar-expand-lg .navbar-nav .nav-link.active::after {
  content: "";
  width: 100%;
  height: 2px;
  background-color: currentColor;
  position: absolute;
  bottom: 0;
  left: 0;
}
@media (max-width: 1199.98px) {
  .navbar-expand-lg .navbar-nav .nav-link {
    display: inline-block;
    font-size: 24px;
  }
}

.pagination {
  margin-top: 0.75rem;
}
@media (min-width: 1200px) {
  .pagination {
    margin-top: 1.5rem;
  }
}
.pagination .material-icons {
  font-size: 17px;
  vertical-align: middle;
  margin-left: -4px;
  margin-right: -4px;
}

.progress {
  background: rgba(var(--UI_11), 1);
  border-radius: 50rem;
  height: 16px;
  position: relative;
  overflow: visible;
}
.progress::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border: 1px solid var(--UI_08);
  border-radius: 50rem;
}

.progress-bar {
  background: #B1CBDD;
  border-radius: 50rem;
  overflow: visible;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
}

.project-list {
  position: relative;
  z-index: 1;
  display: flex;
  flex-direction: column;
  gap: 1rem;
}
@media (min-width: 992px) {
  .project-list {
    grid-column-gap: 0px;
    grid-row-gap: 0px;
    flex-flow: column;
    grid-template-rows: auto auto;
    grid-template-columns: 1fr 1fr;
    grid-auto-columns: 1fr;
    justify-content: flex-start;
    place-items: center;
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    display: grid;
    gap: 40px;
  }
}
.project-list .project-item {
  width: 100%;
  text-decoration: none;
}
.project-list .project-info {
  display: flex;
  flex-direction: column;
  gap: 0.5rem;
  padding: 24px 0;
  position: relative;
}
.project-list .project-info::after {
  content: "";
  display: block;
  width: 32px;
  height: 32px;
  background: url(../images/icon-arrow-right.svg) no-repeat center center/contain;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}
.project-list .project-img img {
  width: 100%;
}
.project-list .project-name {
  font-size: clamp(18px, 1.25vw, 24px);
  line-height: 1.4;
  color: #fff;
  font-weight: 700;
}

.table-fixed {
  table-layout: fixed;
}

.table {
  font-size: 14px;
  margin-bottom: 0;
}
@media (max-width: 1199.98px) {
  .table {
    font-size: 13px;
    min-width: var(--minWidth);
  }
}
.table col {
  width: var(--col-width);
}
@media (min-width: 1200px) {
  .table col {
    width: var(--col-width-lg);
  }
}
.table th {
  font-weight: 500;
}
@media (max-width: 1199.98px) {
  .table th {
    white-space: nowrap;
  }
}
.table td {
  word-break: break-all;
}
@media (max-width: 1199.98px) {
  .table .form-control-sm {
    padding-top: 4px;
    padding-bottom: 4px;
    min-height: 24px;
  }
}

.tab {
  margin-bottom: 3rem;
}
@media (min-width: 1200px) {
  .tab {
    margin-bottom: 7.5rem;
  }
}
@media (max-width: 1199.98px) {
  .tab {
    background: #fff;
    position: sticky;
    padding: 0.5rem 0;
    top: 62px;
    z-index: 2;
  }
}
.tab .tab-inner {
  margin-left: -16px;
  margin-right: -16px;
}
.tab .tab-inner .swiper .swiper-wrapper {
  align-items: center;
}
@media (min-width: 1200px) {
  .tab .tab-inner .swiper .swiper-wrapper {
    justify-content: center;
  }
}
.tab .tab-inner .swiper .swiper-slide {
  width: auto;
}
.tab .tab-inner button {
  position: relative;
  background: rgba(255, 255, 255, 0.1);
  color: rgba(255, 255, 255, 0.8);
  font-weight: 500;
  transition: all 0.3s ease;
  white-space: nowrap;
  overflow: hidden;
  cursor: pointer;
}
.tab .tab-inner button:hover {
  background: rgba(255, 255, 255, 0.2);
  color: rgb(255, 255, 255);
  transform: translateY(-2px);
}
.tab .tab-inner button.active {
  background: linear-gradient(135deg, #2735ff, rgb(90, 100.6944444444, 255));
  color: #000;
  box-shadow: 0 4px 15px rgba(39, 53, 255, 0.3);
}
@media (max-width: 991.98px) {
  .tab .tab-inner button {
    padding: 0.5rem 1rem;
    font-size: 0.9rem;
  }
}

@keyframes pulse {
  0%, 100% {
    transform: scale(1);
    opacity: 0.3;
  }
  50% {
    transform: scale(1.05);
    opacity: 0.5;
  }
}
.main-floating-btn {
  position: fixed;
  right: 0;
  top: 244px;
  z-index: 1030;
  display: flex;
  flex-direction: column;
  width: 100px;
  border: 1px solid transparent;
  border-radius: 20px 0 0 20px;
  box-shadow: 2px 3px 25px 0 rgba(0, 0, 0, 0.25);
  overflow: hidden;
  background-image: linear-gradient(90deg, #7988ff 0%, #576cff 100%), linear-gradient(180deg, #ffffff 0%, #999999 100%);
  background-origin: border-box;
  background-clip: padding-box, border-box;
  padding: 30px 5px;
}
@media (max-width: 991.98px) {
  .main-floating-btn {
    width: 65px;
    padding: 10px;
    border-radius: 12px 0 0 12px;
    top: 214px;
  }
}
.main-floating-btn__item {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 8px;
  color: #fff;
  text-decoration: none;
  font-size: 19px;
  font-weight: 700;
  line-height: 1.3;
  text-align: center;
  transition: background-color 0.2s ease;
}
@media (max-width: 991.98px) {
  .main-floating-btn__item {
    font-size: 11px;
    gap: 2px;
  }
  .main-floating-btn__item.download-link {
    font-size: 9px;
  }
}
.main-floating-btn i {
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .main-floating-btn i {
    width: 16px;
    height: 16px;
  }
}
.main-floating-btn__text {
  word-break: keep-all;
}
.main-floating-btn__text br {
  display: block;
}
.main-floating-btn__divider {
  display: block;
  height: 1px;
  background: #fff;
  margin: 30px 0 20px;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .main-floating-btn__divider {
    margin: 10px 0;
  }
}

.form-check-input {
  font-size: 1.25rem;
  background-image: url();
  margin-left: -1.3em !important;
}
.form-check-input.is-invalid {
  border-color: #ec2e12;
}

.form-check {
  --bs-border-color: #cacaca;
  margin-bottom: 0;
  line-height: 1.5;
  padding-left: 1.6em;
}
.form-check .form-check-label {
  font-size: 14px;
  font-weight: 500;
  margin-top: 3px;
}
.form-check .form-check-input[type=checkbox] {
  border: 0;
  background-color: transparent;
  background-image: url("../images/icon-check.svg");
  width: 20px;
  height: 20px;
}
.form-check .form-check-input[type=checkbox]:checked {
  background-color: transparent;
  background-image: url("../images/icon-check-active.svg");
  width: 20px;
  height: 20px;
}
.form-check .form-check-input[type=checkbox]:checked + .form-check-label {
  color: #000;
  font-size: 14px;
}
.form-check .form-check-input[type=checkbox]:disabled {
  opacity: 1;
}
.form-check .form-check-input[type=checkbox] + .form-check-label {
  color: #000;
}
.form-check .form-check-input[type=radio] {
  background-image: url("../images/icon-radio.svg");
  border: 0;
  width: 16px;
  height: 16px;
}
.form-check .form-check-input[type=radio]:checked {
  background-color: transparent;
  background-image: url("../images/icon-radio-checked.svg");
}

.top-button {
  position: fixed;
  bottom: 40px;
  right: 40px;
  z-index: 1030;
  cursor: pointer;
}
.top-button .btn-top {
  display: flex;
  align-items: center;
  justify-content: center;
  width: 48px;
  height: 48px;
  border-radius: 100px;
  background-color: #fff;
  box-shadow: 0 0 10px 0 rgba(0, 0, 0, 0.1);
}

html,
body {
  min-height: 100vh;
}

body.page-loaded::before {
  opacity: 0;
  pointer-events: none;
}
body.page-loaded.animation-complete::before {
  display: none;
}

.layout {
  min-height: 100vh;
}
html:not(.main-page) .layout {
  padding-top: 50px;
}
@media (min-width: 1200px) {
  html:not(.main-page) .layout {
    padding-top: 80px;
    position: relative;
  }
}

.container,
.container-fluid {
  --bs-gutter-x: 2rem;
}
@media (min-width: 1200px) {
  .container,
  .container-fluid {
    --bs-gutter-x: 2.5rem;
  }
}

.row > * {
  min-width: 0;
}

.layout-header {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  z-index: 100;
  transition: transform 0.5s ease;
  background: linear-gradient(90deg, rgba(255, 255, 255, 0.9) 17.95%, rgba(255, 255, 255, 0.3) 100%);
  backdrop-filter: blur(103.0500030518px);
}
.layout-header .navbar-brand .slogan {
  font-size: 14px;
  font-weight: 700;
  color: #00a4e3;
  letter-spacing: -0.5px;
}
@media (max-width: 1199.98px) {
  .layout-header .navbar-brand .navbar-brand__logo {
    width: 200px;
  }
}
.layout-header .navbar-toggler {
  border: none;
  padding: 0;
}
.layout-header .navbar-toggler:focus {
  box-shadow: none;
}
.layout-header .nav-link {
  color: #000;
  font-weight: 700;
  font-size: 18px;
}
.layout-header .navbar-btn-wrapper {
  display: flex;
  gap: 10px;
  align-items: center;
}
.layout-header .navbar-btn-wrapper .btn-apply {
  color: #fff;
  border: 1px solid #00b2e2;
  border-radius: 9999px;
  padding: 4px;
}
.layout-header .navbar-btn-wrapper .btn-apply.onlyone {
  border-color: #f21671;
}
.layout-header .navbar-btn-wrapper .btn-apply.onlyone .inner {
  background: #f21671;
}
.layout-header .navbar-btn-wrapper .btn-apply.oksusu {
  border-color: #ff6314;
}
.layout-header .navbar-btn-wrapper .btn-apply.oksusu .inner {
  background: #ff6314;
}
.layout-header .navbar-btn-wrapper .btn-apply.tabtap {
  border-color: #2834b2;
}
.layout-header .navbar-btn-wrapper .btn-apply.tabtap .inner {
  background: #2834b2;
}
.layout-header .navbar-btn-wrapper .btn-apply.aidt {
  border-color: #06aee2;
}
.layout-header .navbar-btn-wrapper .btn-apply.aidt .inner {
  background: #06aee2;
}
.layout-header .navbar-btn-wrapper .btn-apply.pionada {
  border-color: #5d0dae;
}
.layout-header .navbar-btn-wrapper .btn-apply.pionada .inner {
  background: #5d0dae;
}
.layout-header .navbar-btn-wrapper .btn-apply.vivasam {
  border-color: #428fd5;
}
.layout-header .navbar-btn-wrapper .btn-apply.vivasam .inner {
  background: #428fd5;
}
.layout-header .navbar-btn-wrapper .btn-apply.allvia {
  border-color: #323cb5;
}
.layout-header .navbar-btn-wrapper .btn-apply.allvia .inner {
  background: #323cb5;
}
.layout-header .navbar-btn-wrapper .btn-apply .inner {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  border-radius: 9999px;
  background: #00b2e2;
  padding: 11px 20px 11px 18px;
  color: #fff;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.16px;
  width: 100%;
}
.layout-header .navbar-btn-wrapper .btn-guide {
  color: #222;
  border: 1px solid #222;
  border-radius: 9999px;
  padding: 12px 20px 12px 18px;
  font-size: 16px;
  font-weight: 600;
  line-height: 150%;
  letter-spacing: -0.16px;
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 4px;
}
@media (min-width: 1200px) {
  .layout-header .mobile-menu-container {
    display: contents;
  }
}
@media (max-width: 1199.98px) {
  .layout-header {
    z-index: 1040;
    background: #fff;
  }
  .layout-header .mobile-menu-container {
    position: fixed;
    top: 0;
    right: -100%;
    width: 100%;
    height: 100dvh;
    background: #fff;
    z-index: 1;
    transition: right 0.3s ease-in-out;
    display: flex;
    flex-direction: column;
    padding: 20px;
    overflow-y: auto;
  }
  .menu-open .layout-header .mobile-menu-container {
    right: 0;
  }
  .layout-header .mobile-menu-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 30px;
  }
  .layout-header .mobile-menu-header .logo {
    font-size: 16px;
    font-weight: 700;
    color: #000;
  }
  .layout-header .mobile-menu-header img {
    width: 200px;
  }
  .layout-header .navbar-nav-wrapper {
    margin-bottom: auto;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav {
    flex-direction: column;
    gap: 30px;
    justify-content: flex-start;
    align-items: flex-start;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav .nav-link {
    color: #000;
    font-size: 20px;
    font-weight: 700;
    padding: 0;
    background: transparent !important;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav .nav-link.active.onlyone {
    color: #f21671;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav .nav-link.active.oksusu {
    color: #ff6314;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav .nav-link.active.tabtap {
    color: #2834b2;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav .nav-link.active.aidt {
    color: #06aee2;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav .nav-link.active.pionada {
    color: #5d0dae;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav .nav-link.active.vivasam {
    color: #428fd5;
  }
  .layout-header .navbar-nav-wrapper .navbar-nav .nav-link.active.allvia {
    color: #323cb5;
  }
  .layout-header .navbar-btn-wrapper {
    display: flex;
    gap: 10px;
  }
}
@media (max-width: 1199.98px) and (max-width: 1199.98px) {
  .layout-header .navbar-btn-wrapper {
    flex-direction: column;
    gap: 12px;
  }
}
@media (max-width: 1199.98px) {
  .layout-header .navbar-btn-wrapper .btn {
    flex-grow: 1;
    width: 100%;
  }
}

#footer {
  background-color: #111;
  color: #fff;
  padding: 90px 0;
  font-size: 18px;
  line-height: 1.5;
}
@media (max-width: 767.98px) {
  #footer {
    padding: 60px 0 80px;
  }
}
#footer .container {
  display: flex;
  flex-direction: column;
  gap: 60px;
}
@media (max-width: 767.98px) {
  #footer .container {
    gap: 40px;
  }
}
#footer .footer-top {
  display: flex;
  justify-content: space-between;
  align-items: flex-start;
  padding-top: 22px;
  border-top: 1px solid rgba(255, 255, 255, 0.45);
}
#footer .footer-top .logo {
  width: 145px;
  height: auto;
}
@media (max-width: 767.98px) {
  #footer .footer-top .logo {
    width: 100px;
  }
}
#footer .footer-top .logo img {
  width: 100%;
  height: auto;
}
#footer .footer-bottom {
  display: flex;
  flex-direction: column;
}
#footer .footer-bottom .policy-link {
  margin-bottom: 40px;
}
@media (max-width: 767.98px) {
  #footer .footer-bottom .policy-link {
    margin-bottom: 28px;
  }
}
#footer .footer-bottom .policy-link a {
  color: #fff;
  text-decoration: none;
  font-weight: 700;
  font-size: 20px;
}
@media (max-width: 767.98px) {
  #footer .footer-bottom .policy-link a {
    font-size: 16px;
  }
}
#footer .footer-bottom .company-info {
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
}
#footer .footer-bottom .company-info .info-row {
  display: flex;
  flex-wrap: wrap;
  gap: 56px;
  margin-bottom: 10px;
}
#footer .footer-bottom .company-info .info-row dl {
  display: flex;
  gap: 16px;
  margin: 0;
}
#footer .footer-bottom .company-info .info-row dl dt {
  color: #fff;
  font-weight: 700;
}
#footer .footer-bottom .company-info .info-row dl dd {
  margin: 0;
}
@media (max-width: 767.98px) {
  #footer .footer-bottom .company-info .info-row {
    gap: 10px;
    margin-bottom: 6px;
  }
  #footer .footer-bottom .company-info .info-row dl {
    font-size: 13px;
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
}
#footer .footer-bottom .copyright {
  color: rgba(255, 255, 255, 0.5);
  font-size: 18px;
  font-weight: 500;
  margin-top: 60px;
}
@media (max-width: 767.98px) {
  #footer .footer-bottom .copyright {
    font-size: 14px;
    margin-top: 65px;
  }
}

.main-section {
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  padding: 100px 0 54px;
  overflow: hidden;
  padding-top: 184px;
}
@media (max-width: 991.98px) {
  .main-section {
    padding-top: 154px;
    padding-bottom: 54px;
  }
}
.main-section__bg {
  position: absolute;
  inset: 0;
  background-repeat: no-repeat;
  background-position: center;
  background-size: cover;
  z-index: 0;
}
.main-section__inner {
  position: relative;
  z-index: 1;
  text-align: center;
  margin-top: -84px;
}
.main-section__title {
  margin-bottom: 16px;
  font-size: 80px;
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  letter-spacing: -2px;
}
@media (max-width: 991.98px) {
  .main-section__title {
    font-size: 37px;
    margin-bottom: 7px;
  }
}
.main-section__title--accent {
  color: #2735ff;
}
.main-section__subtitle {
  margin-bottom: 58px;
  font-size: 32px;
  font-weight: 500;
  color: #000;
  opacity: 0.6;
}
@media (max-width: 991.98px) {
  .main-section__subtitle {
    font-size: 16px;
    margin-bottom: 30px;
  }
}
.main-section__actions {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  justify-content: center;
  margin-bottom: 100px;
}
.main-section__actions .btn-outline-primary {
  border-width: 2px;
}
@media (max-width: 991.98px) {
  .main-section__actions {
    margin-bottom: 60px;
  }
}
.main-section__tags {
  display: flex;
  flex-wrap: nowrap;
  align-items: center;
  justify-content: center;
  gap: 10px;
  padding: 12px 14px;
  background: #fff;
  border-radius: 999px;
  box-shadow: 0 4px 20px rgba(0, 0, 0, 0.08);
  max-width: -moz-fit-content;
  max-width: fit-content;
  margin: 0 auto;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.main-section__tags::-webkit-scrollbar {
  display: none;
}
@media (max-width: 991.98px) {
  .main-section__tags {
    max-width: 100%;
    width: 100%;
    justify-content: flex-start;
    padding: 8px 10px;
    gap: 8px;
    margin-left: 0;
    margin-right: 0;
  }
}
.main-section__tag {
  display: inline-flex;
  align-items: center;
  font-size: 20px;
  font-weight: 700;
  color: #848484;
  text-decoration: none;
  transition: background 0.2s, color 0.2s;
  border-radius: 100px;
  padding: 10px 12px;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .main-section__tag {
    padding: 6px 10px;
    font-size: 16px;
  }
}
.main-section__tag.onlyone {
  color: #f21671;
}
.main-section__tag.oksusu {
  color: #ff6314;
}
.main-section__tag.tabtap {
  color: #2834b2;
}
.main-section__tag.aidt {
  color: #06aee2;
}
.main-section__tag.pionada {
  color: #5d0dae;
}
.main-section__tag.vivasam {
  color: #428fd5;
}
.main-section__tag.allvia {
  color: #323cb5;
}

.main-section__tag .icon-export {
  /* display: none; */
  opacity: 0;
  visibility: hidden;
}
@media (max-width: 991.98px) {
  .main-section__tag .icon-export {
    width: 16px;
    height: 16px;
  }
}
.main-section__tag:hover {
  color: #fff;
}
.main-section__tag:hover .icon-export {
  /* display: block; */
  opacity: 1;
  visibility: visible;
}
.main-section__tag:hover.onlyone {
  background-color: #f21671;
}
.main-section__tag:hover.oksusu {
  background-color: #ff6314;
}
.main-section__tag:hover.tabtap {
  background-color: #2834b2;
}
.main-section__tag:hover.aidt {
  background-color: #06aee2;
}
.main-section__tag:hover.pionada {
  background-color: #5d0dae;
}
.main-section__tag:hover.vivasam {
  background-color: #428fd5;
}
.main-section__tag:hover.allvia {
  background-color: #323cb5;
}
.main-section .marquee-wrap {
  padding: 100px 0 0;
  overflow-x: hidden;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);
}
.main-section .marquee-wrap:hover .marquee-track {
  animation-play-state: paused;
}
@media (max-width: 991.98px) {
  .main-section .marquee-wrap {
    padding: 30px 0 0;
    overflow-x: auto;
    overflow-y: hidden;
    -webkit-overflow-scrolling: touch;
    -ms-overflow-style: none;
    scrollbar-width: none;
  }
  .main-section .marquee-wrap::-webkit-scrollbar {
    display: none;
  }
}
.main-section .marquee-track {
  display: flex;
  gap: 0;
  width: -moz-max-content;
  width: max-content;
  animation: marquee-scroll 40s linear infinite;
  will-change: transform;
}
.main-section .marquee-unit {
  display: flex;
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
}
.main-section .marquee-set-gap {
  width: 10px;
  flex: 0 0 10px;
  min-width: 10px;
}
.main-section .marquee-set {
  display: flex;
  gap: 10px;
  flex: 0 0 auto;
  width: -moz-max-content;
  width: max-content;
  align-items: flex-end;
}
.main-section .marquee-wrap--scroll-paused .marquee-track {
  animation-play-state: paused;
}
@keyframes marquee-scroll {
  0% {
    transform: translateX(0) translateZ(0);
  }
  100% {
    transform: translateX(calc(-1 * var(--marquee-step, 50%))) translateZ(0);
  }
}
.main-section .card-slide-item {
  flex: 0 0 auto;
  width: 380px;
  transform: none !important;
  cursor: pointer;
}
/* Removed CSS animation marquee-scroll */
.main-section .card-slide-item {
  position: relative;
  width: 253px;
  height: 315px;
  border-radius: 20px;
  background: #fff;
  overflow: hidden;
  display: flex;
  align-items: stretch;
  transition: transform 0.25s ease-out;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .main-section .card-slide-item {
    border-radius: 12px;
  }
}
.main-section .card-slide-item--allvia {
  background-color: #323cb5;
}
.main-section .card-slide-item--allvia .card-slide-item__badge {
  color: #323cb5;
}
.main-section .card-slide-item--allvia .card-slide-item__bg {
  background-image: url("../images/allvia-card-img.svg");
  background-position: center bottom;
}
.main-section .card-slide-item--onlyone {
  background-color: #f21671;
}
.main-section .card-slide-item--onlyone .card-slide-item__badge {
  color: #f21671;
}
.main-section .card-slide-item--onlyone .card-slide-item__bg {
  background-image: url("../images/onlyone-card-img.svg");
  background-position: center bottom;
}
.main-section .card-slide-item--oksusu {
  background-color: #ff6314;
}
.main-section .card-slide-item--oksusu .card-slide-item__badge {
  color: #ff6314;
}
.main-section .card-slide-item--oksusu .card-slide-item__bg {
  background-image: url("../images/oksusu-card-img.svg");
  background-position: center bottom;
}
.main-section .card-slide-item--tabtap {
  background-color: #2834b2;
}
.main-section .card-slide-item--tabtap .card-slide-item__badge {
  color: #2834b2;
}
.main-section .card-slide-item--tabtap .card-slide-item__bg {
  background-image: url("../images/tabtap-card-img.svg");
  background-position: center bottom;
}
.main-section .card-slide-item--aidt {
  background-color: #06aee2;
}
.main-section .card-slide-item--aidt .card-slide-item__badge {
  color: #06aee2;
}
.main-section .card-slide-item--aidt .card-slide-item__bg {
  background-image: url("../images/ai-card-img.svg");
  background-position: center bottom;
}
.main-section .card-slide-item--pionada {
  background-color: #5d0dae;
}
.main-section .card-slide-item--pionada .card-slide-item__badge {
  color: #5d0dae;
}
.main-section .card-slide-item--pionada .card-slide-item__bg {
  background-image: url("../images/pionada-card-img.svg");
  background-position: right bottom;
}
.main-section .card-slide-item--vivasam {
  background-color: #428fd5;
}
.main-section .card-slide-item--vivasam .card-slide-item__badge {
  color: #428fd5;
}
.main-section .card-slide-item--vivasam .card-slide-item__bg {
  background-image: url("../images/vivasam-card-img.svg");
  background-position: center bottom;
}
@media (min-width: 1200px) {
  .main-section .card-slide-item:hover {
    transform: translateY(-40px) !important;
  }
}
.main-section .card-slide-item__inner {
  padding: 20px 25px;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  color: #fff;
  gap: 16px;
}
.main-section .card-slide-item__badge {
  padding: 6px 11px;
  border-radius: 31px;
  background-color: #fff;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: -0.45px;
  z-index: 2;
  width: -moz-fit-content;
  width: fit-content;
}
.main-section .card-slide-item__bg {
  position: relative;
  flex: 1;
  background-size: contain;
  background-repeat: no-repeat;
  z-index: 0;
  margin-top: auto;
}
.main-section .card-slide-item__desc {
  font-size: 18px;
  line-height: 1.2;
  font-weight: 700;
  text-align: left;
}
@keyframes flagDrop {
  0% {
    opacity: 0;
    transform: translate(-50%, -150%);
  }
  100% {
    opacity: 1;
    transform: translate(-50%, -50%);
  }
}

.title-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 20px;
  text-align: center;
}
.title-wrap .title {
  font-size: 56px;
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  letter-spacing: -1.4px;
}
@media (max-width: 991.98px) {
  .title-wrap .title {
    font-size: 28px;
  }
}
.title-wrap .sub-title {
  font-size: 22px;
  font-weight: 400;
  color: #000;
  line-height: 1.3;
  letter-spacing: -0.55px;
}
@media (max-width: 991.98px) {
  .title-wrap .sub-title {
    font-size: 16px;
  }
}

.falling-flags-container {
  position: relative;
  width: 100%;
  min-height: 50vh;
  overflow: hidden;
}
.falling-flags-container .flag {
  position: absolute;
  top: -100px;
  width: 40px;
  height: 60px;
  background-color: #ff0000;
  opacity: 0;
  animation: dropFlag 1s ease-out forwards;
}

@keyframes dropFlag {
  0% {
    top: -100px;
    opacity: 0;
  }
  100% {
    top: 60%;
    opacity: 1;
    transform: rotate(5deg);
  }
}
.korea-map-section {
  padding: 160px 0;
  display: flex;
  justify-content: center;
  flex-direction: column;
  align-items: center;
  background: linear-gradient(90deg, #72d5ff 0%, #b0a4ff 100%);
}
@media (max-width: 991.98px) {
  .korea-map-section {
    padding: 100px 0;
  }
}
.korea-map-section .title-wrap .title {
  font-size: 60px;
  color: #fff;
}
@media (max-width: 991.98px) {
  .korea-map-section .title-wrap .title {
    font-size: 28px;
  }
}
.korea-map-section .title-wrap .sub-title {
  color: #fff;
}
@media (max-width: 991.98px) {
  .korea-map-section .title-wrap .sub-title {
    font-size: 16px;
  }
}

.stats-cards {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 26px;
  margin: 90px 0 150px;
}
@media (max-width: 991.98px) {
  .stats-cards {
    gap: 16px;
    margin: 20px 0 90px;
  }
}

.stats-card {
  display: flex;
  align-items: center;
  gap: 50px;
  padding: 50px;
  background: linear-gradient(110deg, #fff 36.12%, rgba(255, 255, 255, 0) 135.45%);
  border-radius: 20px;
  max-width: 627px;
}
@media (max-width: 991.98px) {
  .stats-card {
    padding: 20px 15px;
    gap: 26px;
    width: 100%;
    max-width: 167px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    text-align: center;
  }
}
.stats-card__icon i {
  width: 140px;
  height: 140px;
  display: inline-block;
  vertical-align: middle;
  background-repeat: no-repeat;
  background-position: 50% 50%;
  background-size: contain;
  flex-shrink: 0;
}
.stats-card__icon i.section02-01 {
  background-image: url("../images/section02-01.svg");
}
.stats-card__icon i.section02-02 {
  background-image: url("../images/section02-02.svg");
}
.stats-card__icon i.section02-03 {
  background-image: url("../images/section02-03.svg");
}
.stats-card__icon i.section02-04 {
  background-image: url("../images/section02-04.svg");
}
@media (max-width: 991.98px) {
  .stats-card__icon i {
    width: 60px;
    height: 60px;
  }
}
.stats-card__body {
  display: flex;
  flex-direction: column;
  gap: 16px;
}
@media (max-width: 991.98px) {
  .stats-card__body {
    gap: 0;
  }
}
.stats-card__label {
  font-size: 24px;
  font-weight: 500;
  color: #000;
}
@media (max-width: 991.98px) {
  .stats-card__label {
    font-size: 16px;
  }
}
.stats-card__value {
  margin: 0;
  font-size: 64px;
  font-weight: 700;
  color: #4863ff;
  letter-spacing: -1.6px;
}
@media (max-width: 991.98px) {
  .stats-card__value {
    font-size: 30px;
    letter-spacing: -0.7px;
  }
}
.stats-card__unit {
  font-size: 40px;
  color: #000;
  letter-spacing: -1px;
}
@media (max-width: 991.98px) {
  .stats-card__unit {
    font-size: 20px;
    letter-spacing: -0.45px;
  }
}

.korea-hex-map-wrap {
  position: relative;
  padding: 0 56px;
  border-radius: 20px;
  background-color: #edeefd;
  max-width: 1280px;
  margin: auto;
}
@media (max-width: 991.98px) {
  .korea-hex-map-wrap {
    padding: 0 24px;
  }
}
@media (max-width: 767.98px) {
  .korea-hex-map-wrap {
    padding: 0;
    border-radius: 16px;
    margin-left: -20px;
    margin-right: -20px;
  }
}
.korea-hex-map-wrap .korea-hex-map-title {
  position: absolute;
  top: -31px;
  left: 50%;
  transform: translateX(-50%);
  border-radius: 100px;
  background-color: #7b5cf6;
  padding: 16px 20px;
  font-size: 24px;
  font-weight: 600;
  color: #fff;
  letter-spacing: -0.6px;
  line-height: 1.3;
  height: 63px;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 100%;
  max-width: 390px;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .korea-hex-map-wrap .korea-hex-map-title {
    font-size: 18px;
    padding: 12px 16px;
    height: 48px;
    max-width: 290px;
  }
}
.korea-hex-map-wrap .sub-text-wrap {
  position: absolute;
  bottom: 8%;
  right: 8%;
  color: #000;
  font-size: 20px;
  font-weight: 500;
  text-align: center;
}
@media (max-width: 991.98px) {
  .korea-hex-map-wrap .sub-text-wrap {
    font-size: 12px;
    bottom: 4%;
    right: 6%;
  }
}
.korea-hex-map-wrap .sub-text-wrap .num {
  font-size: 40px;
  color: #4863ff;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .korea-hex-map-wrap .sub-text-wrap .num {
    font-size: 20px;
  }
}
.korea-hex-map-wrap .sub-text-wrap .value {
  font-size: 28px;
  color: #000;
  letter-spacing: -1px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .korea-hex-map-wrap .sub-text-wrap .value {
    font-size: 16px;
  }
}

.korea-hex-map {
  width: 100%;
  max-width: 100%;
  margin: 0 auto;
  aspect-ratio: 1280/849;
  max-height: 737px;
}
@media (max-width: 991.98px) {
  .korea-hex-map {
    aspect-ratio: unset;
    width: 150%;
    height: auto;
    max-height: none;
    height: 510px;
  }
}
.korea-hex-map lottie-player {
  width: 100%;
  height: 100%;
  display: block;
  -o-object-fit: contain;
  object-fit: contain;
}
@media (max-width: 770.98px) {
  .korea-hex-map lottie-player {
    scale: 1;
  }
}
@media (max-width: 500px) {
  .korea-hex-map lottie-player {
    scale: 1.3;
  }
}
@media (max-width: 400px) {
  .korea-hex-map lottie-player {
    scale: 2;
  }
}

.korea-hex-map .hex-dot {
  fill: #c8c8c8;
  transition: fill 0.25s ease-out;
}

.power-section {
  padding: 110px 0;
}

@media (max-width: 1199.98px) {
  .power-section {
    padding: 60px 0;
  }
}

.power-card-wrap {
  position: relative;
  min-height: 500px;
  max-width: 1400px;
  margin: 94px auto 0;
}
@media (max-width: 1199.98px) {
  .power-card-wrap {
    display: flex;
    flex-direction: column;
    align-items: center;
    min-height: auto;
    margin-top: 60px;
    margin-bottom: 0;
    padding-bottom: 80px;
  }
}
@media (max-width: 991.98px) {
  .power-card-wrap {
    min-height: auto;
    margin-top: 40px;
    padding-bottom: 60px;
  }
}

.power-card {
  position: absolute;
  left: var(--card-left, 0);
  top: var(--card-top, 0);
  width: -moz-fit-content;
  width: fit-content;
  padding: 32px 20px;
  background: rgba(255, 255, 255, 0.67);
  border-radius: 20px;
  box-shadow: 11px 18px 31.2px 0 rgba(0, 0, 0, 0.2);
  opacity: 0;
  backdrop-filter: blur(10px);
  animation: none;
}
.power-card-wrap--inview .power-card {
  animation: powerCardFadeIn 0.6s ease-out forwards, powerCardFloat 4s ease-in-out infinite;
  animation-delay: var(--power-card-delay, 0s), calc(var(--power-card-delay, 0s) + 0.6s);
}
@media (max-width: 1199.98px) {
  .power-card {
    max-width: 400px;
    width: 100%;
    padding: 20px 24px;
    position: relative;
    left: 0 !important;
    top: 0 !important;
    margin-bottom: -20px;
    min-height: auto;
    box-shadow: 0 0 5.332px 0 rgba(0, 0, 0, 0.2);
    animation: none;
    z-index: var(--power-card-z, 1);
  }
}
@media (max-width: 991.98px) {
  .power-card {
    max-width: 343px;
  }
}
.power-card__content {
  display: flex;
  gap: 16px;
  align-items: center;
}
.power-card__text {
  margin: 0;
  font-size: 24px;
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  letter-spacing: -0.6px;
}
@media (max-width: 1199.98px) {
  .power-card__text {
    font-size: 13px;
    letter-spacing: -0.45px;
  }
}
.power-card--delay-0 {
  --power-card-delay: 0s;
}
.power-card--delay-1 {
  --power-card-delay: 0.2s;
}
@media (max-width: 1199.98px) {
  .power-card--delay-1 {
    order: 1;
    --power-card-stack-delay: 0s;
    --power-card-z: 1;
  }
}
.power-card--delay-2 {
  --power-card-delay: 0.4s;
}
@media (max-width: 1199.98px) {
  .power-card--delay-2 {
    order: 3;
    --power-card-stack-delay: 0.4s;
    --power-card-z: 3;
    transform: rotate(2.454deg) !important;
  }
}
.power-card--delay-3 {
  --power-card-delay: 0.6s;
}
@media (max-width: 1199.98px) {
  .power-card--delay-3 {
    order: 5;
    --power-card-stack-delay: 0.8s;
    --power-card-z: 5;
    transform: rotate(1.686deg) !important;
  }
}
.power-card--delay-4 {
  --power-card-delay: 0.8s;
}
@media (max-width: 1199.98px) {
  .power-card--delay-4 {
    order: 4;
    --power-card-stack-delay: 0.6s;
    --power-card-z: 4;
    transform: rotate(-1.606deg) !important;
  }
}
.power-card--delay-5 {
  --power-card-delay: 1s;
}
@media (max-width: 1199.98px) {
  .power-card--delay-5 {
    order: 2;
    --power-card-stack-delay: 0.2s;
    --power-card-z: 2;
    transform: rotate(-1.312deg) !important;
  }
}
.power-card--delay-6 {
  --power-card-delay: 1.2s;
}
@media (max-width: 1199.98px) {
  .power-card--delay-6 {
    order: 6;
    --power-card-stack-delay: 1s;
    --power-card-z: 6;
  }
}

@keyframes powerCardStackReveal {
  from {
    opacity: 0;
    transform: translateY(-24px);
  }
  to {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes powerCardFadeIn {
  from {
    opacity: 0;
    transform: translate(var(--card-offset-x, 0), var(--card-offset-y, 0));
  }
  to {
    opacity: 1;
    transform: translate(0, 0);
  }
}
@keyframes powerCardFloat {
  0%, 100% {
    transform: translateY(0);
  }
  50% {
    transform: translateY(-10px);
  }
}
.global-section {
  padding: 160px 0;
  background: #edeefd;
}
@media (max-width: 1199.98px) {
  .global-section {
    padding: 80px 0 70px;
  }
}
.global-section.tabtap {
  background: #eff0f9;
  margin-bottom: 140px;
}
@media (max-width: 1199.98px) {
  .global-section.tabtap {
    margin-bottom: 100px;
  }
}
.global-section.tabtap .global-card {
  max-width: 411px;
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  .global-section.tabtap .global-card {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .global-section.tabtap .global-card .global-card-title {
    font-size: 16px;
  }
}
.global-section.pionada {
  background: #f2ecf9;
  margin-bottom: 140px;
}
@media (max-width: 1199.98px) {
  .global-section.pionada {
    margin-bottom: 100px;
  }
}
.global-section.pionada .global-card {
  max-width: 411px;
  flex-shrink: 0;
}
@media (max-width: 1199.98px) {
  .global-section.pionada .global-card {
    max-width: 100%;
    width: 100%;
  }
}
@media (max-width: 1199.98px) {
  .global-section.pionada .global-card .global-card-title {
    font-size: 16px;
  }
}
.global-section.allvia {
  background: #fff;
}
.global-section.allvia .global-card {
  background-color: #efeff9;
}
@media (max-width: 1199.98px) {
  .global-section.allvia .global-card {
    flex-grow: 1;
    flex-direction: row;
    align-items: center;
    justify-content: center;
    width: 100%;
  }
  .global-section.allvia .global-card img {
    max-width: 140px;
  }
  .global-section.allvia .global-card .global-card-title {
    font-size: 14px;
  }
}
.global-section.allvia .global-card .global-card-title {
  height: 100%;
}
.global-section .global-card {
  background-color: #fff;
  border-radius: 36px;
  padding: 36px;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 27px;
}
@media (max-width: 1199.98px) {
  .global-section .global-card {
    padding: 16px 12px;
    gap: 16px;
    border-radius: 12px;
    height: 100%;
  }
}
.global-section .global-card .global-card-title {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 1.2;
  letter-spacing: -0.6px;
  height: 96px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .global-section .global-card .global-card-title {
    font-size: 12px;
    height: 100%;
  }
}

.global-section .global-card .global-card-title-sm {
  font-size: 20px;
  font-weight: 500;
  color: #000;
  line-height: 1.2;
  letter-spacing: -0.6px;
  height: 96px;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
}
@media (max-width: 1199.98px) {
  .global-section .global-card .global-card-title-sm {
    font-size: 11px;
    height: 100%;
  }
}

.korea-flag-section {
  padding: 2rem 0;
  display: flex;
  justify-content: center;
  align-items: center;
}
.korea-flag-section .korea-flag-section__wrap {
  position: relative;
  display: inline-block;
  max-width: 100%;
}
.korea-flag-section .korea-flag-section__img {
  display: block;
  max-width: 100%;
  height: auto;
}
.korea-flag-section .korea-flag-section__flags {
  position: absolute;
  left: 0;
  top: 0;
  width: 100%;
  height: 100%;
  pointer-events: none;
}
.korea-flag-section .korea-flag-section__flag {
  position: absolute;
  left: var(--flag-left, 50%);
  top: var(--flag-top, 50%);
  width: 32px;
  height: auto;
  max-height: 48px;
  -o-object-fit: contain;
  object-fit: contain;
  transform: translate(-50%, -50%);
  animation: flagDrop 0.7s ease-out forwards;
  animation-delay: var(--flag-delay, 0s);
  opacity: 0;
}
@keyframes onlyone-visual-fade-in-up {
  0% {
    opacity: 0;
    transform: translateY(40px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes onlyone-visual-fade-in-up-md {
  0% {
    opacity: 0;
    transform: translate(50%, 40px);
  }
  100% {
    opacity: 1;
    transform: translate(50%, 0);
  }
}

.section01 {
  padding: 150px 0 250px;
  background: linear-gradient(0deg, rgba(242, 22, 113, 0) 6.06%, #f21671 81.21%);
  position: relative;
}
.section01.oksusu {
  background: linear-gradient(0deg, rgba(249, 93, 12, 0) 6.06%, #f95d0c 62.43%);
}
@media (max-width: 991.98px) {
  .section01.oksusu {
    padding: 40px 0 222px;
  }
}
.section01.oksusu .logo {
  max-width: 234px;
}
@media (max-width: 991.98px) {
  .section01.oksusu .logo {
    width: 97px;
  }
}
.section01.oksusu:before {
  background: url("../images/oksusu-visual.svg") no-repeat center center/cover;
  width: 692px;
  height: 498px;
  aspect-ratio: 153/109;
  top: 253px;
}
@media (max-width: 991.98px) {
  .section01.oksusu:before {
    width: 241px;
    height: 172px;
    aspect-ratio: 234/167;
    top: auto;
    transform: translateX(50%);
  }
}
@media (max-width: 991.98px) {
  .section01.tabtap {
    padding: 40px 0 310px;
  }
}
.section01.tabtap {
  background: linear-gradient(0deg, rgba(39, 51, 178, 0) 6.06%, #2733b2 62.43%);
}
.section01.tabtap .logo {
  max-width: 234px;
}
@media (max-width: 991.98px) {
  .section01.tabtap .logo {
    width: 120px;
  }
}
.section01.tabtap:before {
  background: url("../images/tabtap-visual.svg") no-repeat center center/cover;
  width: 713px;
  height: 719px;
  aspect-ratio: 118/119;
  top: 111px;
}
@media (max-width: 991.98px) {
  .section01.tabtap:before {
    width: 297px;
    height: 290px;
    aspect-ratio: 130/131;
    top: auto;
    transform: translateX(50%);
  }
}
.section01.aidt {
  background: var(--AI-gradient, linear-gradient(0deg, rgba(19, 201, 238, 0) 6.06%, #13c9ee 62.43%));
}
@media (max-width: 991.98px) {
  .section01.aidt {
    padding: 40px 0 290px;
  }
}
.section01.aidt .logo {
  max-width: 438px;
}
@media (max-width: 991.98px) {
  .section01.aidt .logo {
    width: 290px;
  }
}
.section01.aidt:before {
  background: url("../images/aidt-visual.svg") no-repeat center center/cover;
  width: 650px;
  height: 439px;
  top: 229px;
  background-size: contain;
}
@media (max-width: 1399.98px) {
  .section01.aidt:before {
    width: 450px;
    right: 10px;
  }
}
@media (max-width: 991.98px) {
  .section01.aidt:before {
    max-width: 438px;
    width: 100%;
    height: 201px;
    top: auto;
    transform: translateX(50%);
    background-size: contain;
    right: 50%;
  }
}
.section01.pionada {
  background: linear-gradient(0deg, rgba(125, 58, 192, 0) 6.06%, #7d3ac0 62.43%);
}
.section01.pionada .logo {
  max-width: 260px;
}
@media (max-width: 991.98px) {
  .section01.pionada .logo {
    width: 181px;
  }
}
.section01.pionada:before {
  background: url("../images/pionada-visual.svg") no-repeat center center/cover;
  width: 711px;
  height: 659px;
  aspect-ratio: 41/38;
  top: 198px;
}
@media (max-width: 991.98px) {
  .section01.pionada:before {
    max-width: 263px;
    width: 100%;
    height: 244px;
    aspect-ratio: 137/127;
    top: auto;
    transform: translateX(50%);
  }
}
.section01.vivasam {
  background: linear-gradient(0deg, rgba(66, 143, 213, 0) 6.06%, #428fd5 62.43%);
}
@media (max-width: 991.98px) {
  .section01.vivasam {
    padding: 40px 0 271px;
  }
}
.section01.vivasam .logo {
  max-width: 469px;
}
@media (max-width: 991.98px) {
  .section01.vivasam .logo {
    max-width: 147px;
    width: 100%;
  }
}
.section01.vivasam:before {
  background: url("../images/vivasam-visual.svg") no-repeat center center/cover;
  width: 688px;
  height: 544px;
  top: 218px;
}
@media (max-width: 991.98px) {
  .section01.vivasam:before {
    width: 250px;
    height: 197px;
    top: auto;
    transform: translateX(50%);
  }
}
.section01.allvia {
  background: linear-gradient(0deg, rgba(50, 60, 181, 0) 6.06%, #323cb5 62.43%);
}
@media (max-width: 991.98px) {
  .section01.allvia {
    padding: 40px 0 220px;
  }
}
.section01.allvia .logo {
  max-width: 228px;
}
@media (max-width: 991.98px) {
  .section01.allvia .logo {
    width: 158px;
  }
}
.section01.allvia:before {
  background: url("../images/allvia-visual.svg") no-repeat center center/cover;
  width: 688px;
  height: 544px;
  top: 218px;
}
@media (max-width: 991.98px) {
  .section01.allvia:before {
    width: 250px;
    height: 197px;
    top: auto;
    transform: translateX(50%);
  }
}
.section01:before {
  content: "";
  position: absolute;
  right: 68px;
  width: 910px;
  height: 775px;
  background: url("../images/onlyone-visual.svg") no-repeat center center/cover;
  z-index: 1;
  animation: onlyone-visual-fade-in-up 0.8s ease-out forwards;
}
@media (min-width: 1980px) {
  .section01:before {
    right: 200px;
  }
}
@media (max-width: 991.98px) {
  .section01:before {
    right: 50%;
    transform: translateX(50%);
    width: 335px;
    height: 284px;
    bottom: 0;
    animation-name: onlyone-visual-fade-in-up-md;
  }
}
@media (max-width: 991.98px) {
  .section01 {
    padding: 40px 0 310px;
  }
}
.section01 .logo {
  max-width: 234px;
}
@media (max-width: 991.98px) {
  .section01 .logo {
    width: 121px;
  }
}
.section01 .inner {
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .section01 .inner {
    text-align: center;
    align-items: center;
  }
}
.section01 .title {
  color: #fff;
  font-size: 80px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -2px;
  margin-top: 20px;
}
@media (max-width: 1979.98px) {
  .section01 .title {
    font-size: 60px;
  }
}
@media (max-width: 991.98px) {
  .section01 .title {
    margin-top: 14px;
    font-size: 30px;
    letter-spacing: -0.75px;
  }
}
.section01 .badge-wrap {
  margin-top: 20px;
}
.section01 .desc {
  color: #fff;
  font-size: 30px;
  font-weight: 600;
  line-height: 1.3;
  letter-spacing: -0.75px;
}
@media (max-width: 991.98px) {
  .section01 .desc {
    font-size: 15px;
    margin-top: 12px;
  }
}
.section01 .btn-wrap {
  margin-top: 40px;
  max-width: 510px;
}
.section01 .btn-wrap .btn {
  justify-content: space-between;
  padding: 12px 24px;
}
@media (max-width: 991.98px) {
  .section01 .btn-wrap {
    margin-top: 38px;
    max-width: 343px;
    width: 100%;
  }
  .section01 .btn-wrap .btn {
    font-size: 14px;
    justify-content: center;
  }
}

.section02 {
  padding-bottom: 200px;
}
@media (max-width: 991.98px) {
  .section02 {
    padding-bottom: 70px;
  }
}
.section02 .inner {
  position: relative;
}
.section02 .inner::before {
  content: "";
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 1px;
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='1' height='3458' viewBox='0 0 1 3458' fill='none'%3E%3Cpath opacity='0.2' d='M0.5 3458L0.500166 -6.67572e-06' stroke='url(%23paint0_linear_645_8171)'/%3E%3Cdefs%3E%3ClinearGradient id='paint0_linear_645_8171' x1='1.00017' y1='1.99044e-08' x2='1.00003' y2='3458' gradientUnits='userSpaceOnUse'%3E%3Cstop stop-color='white'/%3E%3Cstop offset='0.253246'/%3E%3Cstop offset='0.730769'/%3E%3Cstop offset='1' stop-color='white'/%3E%3C/linearGradient%3E%3C/defs%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: 1px 100%;
  background-position: left top;
}
@media (max-width: 991.98px) {
  .section02 .inner::before {
    display: none;
  }
}
.section02 .status-wrap {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  padding: 65px 0 248px;
}
@media (max-width: 991.98px) {
  .section02 .status-wrap {
    gap: 16px;
    padding: 30px 0 70px;
  }
}
.section02 .status-wrap .status-item {
  width: 25%;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 14px;
}
.section02 .status-wrap .status-item:not(:last-child) {
  border-right: 1px solid #f21671;
}
@media (max-width: 991.98px) {
  .section02 .status-wrap .status-item {
    width: calc(50% - 8px);
    gap: 4px;
    border: 1px solid #f21671;
    border-radius: 10px;
    padding: 16px 0;
  }
}
.section02 .status-wrap .status-item .value {
  font-size: 48px;
  font-weight: 700;
  line-height: 62px;
  letter-spacing: -1.2px;
  color: #f21671;
}
@media (max-width: 991.98px) {
  .section02 .status-wrap .status-item .value {
    font-size: 24px;
    letter-spacing: -0.6px;
    line-height: 1.3;
  }
}
.section02 .status-wrap .status-item .label {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
@media (max-width: 991.98px) {
  .section02 .status-wrap .status-item .label {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
}
.section02 .info-wrap {
  padding-left: 77px;
}
@media (max-width: 991.98px) {
  .section02 .info-wrap {
    padding-left: 0;
  }
}
.section02 .title-wrap {
  display: block;
  font-size: 80px;
  font-weight: 700;
  color: #000;
  line-height: 1.3;
  letter-spacing: -2px;
  position: relative;
  width: -moz-fit-content;
  width: fit-content;
}
.section02 .title-wrap:before {
  content: "";
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  width: 100%;
  height: 16px;
  background: linear-gradient(90deg, rgba(242, 22, 113, 0) -48.29%, #f21671 70.24%);
  opacity: 0.5;
}
@media (max-width: 991.98px) {
  .section02 .title-wrap {
    font-size: 30px;
    margin-left: 8px;
  }
}
.section02 .info-list {
  margin-top: 30px;
  gap: 100px;
  display: flex;
  flex-direction: column;
}
@media (max-width: 991.98px) {
  .section02 .info-list {
    margin-top: 30px;
    gap: 40px;
  }
}
.section02 .info-list .info-item {
  display: flex;
  justify-content: space-between;
  gap: 10px;
  align-items: center;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item {
    gap: 16px;
    flex-direction: column;
    align-items: flex-start;
  }
}
.section02 .info-list .info-item .title {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -1.4px;
  margin-bottom: 32px;
  position: relative;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .title {
    font-size: 26px;
    letter-spacing: -0.6px;
    margin-bottom: 21px;
    padding-left: 10px;
    margin-left: 21px;
  }
}
.section02 .info-list .info-item .title-sm {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -1.4px;
  margin-bottom: 32px;
  position: relative;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .title-sm {
    font-size: 22px;
    letter-spacing: -0.6px;
    margin-bottom: 21px;
    padding-left: 10px;
    margin-left: 21px;
  }
}
.section02 .info-list .info-item .title-sm.pionada::after {
  content: "";
  position: absolute;
  top: 25px;
  left: -87px;
  width: 20px;
  height: 20px;
  background-color: #5d0dae;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .title-sm.pionada::after {
    background-color: #5d0dae;
    top: 12px;
    left: -10px;
    width: 8px;
    height: 8px;
  }
}
.section02 .info-list .info-item .title-sm.vivasam::after {
  content: "";
  position: absolute;
  top: 25px;
  left: -87px;
  width: 20px;
  height: 20px;
  background-color: #428fd5;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .title-sm.vivasam::after {
    background-color: #428fd5;
    top: 12px;
    left: -10px;
    width: 8px;
    height: 8px;
  }
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .title-sm::after {
    top: 12px;
    left: -10px;
    width: 8px;
    height: 8px;
  }
}
.section02 .info-list .info-item .title::after {
  content: "";
  position: absolute;
  top: 25px;
  left: -87px;
  width: 20px;
  height: 20px;
  background-color: #f21671;
  border-radius: 50%;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .title::after {
    top: 12px;
    left: -10px;
    width: 8px;
    height: 8px;
  }
}
.section02 .info-list .info-item .title .badge {
  padding: 6px 16px;
  border-radius: 100px;
  background-color: #fff;
  font-size: 24px;
  font-weight: 500;
  letter-spacing: -0.65px;
  line-height: 1.2;
  border: 2px solid #f21671;
  color: #f21671;
  height: 52px;
  width: 104px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  vertical-align: middle;
  margin-bottom: 7px;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .title .badge {
    margin-bottom: 5px;
    padding: 6px 12px;
    font-size: 12px;
    letter-spacing: -0.3px;
    height: 26px;
    width: 45px;
  }
}
.section02 .info-list .info-item .title .badge.fill {
  background: rgba(242, 22, 113, 0.25);
  font-weight: 600;
  border: none;
}
.section02 .info-list .info-item .info {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.5;
  letter-spacing: -0.6px;
  color: #7c7c7c;
}
.section02 .info-list .info-item .info p {
  position: relative;
  padding-left: 16px;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .info p {
    padding-left: 11px;
  }
}
.section02 .info-list .info-item .info p:before {
  content: "-";
  position: absolute;
  left: 0;
  color: #7c7c7c;
  font-size: 24px;
  font-weight: 500;
  line-height: 150%;
  letter-spacing: -0.6px;
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .info p:before {
    font-size: 16px;
    letter-spacing: -0.4px;
  }
}
@media (max-width: 991.98px) {
  .section02 .info-list .info-item .info {
    font-size: 18px;
    letter-spacing: -0.4px;
    padding-left: 10px;
  }
}
.section02.oksusu .info-list .info-item .title::after {
  background-color: #ff6314;
}
.section02.oksusu .title-wrap:before {
  background: linear-gradient(90deg, rgba(249, 93, 12, 0) -48.29%, #f95d0c 70.24%);
}
.section02.oksusu .status-wrap .status-item {
  width: 33.3333333333%;
}
.section02.oksusu .status-wrap .status-item:not(:last-child) {
  border-right: 1px solid #ff6314;
}
.section02.oksusu .status-wrap .status-item .value {
  color: #ff6314;
}
@media (max-width: 991.98px) {
  .section02.oksusu .status-wrap .status-item {
    width: 100%;
    border-color: #ff6314;
  }
}
.section02.tabtap .info-list .info-item .title::after {
  background-color: #2834b2;
}
.section02.tabtap .info-list .info-item .right {
  max-width: 700px;
  width: 100%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .section02.tabtap .info-list .info-item .right {
    max-width: 100%;
  }
}
.section02.tabtap .title-wrap:before {
  background: linear-gradient(90deg, rgba(40, 52, 178, 0) -5.55%, #2834b2 70.24%);
}
.section02.tabtap .status-wrap .status-item {
  width: 33.3333333333%;
}
.section02.tabtap .status-wrap .status-item:not(:last-child) {
  border-right: 1px solid #2834b2;
}
.section02.tabtap .status-wrap .status-item .value {
  color: #2834b2;
}
@media (max-width: 991.98px) {
  .section02.tabtap .status-wrap .status-item {
    width: 100%;
    border-color: #2834b2;
  }
}
.section02.aidt .info-list .info-item .title::after {
  background-color: #06aee2;
}
.section02.aidt .info-list .info-item .right {
  max-width: 763px;
  width: 100%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .section02.aidt .info-list .info-item .right {
    max-width: 100%;
  }
}
.section02.aidt .title-wrap {
  text-align: left;
}
@media (max-width: 1399.98px) {
  .section02.aidt .title-wrap {
    font-size: 60px;
  }
}
.section02.aidt .title-wrap:before {
  background: linear-gradient(90deg, rgba(6, 174, 226, 0) -5.55%, #06aee2 70.24%);
}
.section02.aidt .status-wrap .status-item {
  width: 33.3333333333%;
}
.section02.aidt .status-wrap .status-item:not(:last-child) {
  border-right: 1px solid #06aee2;
}
.section02.aidt .status-wrap .status-item .value {
  color: #06aee2;
}
@media (max-width: 991.98px) {
  .section02.aidt .status-wrap .status-item {
    width: 100%;
    border-color: #06aee2;
  }
}
.section02.pionada .info-list .info-item .title::after {
  background-color: #5d0dae;
}
.section02.pionada .info-list .info-item .pionada-info-arrow {
  position: absolute;
  z-index: -1;
  top: 19%;
  height: 72px;
  width: 100%;
  max-width: 571px;
  left: 27%;
  pointer-events: none;
}
@media (max-width: 1399.98px) {
  .section02.pionada .info-list .info-item .pionada-info-arrow {
    display: none;
  }
}
.section02.pionada .info-list .info-item .pionada-info-arrow-down {
  width: 33px;
  height: 43px;
}
.section02.pionada .info-list .info-item .right {
  max-width: 763px;
  width: 100%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .section02.pionada .info-list .info-item .right {
    max-width: 100%;
  }
}
.section02.pionada .title-wrap {
  text-align: left;
}
.section02.pionada .title-wrap:before {
  background: linear-gradient(90deg, rgba(40, 52, 178, 0) -5.55%, #2834b2 70.24%);
}
.section02.pionada .status-wrap .status-item {
  width: 33.3333333333%;
}
.section02.pionada .status-wrap .status-item:not(:last-child) {
  border-right: 1px solid #5d0dae;
}
.section02.pionada .status-wrap .status-item .value {
  color: #5d0dae;
}
@media (max-width: 991.98px) {
  .section02.pionada .status-wrap .status-item {
    width: 100%;
    border-color: #5d0dae;
  }
}
.section02.vivasam .info-list .info-item .title::after {
  background-color: #428fd5;
}
.section02.vivasam .info-list .info-item .right {
  max-width: 763px;
  width: 100%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .section02.vivasam .info-list .info-item .right {
    max-width: 100%;
  }
}
.section02.vivasam .title-wrap {
  text-align: left;
}
@media (max-width: 1399.98px) {
  .section02.vivasam .title-wrap {
    font-size: 60px;
  }
}
.section02.vivasam .title-wrap:before {
  background: linear-gradient(90deg, rgba(66, 143, 213, 0) -5.55%, #428fd5 70.24%);
}
.section02.vivasam .status-wrap .status-item {
  width: 33.3333333333%;
}
.section02.vivasam .status-wrap .status-item:not(:last-child) {
  border-right: 1px solid #428fd5;
}
.section02.vivasam .status-wrap .status-item .value {
  color: #428fd5;
}
@media (max-width: 991.98px) {
  .section02.vivasam .status-wrap .status-item {
    width: 100%;
    border-color: #428fd5;
  }
}
.section02.allvia .info-list .info-item .title::after {
  background-color: #323cb5;
}
.section02.allvia .info-list .info-item .right {
  max-width: 763px;
  width: 100%;
  text-align: center;
}
@media (max-width: 991.98px) {
  .section02.allvia .info-list .info-item .right {
    max-width: 100%;
  }
}
.section02.allvia .title-wrap {
  text-align: left;
}
.section02.allvia .title-wrap:before {
  background: linear-gradient(90deg, rgba(50, 60, 181, 0) -5.55%, #323cb5 70.24%);
}
.section02.allvia .status-wrap .status-item {
  width: 33.3333333333%;
}
.section02.allvia .status-wrap .status-item:not(:last-child) {
  border-right: 1px solid #323cb5;
}
.section02.allvia .status-wrap .status-item .value {
  color: #323cb5;
}
@media (max-width: 991.98px) {
  .section02.allvia .status-wrap .status-item {
    width: 100%;
    border-color: #323cb5;
  }
}

.section03 {
  padding: 140px 0 80px;
  background: url("../images/onlyone-section03-bg.png") no-repeat center center/cover;
}
@media (max-width: 991.98px) {
  .section03 {
    padding: 0 0 70px;
  }
}
.section03 .title {
  font-size: 56px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -1.4px;
  color: #000;
}
@media (max-width: 991.98px) {
  .section03 .title {
    font-size: 30px;
    letter-spacing: -0.75px;
    line-height: 72px;
    text-align: center;
  }
}
.section03 .item-list {
  margin-top: 150px;
}
@media (max-width: 991.98px) {
  .section03 .item-list {
    margin-top: 0px;
  }
}
.section03 .item-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 10px;
  border-radius: 20px;
  padding: 32px 50px;
  box-shadow: 7px 7px 17px 0 rgba(77, 0, 0, 0.25);
  background-color: #fff;
  height: 100%;
}
.section03 .item-wrap .desc {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.3;
  color: #000;
  text-align: center;
}
@media (max-width: 991.98px) {
  .section03 .item-wrap .desc {
    font-size: 18px;
  }
}
@media (max-width: 991.98px) {
  .section03 .item-wrap {
    padding: 30px 10px;
  }
}
.section03.oksusu {
  background: url("../images/oksusu-section03-bg.png") no-repeat center center/cover;
}
.section03.tabtap {
  background: url("../images/tabtap-section03-bg.png") no-repeat center center/cover;
}
.section03.aidt {
  background: url("../images/aidt-section03-bg.png") no-repeat center center/cover;
}
.section03.pionada {
  background: url("../images/pionada-section03-bg.png") no-repeat center center/cover;
}

.section04 {
  padding: 160px 0;
}
@media (max-width: 991.98px) {
  .section04 {
    padding: 70px 0;
  }
}
.section04 .inner {
  display: flex;
  gap: 180px;
}
@media (max-width: 1399.98px) {
  .section04 .inner {
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.section04 .title {
  font-size: 56px;
  font-weight: 700;
  line-height: 72px;
  letter-spacing: -1.4px;
  color: #000;
  flex-shrink: 0;
}
@media (max-width: 991.98px) {
  .section04 .title {
    font-size: 32px;
    letter-spacing: -0.75px;
    line-height: 72px;
  }
}
.section04 .item-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: center;
  gap: 30px;
  width: 100%;
}
@media (max-width: 991.98px) {
  .section04 .item-wrap {
    gap: 40px;
  }
  .section04 .item-wrap i {
    width: 32px;
    height: 32px;
    background-image: url("../images/icon-quotes-pink.svg");
    opacity: 0.5;
  }
}
.section04 .item {
  padding: 30px;
  border-radius: 20px;
  background: linear-gradient(180deg, #fff 0%, rgba(255, 255, 255, 0.8) 100%);
  box-shadow: 7px 7px 17px 0 rgba(77, 0, 0, 0.16);
  max-width: 750px;
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 158px;
  width: 100%;
}
.section04 .item:hover .icon-quotes {
  background-image: url("../images/icon-quotes-pink.svg");
}
@media (max-width: 991.98px) {
  .section04 .item {
    max-width: 303px;
    padding: 20px;
    flex-direction: column;
    gap: 16px;
    justify-content: flex-start;
    align-items: flex-start;
    position: relative;
  }
  .section04 .item::after {
    content: "";
    position: absolute;
    bottom: -20px;
    width: 35px;
    height: 22px;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='35' height='22' viewBox='0 0 35 22' fill='none'%3E%3Cpath d='M8.05401 20.7869C4.76688 23.3227 0 20.9795 0 16.828V0L35 1.28714e-06L8.05401 20.7869Z' fill='%23fff'/%3E%3C/svg%3E");
    background-repeat: no-repeat;
    background-size: 100% 100%;
  }
  .section04 .item:nth-child(even) {
    align-items: flex-end;
    justify-content: flex-end;
    margin-left: auto;
    text-align: end;
  }
  .section04 .item:nth-child(even)::after {
    right: 46px;
    left: auto;
    transform: scaleX(-1);
  }
  .section04 .item:nth-child(odd) {
    margin-right: auto;
  }
  .section04 .item:nth-child(odd)::after {
    left: 46px;
  }
}
.section04 .desc {
  font-size: 24px;
  font-weight: 500;
  line-height: 1.2;
  width: 100%;
}
@media (max-width: 991.98px) {
  .section04 .desc {
    font-size: 18px;
  }
}
.section04 .desc .name {
  font-size: 20px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: -0.5px;
  margin-top: 32px;
}
@media (max-width: 991.98px) {
  .section04 .desc .name {
    font-size: 16px;
    margin-top: 16px;
  }
}
.section04 .review-swiper {
  position: relative;
  width: 100%;
  padding-bottom: 80px;
}
.section04 .review-swiper .swiper-slide {
  display: flex;
  justify-content: center;
}
.section04 .swiper-pagination {
  margin-top: 50px;
  left: 0 !important;
  right: auto !important;
  width: auto !important;
  transform: none !important;
  text-align: left;
  --swiper-pagination-color: #f21671;
  --swiper-pagination-bullet-inactive-color: #c8c8c8;
  --swiper-pagination-bullet-inactive-opacity: 1;
  --swiper-pagination-bullet-horizontal-gap: 6px;
}
.section04 .swiper-pagination .swiper-pagination-bullet {
  width: 16px;
  height: 16px;
}
@media (max-width: 1199.98px) {
  .section04 .swiper-pagination .swiper-pagination-bullet {
    width: 10px;
    height: 10px;
  }
}
@media (max-width: 1399.98px) {
  .section04 .swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%) !important;
  }
}
.section04.oksusu .swiper-pagination {
  --swiper-pagination-color: #ff6314;
}
@media (max-width: 991.98px) {
  .section04.oksusu .item-wrap i {
    background-image: url("../images/icon-quotes-oksusu.svg");
  }
}
.section04.oksusu .item:hover .icon-quotes {
  background-image: url("../images/icon-quotes-oksusu.svg");
}
.section04.tabtap .swiper-pagination {
  --swiper-pagination-color: #2834b2;
}
@media (max-width: 991.98px) {
  .section04.tabtap .item-wrap i {
    background-image: url("../images/icon-quotes-tabtap.svg");
  }
}
.section04.tabtap .item:hover .icon-quotes {
  background-image: url("../images/icon-quotes-tabtap.svg");
}
.section04.aidt .swiper-pagination {
  --swiper-pagination-color: #06aee2;
}
@media (max-width: 991.98px) {
  .section04.aidt .item-wrap i {
    background-image: url("../images/icon-quotes-aidt.svg");
  }
}
.section04.aidt .item:hover .icon-quotes {
  background-image: url("../images/icon-quotes-aidt.svg");
}
.section04.pionada .swiper-pagination {
  --swiper-pagination-color: #5d0dae;
}
@media (max-width: 991.98px) {
  .section04.pionada .item-wrap i {
    background-image: url("../images/icon-quotes-pionada.svg");
  }
}
.section04.pionada .item:hover .icon-quotes {
  background-image: url("../images/icon-quotes-pionada.svg");
}

.application-wrap {
  border-radius: 56px;
  border: 2px solid #ffcadf;
  background: #fff0f6;
  padding: 80px 80px 120px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  gap: 40px;
  margin-bottom: 209px;
  position: relative;
  overflow: hidden;
  max-width: 1500px;
  height: 510px;
}
.application-wrap::before {
  content: "";
  position: absolute;
  bottom: 0;
  right: 0;
  left: 0;
  width: 100%;
  height: 100%;
  max-width: 1500px;
  background-image: url("../images/onlyone-application-bg.svg");
  background-size: contain;
  background-position: right bottom;
  background-repeat: no-repeat;
  z-index: 1;
}
@media (max-width: 991.98px) {
  .application-wrap::before {
    max-width: 100%;
    background-size: cover;
    height: 249px;
    bottom: -13px;
  }
}
.application-wrap.oksusu {
  border: 2px solid #ffe1ca;
  background: #f9f0eb;
}
.application-wrap.oksusu::before {
  background-image: url("../images/oksusu-application-bg.svg");
}
.application-wrap.tabtap {
  border: 2px solid #c0d1ff;
  background: #f0f4ff;
}
.application-wrap.tabtap::before {
  background-image: url("../images/tabtap-application-bg.svg");
}
.application-wrap.aidt {
  border: 2px solid #b8f2ff;
  background: #effcff;
}
.application-wrap.aidt::before {
  background-image: url("../images/aidt-application-bg.svg");
}
.application-wrap.pionada {
  border: 2px solid #eadeff;
  background: #f8f4ff;
}
.application-wrap.pionada::before {
  background-image: url("../images/pionada-application-bg.svg");
}
.application-wrap.vivasam {
  border: 2px solid #d8edff;
  background: #f1f7fc;
}
.application-wrap.vivasam::before {
  background-image: url("../images/vivasam-application-bg.svg");
}
@media (max-width: 991.98px) {
  .application-wrap {
    padding: 56px 30px 274px;
    justify-content: flex-start;
    gap: 24px;
    border-radius: 19px;
    align-items: center;
    margin-bottom: 15px;
  }
}
.application-wrap .title {
  font-size: 48px;
  font-weight: 700;
  line-height: 1.3;
  letter-spacing: -1.2px;
  word-break: keep-all;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .application-wrap .title {
    font-size: 24px;
    letter-spacing: -0.6px;
    line-height: 1.3;
    text-align: center;
  }
}
.application-wrap .btn {
  width: -moz-fit-content;
  width: fit-content;
  position: relative;
  z-index: 2;
}
@media (max-width: 991.98px) {
  .application-wrap .btn {
    padding: 10px 14px;
    font-size: 14px;
  }
}

.section02 .desc-wrap {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  align-items: flex-start;
  flex-grow: 1;
  gap: 14px;
}
@media (max-width: 1399.98px) {
  .section02 .desc-wrap {
    width: 100%;
  }
  .section02 .desc-wrap img {
    width: 100%;
  }
}
.section02 .desc-wrap li {
  background: rgba(207, 207, 207, 0.5);
  border-radius: 12px;
  padding: 20px 10px;
  font-size: 20px;
  font-weight: 600;
  line-height: 1.7;
  letter-spacing: -0.5px;
  color: #000;
  width: 100%;
  max-width: 364px;
  display: flex;
  align-items: center;
  justify-content: center;
}
@media (max-width: 1399.98px) {
  .section02 .desc-wrap li {
    max-width: 100%;
    font-size: 16px;
  }
}
.section02 .item-wrap {
  display: flex;
  flex-direction: column;
  align-items: center;
  width: calc(20% - 26px);
}
@media (max-width: 1399.98px) {
  .section02 .item-wrap {
    width: calc(33.3333333333% - 22px);
  }
}
.section02 .item-wrap img {
  margin-bottom: 23px;
  width: 156px;
  height: 156px;
}
@media (max-width: 1399.98px) {
  .section02 .item-wrap img {
    width: 100px;
    height: 100px;
    margin-bottom: 10px;
  }
}
.section02 .text-wrap {
  color: #1b1c1e;
  line-height: 34px;
  text-align: center;
}
.section02 .text-wrap .name {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.65px;
  margin-bottom: 12px;
}
@media (max-width: 1399.98px) {
  .section02 .text-wrap .name {
    font-size: 17px;
    margin-bottom: 0;
    letter-spacing: normal;
    line-height: 1.4;
    margin-bottom: 6px;
  }
}
.section02 .text-wrap .desc {
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.5px;
}
@media (max-width: 1399.98px) {
  .section02 .text-wrap .desc {
    font-size: 13px;
    letter-spacing: -0.35px;
    line-height: 1.4;
  }
}
@media (max-width: 1399.98px) {
  .section02 .text-wrap .desc.pionada {
    line-height: 1.7;
  }
}
.section02 .text-wrap.pionada .desc {
  font-size: 22px;
  line-height: 34px;
  letter-spacing: -0.55px;
}
@media (max-width: 1399.98px) {
  .section02 .text-wrap.pionada .desc {
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 1.4;
  }
}

.vivasam-info-wrap {
  padding: 30px 20px;
  border-radius: 16px;
  background-color: #eff7ff;
  display: flex;
  flex-direction: column;
  gap: 16px;
  align-items: center;
  justify-content: center;
}
.vivasam-info-wrap .badge {
  font-size: 14px;
  font-weight: 700;
  color: #fff;
  background-color: #438fd5;
}

.allvia-info-card-item {
  border-radius: 20px;
  padding: 16px;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (min-width: 992px) {
  .allvia-info-card-item {
    border-radius: 12px;
  }
}
.allvia-info-card-item.item01 {
  background: rgba(16, 137, 203, 0.26);
}
.allvia-info-card-item.item01 img {
  max-width: 171px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item.item01 img {
    max-width: 125px;
  }
}
.allvia-info-card-item.item02 {
  background: #323cb5;
}
.allvia-info-card-item.item02 img {
  max-width: 223px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item.item02 img {
    max-width: 111px;
  }
}
.allvia-info-card-item.item03 {
  background: rgba(62, 0, 153, 0.2);
}
.allvia-info-card-item.item03 img {
  max-width: 191px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item.item03 img {
    max-width: 96px;
  }
}
.allvia-info-card-item.item04 {
  background: #f59e0c;
}
.allvia-info-card-item.item04 img {
  max-width: 252px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item.item04 img {
    max-width: 103px;
  }
}
.allvia-info-card-item.item05 {
  background: #1f2937;
}
.allvia-info-card-item.item05 img {
  max-width: 178px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item.item05 img {
    max-width: 86px;
  }
}
.allvia-info-card-item.item06 {
  background: #12b981;
}
.allvia-info-card-item.item06 img {
  max-width: 222px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item.item06 img {
    max-width: 97px;
  }
}
.allvia-info-card-item.item07 {
  background: #8b5cf6;
}
.allvia-info-card-item.item07 img {
  max-width: 240px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item.item07 img {
    max-width: 115px;
  }
}
.allvia-info-card-item .badge {
  background: rgba(0, 0, 0, 0.2);
  color: #fff;
  border-radius: 100px;
  padding: 6px 20px;
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.3;
  margin-bottom: 80px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item .badge {
    font-size: 12px;
    padding: 4px 14px;
    margin-bottom: 19px;
    letter-spacing: -0.3px;
  }
}
.allvia-info-card-item .desc {
  font-size: 16px;
  font-weight: 500;
  letter-spacing: -0.4px;
  line-height: 1.3;
  color: #1b1c1e;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item .desc {
    font-size: 17px;
    letter-spacing: -0.3px;
    letter-spacing: -0.375px;
  }
}
.allvia-info-card-item .btn {
  font-size: 16px;
  font-weight: 600;
  letter-spacing: -0.4px;
  line-height: 34px;
  background-color: #fff;
  border-radius: 12px;
  color: #000;
  width: 100%;
  padding: 5px 10px;
  margin-top: 19px;
}
@media (max-width: 991.98px) {
  .allvia-info-card-item .btn {
    font-size: 14px;
    letter-spacing: -0.35px;
    margin-top: 23px;
  }
}

.result-section.allvia {
  padding: 120px 210px 177px;
  background-color: #efeff9;
}
@media (max-width: 991.98px) {
  .result-section.allvia {
    padding: 60px 24px;
  }
}
.result-section.allvia .title {
  font-size: 56px;
  font-weight: 700;
  letter-spacing: -1.4px;
  line-height: 72px;
  margin-bottom: 43px;
}
@media (max-width: 991.98px) {
  .result-section.allvia .title {
    font-size: 24px;
    margin-bottom: 30px;
  }
}
.result-section.allvia .img {
  width: 100%;
  height: 570px;
  border-radius: 20px;
  background: #323cb5;
  overflow: hidden;
}
@media (max-width: 1399.98px) {
  .result-section.allvia .img {
    height: 60%;
    max-width: 100%;
    margin-bottom: 16px;
  }
}
.result-section.allvia .img img {
  width: 100%;
  height: 100%;
}
.result-section.allvia .global-card {
  border-radius: 20px;
  background-color: #323cb5;
  padding: 30px 0;
  text-align: center;
}
.result-section.allvia .global-card .name {
  color: rgba(255, 255, 255, 0.9);
  font-size: 16px;
  font-weight: 400;
  letter-spacing: -0.4px;
  line-height: 34px;
}
@media (max-width: 991.98px) {
  .result-section.allvia .global-card .name {
    font-size: 12px;
    letter-spacing: -0.3px;
    line-height: 34px;
  }
}
.result-section.allvia .global-card .value .value-number {
  font-size: 60px;
  font-weight: 700;
  letter-spacing: -1.5px;
  line-height: 1.3;
}
@media (max-width: 991.98px) {
  .result-section.allvia .global-card .value .value-number {
    font-size: 40px;
    letter-spacing: -1px;
    line-height: 1.3;
  }
}
.result-section.allvia .global-card .value {
  color: #fff;
  font-size: 20px;
  font-weight: 500;
  letter-spacing: -0.5px;
  line-height: 1.3px;
}
@media (max-width: 991.98px) {
  .result-section.allvia .global-card .value {
    font-size: 16px;
    letter-spacing: -0.4px;
    line-height: 1.3;
  }
}
.result-section.allvia .global-card.outline {
  padding: 29px 18px;
  border-radius: 20px;
  border: 2px solid #323cb5;
  background: rgba(50, 60, 181, 0.1);
  text-align: center;
  font-size: 26px;
  font-weight: 600;
  letter-spacing: -0.65px;
  line-height: 1.3;
  color: #323cb5;
  height: 100%;
  width: 100%;
}
@media (max-width: 1399.98px) {
  .result-section.allvia .global-card.outline {
    margin-top: 16px;
  }
}
@media (max-width: 991.98px) {
  .result-section.allvia .global-card.outline {
    width: 100%;
    font-size: 16px;
    letter-spacing: -0.35px;
    padding: 16px;
    border-radius: 12px;
  }
}
.result-section.allvia .list-unstyled {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 14px;
}
.result-section.allvia .list-unstyled .list-item {
  padding: 16px 20px;
  border-radius: 16px;
  background: #fff;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  gap: 12px;
}
.result-section.allvia .list-unstyled .list-item .title-wrap {
  display: flex;
  flex-direction: row;
  align-items: center;
  gap: 10px;
  color: #323cb5;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.6px;
}
@media (max-width: 991.98px) {
  .result-section.allvia .list-unstyled .list-item .title-wrap {
    font-size: 20px;
    letter-spacing: -0.5px;
  }
}
.result-section.allvia .list-unstyled .list-item .badge {
  display: flex;
  padding: 8px 10px;
  justify-content: center;
  align-items: center;
  border-radius: 100px;
  background: #323cb5;
  color: #fff;
  text-align: center;
  font-size: 12px;
  font-weight: 600;
  line-height: 130%;
  letter-spacing: -0.3px;
}
@media (max-width: 991.98px) {
  .result-section.allvia .list-unstyled .list-item .badge {
    padding: 6px 10px;
    font-size: 10px;
    letter-spacing: -0.25px;
    line-height: 130%;
  }
}
.result-section.allvia .list-unstyled .list-item .desc {
  color: #1b1c1e;
  font-size: 16px;
  font-weight: 500;
  line-height: 130%;
  letter-spacing: -0.4px;
}
@media (max-width: 991.98px) {
  .result-section.allvia .list-unstyled .list-item .desc {
    color: #1b1c1e;
    font-size: 16px;
    letter-spacing: -0.35px;
    line-height: 130%;
  }
}

.guide-visual {
  background: linear-gradient(0deg, rgba(91, 110, 246, 0) 2.1%, #5b6ef6 95.11%);
  padding: 268px 0;
}
@media (max-width: 991.98px) {
  .guide-visual {
    padding: 147px 0 116px;
  }
}
.guide-visual .title {
  color: #fff;
  text-align: center;
  font-size: 76px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.9px;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .guide-visual .title {
    font-size: 30px;
    letter-spacing: -0.75px;
    margin-bottom: 12px;
  }
}
.guide-visual .desc {
  color: #fff;
  text-align: center;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.9px;
  font-size: 32px;
}
@media (max-width: 991.98px) {
  .guide-visual .desc {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
}

.guide-section {
  padding: 0 16px;
}
.guide-section .title-box {
  color: #000;
  text-align: center;
  font-size: 50px;
  letter-spacing: -1.25px;
}
.guide-section .title-box .title {
  line-height: 130%;
  margin-bottom: 20px;
  font-weight: 700;
}
@media (max-width: 991.98px) {
  .guide-section .title-box .title {
    font-size: 28px;
    letter-spacing: -0.7px;
    margin-bottom: 16px;
  }
}
.guide-section .title-box .desc {
  color: #000;
  font-size: 22px;
  font-weight: 400;
  letter-spacing: -0.55px;
  line-height: 130%;
}
@media (max-width: 991.98px) {
  .guide-section .title-box .desc {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.35px;
  }
}
.guide-section .step-box {
  display: flex;
  align-items: center;
  justify-content: space-between;
  flex-wrap: wrap;
}
@media (max-width: 991.98px) {
  .guide-section .step-box {
    justify-content: center;
  }
}
.guide-section .step-box .quide-arrow {
  background-image: url("../images/guide-arrow.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 18px;
  height: 18px;
}
@media (max-width: 991.98px) {
  .guide-section .step-box .quide-arrow {
    background-image: url("../images/guide-arrow-down.svg");
  }
}
.guide-section .step-box .step-item img {
  margin-bottom: 23px;
  height: 156px;
}
@media (max-width: 991.98px) {
  .guide-section .step-box .step-item img {
    height: 80px;
    margin-bottom: 12px;
  }
}
.guide-section .step-box .step-item .badge {
  border-radius: 100px;
  border: 2px solid #5465e3;
  background: #5465e3;
  padding: 8px 12px;
  color: #fff;
  text-align: center;
  font-size: 18px;
  font-weight: 600;
  line-height: 120%;
  letter-spacing: -0.45px;
  position: absolute;
  top: -19px;
  right: -21px;
}
@media (max-width: 991.98px) {
  .guide-section .step-box .step-item .badge {
    padding: 6px 8px;
    font-size: 12px;
    font-weight: 600;
    letter-spacing: -0.3px;
    top: -12px;
    right: -9px;
  }
}
.guide-section .step-box .step-item .number {
  color: #5b6ef6;
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  line-height: 34px;
  letter-spacing: -0.75px;
  margin-bottom: 12px;
}
@media (max-width: 991.98px) {
  .guide-section .step-box .step-item .number {
    font-size: 16px;
    letter-spacing: -0.4px;
    margin-bottom: 0;
  }
}
.guide-section .step-box .step-item .name {
  color: #1b1c1e;
  text-align: center;
  font-size: 24px;
  font-weight: 500;
  line-height: 34px;
  letter-spacing: -0.6px;
}
@media (max-width: 991.98px) {
  .guide-section .step-box .step-item .name {
    font-size: 14px;
    line-height: 140%;
    letter-spacing: -0.35px;
  }
}
.guide-section .desc-box {
  border-radius: 20px;
  background: #5b6ef6;
  max-width: 1192px;
  width: 100%;
  height: 177px;
  display: flex;
  justify-content: center;
  align-items: center;
  margin: 68px auto 0;
  color: #fff;
  gap: 72px;
  padding: 0 20px;
}
@media (max-width: 991.98px) {
  .guide-section .desc-box {
    height: 100%;
    padding: 20px 0;
    margin-top: 40px;
    gap: 20px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
    max-width: 343px;
    width: 100%;
  }
}
.guide-section .desc-box .title {
  color: #fff;
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.75px;
}
@media (max-width: 991.98px) {
  .guide-section .desc-box .title {
    text-align: center;
    font-size: 24px;
    letter-spacing: -0.6px;
  }
}
.guide-section .desc-box .desc-wrap {
  display: flex;
  gap: 40px;
}
@media (max-width: 991.98px) {
  .guide-section .desc-box .desc-wrap {
    gap: 10px;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }
}
.guide-section .desc-box .desc-wrap .desc-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
}
@media (max-width: 991.98px) {
  .guide-section .desc-box .desc-wrap .desc-list {
    gap: 10px;
  }
}
.guide-section .desc-box .desc-wrap .desc-list .guide-check {
  background-image: url("../images/guide-check.svg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  width: 28px;
  height: 28px;
}
@media (max-width: 991.98px) {
  .guide-section .desc-box .desc-wrap .desc-list .guide-check {
    width: 20px;
    height: 20px;
  }
}
.guide-section .desc-box .desc-wrap .desc-list li {
  display: flex;
  align-items: center;
  gap: 9px;
}
@media (max-width: 991.98px) {
  .guide-section .desc-box .desc-wrap .desc-list li {
    justify-content: center;
  }
}
.guide-section .desc-box .desc-wrap .desc-list li .desc {
  color: #fff;
  font-size: 22px;
  font-weight: 600;
  line-height: 140%;
  letter-spacing: -0.55px;
}
@media (max-width: 991.98px) {
  .guide-section .desc-box .desc-wrap .desc-list li .desc {
    font-size: 14px;
    letter-spacing: -0.35px;
    line-height: 140%;
  }
}
.guide-section .info-box {
  max-width: 730px;
  width: 100%;
  border-radius: 20px;
  background: #f0f2ff;
  padding: 50px;
  text-align: center;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
@media (max-width: 991.98px) {
  .guide-section .info-box {
    border-radius: 16px;
    max-width: 100%;
    padding: 20px 16px;
    flex-direction: column;
  }
}
.guide-section .info-box .text-box .title {
  color: #5b6ef6;
  font-size: 30px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.75px;
  margin-bottom: 16px;
}
@media (max-width: 991.98px) {
  .guide-section .info-box .text-box .title {
    font-size: 24px;
    letter-spacing: -0.6px;
  }
}
.guide-section .info-box .text-box .desc {
  color: #000;
  text-align: center;
  font-size: 18px;
  font-weight: 400;
  line-height: 130%;
  letter-spacing: -0.45px;
  word-break: keep-all;
}
.guide-section .info-box .text-box .desc .sub-desc {
  color: rgba(0, 0, 0, 0.6);
}
@media (max-width: 991.98px) {
  .guide-section .info-box .text-box .desc {
    font-size: 14px;
    letter-spacing: -0.35px;
  }
}
.guide-section .info-box .btn {
  display: flex;
  height: 74px;
  padding: 10px;
  justify-content: center;
  align-items: center;
  color: #fff;
  font-size: 24px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.6px;
  border-radius: 16px;
  background: #5b6ef6;
  width: 100%;
  margin-top: auto;
}
@media (max-width: 991.98px) {
  .guide-section .info-box .btn {
    padding: 16px 10px;
    border-radius: 8px;
    font-size: 16px;
    letter-spacing: -0.4px;
    height: 53px;
  }
}
.guide-section .info-box.inquiry {
  background-color: #f0f0f0;
}
.guide-section .info-box.inquiry .num-box p {
  color: #000;
  font-size: 18px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -0.45px;
  margin-bottom: 10px;
}
@media (max-width: 991.98px) {
  .guide-section .info-box.inquiry .num-box p {
    font-size: 14px;
    font-style: normal;
    font-weight: 400;
    line-height: 130%; /* 18.2px */
    letter-spacing: -0.35px;
    margin-bottom: 16px;
  }
}
.guide-section .info-box.inquiry .num-box .num {
  color: #5b6ef6;
  font-family: Pretendard;
  font-size: 49px;
  font-weight: 700;
  line-height: 130%;
  letter-spacing: -1.225px;
  margin-bottom: 42px;
}
@media (max-width: 991.98px) {
  .guide-section .info-box.inquiry .num-box .num {
    font-size: 34px;
    letter-spacing: -0.85px;
    margin-bottom: 20px;
  }
}
.guide-section .info-box.inquiry .text-box {
  border-radius: 20px;
  background: #fff;
  padding: 20px;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  flex-grow: 1;
  margin-bottom: 26px;
}
@media (max-width: 991.98px) {
  .guide-section .info-box.inquiry .text-box {
    margin-bottom: 20px;
  }
}
.guide-section .info-box.inquiry .text-box .title {
  color: #000;
  font-size: 30px;
}
@media (max-width: 991.98px) {
  .guide-section .info-box.inquiry .text-box .title {
    font-size: 24px;
    letter-spacing: -0.6px;
  }
}
.guide-section.guide-section01 {
  padding: 80px 16px 210px;
}
@media (max-width: 991.98px) {
  .guide-section.guide-section01 {
    padding: 0px 16px 100px;
  }
}
.guide-section.guide-section01 .step-box {
  max-width: 884px;
  width: 100%;
  margin: 80px auto 0;
}
@media (max-width: 991.98px) {
  .guide-section.guide-section01 .step-box {
    margin-top: 30px;
    flex-direction: column;
    align-items: center;
    gap: 20px;
  }
}
.guide-section.guide-section02 {
  padding: 0 16px 210px;
}
@media (max-width: 991.98px) {
  .guide-section.guide-section02 {
    padding: 0px 16px 100px;
  }
}
.guide-section.guide-section02 .step-box {
  max-width: 1500px;
  width: 100%;
  margin: 68px auto 80px;
}
@media (max-width: 991.98px) {
  .guide-section.guide-section02 .step-box {
    margin-top: 40px;
    margin-bottom: 40px;
    align-items: center;
    gap: 20px;
  }
}

.toast {
  --bs-toast-zindex: 1090;
  --bs-toast-padding-x: 1rem;
  --bs-toast-padding-y: 0.75rem;
  --bs-toast-spacing: 1.5rem;
  --bs-toast-max-width: 420px;
  --bs-toast-font-size: 0.875rem;
  --bs-toast-color: ;
  --bs-toast-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-border-width: var(--bs-border-width);
  --bs-toast-border-color: var(--bs-border-color-translucent);
  --bs-toast-border-radius: 1rem;
  --bs-toast-box-shadow: var(--bs-box-shadow);
  --bs-toast-header-color: var(--bs-secondary-color);
  --bs-toast-header-bg: rgba(var(--bs-body-bg-rgb), 0.85);
  --bs-toast-header-border-color: var(--bs-border-color-translucent);
  width: var(--bs-toast-max-width);
  max-width: 100%;
  font-size: var(--bs-toast-font-size);
  color: var(--bs-toast-color);
  pointer-events: auto;
  background-color: var(--bs-toast-bg);
  background-clip: padding-box;
  border: var(--bs-toast-border-width) solid var(--bs-toast-border-color);
  box-shadow: var(--bs-toast-box-shadow);
  border-radius: var(--bs-toast-border-radius);
}

.toast.showing {
  opacity: 0;
}

.toast:not(.show) {
  display: none;
}

.toast-container {
  --bs-toast-zindex: 1090;
  position: absolute;
  z-index: var(--bs-toast-zindex);
  width: -moz-max-content;
  width: max-content;
  max-width: 100%;
  pointer-events: none;
}

.toast-container> :not(:last-child) {
  margin-bottom: var(--bs-toast-spacing);
}

.toast-header {
  display: flex;
  align-items: center;
  padding: var(--bs-toast-padding-y) var(--bs-toast-padding-x);
  color: var(--bs-toast-header-color);
  background-color: var(--bs-toast-header-bg);
  background-clip: padding-box;
  border-bottom: var(--bs-toast-border-width) solid var(--bs-toast-header-border-color);
  border-top-left-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
  border-top-right-radius: calc(var(--bs-toast-border-radius) - var(--bs-toast-border-width));
}

.toast-header .btn-close {
  margin-right: calc(-0.5 * var(--bs-toast-padding-x));
  margin-left: var(--bs-toast-padding-x);
}

.toast-body {
  padding: var(--bs-toast-padding-x);
  word-wrap: break-word;
}

.pionada-number-info {
  font-size: 18px;
}
@media (max-width: 991.98px) {
  .pionada-number-info {
    font-size: 13px;
  }
}
/*# sourceMappingURL=style.css.map */