:root {
    --padding-y: 200px;
}
@media screen and (max-width: 1024px) {
    :root {
        --padding-y: 100px;
    }
}
@media screen and (max-width: 768px) {
    :root {
        --padding-y: 60px;
    }
}

[data-split-animate="fill"] { color: inherit; }
[data-split-animate="fill"] .line { overflow: hidden; }
[data-split-animate="fill"] .sentence-fill { top: 100%; color: var(--clr-black); mask: revert; -webkit-mask: revert; }

/* COMMON */
.section-bg { margin-right: var(--gap); margin-left: var(--gap); background: var(--background-primary); border-radius: 30px; }

.dot-text { position: relative; padding-left: 0.86em; font-size: var(--text-lg); }
.dot-text::before { content: ''; position: absolute; top: 0.725em; left: 0; width: 0.2em; height: 0.2em; background: currentColor; border-radius: 50%; will-change: transform; }
.dot-heading { position: relative; padding-left: 1em; font-family: "Montserrat", "Paperlogy", "Pretendard", sans-serif; font-size: var(--text-lg); font-weight: 600; color: var(--clr-dark); }
.dot-heading::before { content: ''; position: absolute; top: 0.5em; left: 0; width: 0.3333em; height: 0.3333em; background: var(--clr-primary); }
.dot-heading.dot-orange::before { background: var(--clr-orange); }
.dot-list > li { position: relative; margin-bottom: 0.833em; padding-left: 0.833em; }
.dot-list > li::before { content: ''; position: absolute; top: 0.555em; left: 0; width: 0.277em; height: 0.277em; background: currentColor; border-radius: 0; will-change: transform; }
.dot-list > li.dot-primary::before { background: var(--clr-primary); }
.dot-list > li:last-child { margin-bottom: 0; }
/*
.badges { display: flex; flex-wrap: wrap; gap: 5px; }
.badge { display: inline-flex; align-items: center; padding: 0 15px; height: 30px; font-family: var(--font-secondary); font-size: 1.4rem; font-weight: 600; color: #666666; border: 1px solid #DDDDDD; border-radius: 30px; white-space: nowrap; }
.badge-gray { background: #EEEEEE; border-color: #EEEEEE;  }
.badge-dark-navy { color: #fff; background: var(--clr-dark-navy); border-color: var(--clr-dark-navy); } */
@media screen and (max-width: 1024px) {
    .section-bg { border-radius: 24px; }

    /* .badge { padding: 0 10px; height: 26px; font-size: 1.3rem; } */
}
@media screen and (max-width: 768px) {
    .dot-text { padding-left: 0.65em; }

    /* .badge { padding: 0 6px; height: 24px; font-size: 1.2rem; } */
}

[data-reveal] { visibility: hidden; }


/* 카테고리 탭 */
.categories-container .categories { --padding: 5px; --height: 60px; display: inline-flex; align-items: center; position: relative; padding: var(--padding); border-radius: 60px; box-shadow: 0 0 0 2px var(--border); }
.categories-container .categories::before { content: ''; position: absolute; top: var(--padding); left: 0; width: var(--width, 0px); height: calc(var(--height) - var(--padding) * 2); border-radius: 60px; background: var(--clr-black); transition: all .55s cubic-bezier(.22,1,.36,1); transform: translateX(var(--transformX, 0px)); pointer-events: none; opacity: 0; }
.categories-container .categories[data-active]::before { opacity: 1; }
.categories-container .categories .item { z-index: 2; position: relative; display: inline-flex; align-items: center; padding: 0 clamp(12px, 1.05vw, 30px); height: calc(var(--height) - var(--padding) * 2); text-align: center; font-size: clamp(1.2rem, 0.73vw, 1.7rem); font-weight: 600; white-space: nowrap; border-radius: 60px; transition: all .35s ease; }
.categories-container .categories .icon { margin-right: 10px; width: 18px; height: 18px; }
.categories-container .icon-all::before { mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.14844 3.70313C3.14844 3.15084 3.59615 2.70312 4.14844 2.70312H7.54844C8.10072 2.70312 8.54844 3.15084 8.54844 3.70312V7.10312C8.54844 7.65541 8.10072 8.10313 7.54844 8.10313H4.14844C3.59615 8.10313 3.14844 7.65541 3.14844 7.10313V3.70313Z' fill='white'/%3E%3Cpath d='M10.3516 3.70313C10.3516 3.15084 10.7993 2.70312 11.3516 2.70312H14.7516C15.3038 2.70312 15.7516 3.15084 15.7516 3.70312V7.10312C15.7516 7.65541 15.3038 8.10313 14.7516 8.10313H11.3516C10.7993 8.10313 10.3516 7.65541 10.3516 7.10313V3.70313Z' fill='white'/%3E%3Cpath d='M3.14844 10.8984C3.14844 10.3462 3.59615 9.89844 4.14844 9.89844H7.54844C8.10072 9.89844 8.54844 10.3462 8.54844 10.8984V14.2984C8.54844 14.8507 8.10072 15.2984 7.54844 15.2984H4.14844C3.59615 15.2984 3.14844 14.8507 3.14844 14.2984V10.8984Z' fill='white'/%3E%3Cpath d='M10.3516 12.5984C10.3516 13.3145 10.636 14.0013 11.1424 14.5076C11.6487 15.014 12.3355 15.2984 13.0516 15.2984C13.7676 15.2984 14.4544 15.014 14.9608 14.5076C15.4671 14.0013 15.7516 13.3145 15.7516 12.5984C15.7516 11.8824 15.4671 11.1956 14.9608 10.6892C14.4544 10.1829 13.7676 9.89844 13.0516 9.89844C12.3355 9.89844 11.6487 10.1829 11.1424 10.6892C10.636 11.1956 10.3516 11.8824 10.3516 12.5984Z' fill='white'/%3E%3C/svg%3E%0A"); }
.categories-container .icon-fun::before { mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8 7C8 7.55227 7.55228 8 7 8C6.44772 8 6 7.55227 6 7C6 6.44771 6.44772 6 7 6C7.55228 6 8 6.44771 8 7Z' fill='%23AAAAAA'/%3E%3Cpath d='M11 8C11.5523 8 12 7.55227 12 7C12 6.44771 11.5523 6 11 6C10.4477 6 10 6.44771 10 7C10 7.55227 10.4477 8 11 8Z' fill='%23AAAAAA'/%3E%3Cpath d='M6.95731 11.118C6.6911 10.9207 6.31534 10.9765 6.11802 11.2428C5.92069 11.509 5.97654 11.8847 6.24274 12.082C7.02066 12.6586 7.97202 13 9 13C10.028 13 10.9793 12.6586 11.7572 12.082C12.0235 11.8847 12.0793 11.509 11.882 11.2428C11.6847 10.9765 11.3088 10.9207 11.0427 11.118C10.46 11.5499 9.75671 11.8 9 11.8C8.24329 11.8 7.53995 11.5499 6.95731 11.118Z' fill='%23AAAAAA'/%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 1C4.56626 1 1 4.69758 1 9.22371V14.7474C1 16.1215 2.42323 17.0715 3.67356 16.4276C4.18084 16.1663 4.78408 16.2043 5.25791 16.5298C6.17104 17.1567 7.36384 17.1567 8.27695 16.5298L8.53942 16.3495C8.81931 16.1573 9.18069 16.1573 9.46058 16.3495L9.72305 16.5298C10.6362 17.1567 11.8289 17.1567 12.7421 16.5298C13.2159 16.2043 13.8191 16.1663 14.3264 16.4276C15.5767 17.0715 17 16.1215 17 14.7474V9.22371C17 4.69758 13.4337 1 9 1ZM2.11628 9.22371C2.11628 5.28268 5.21369 2.11628 9 2.11628C12.7863 2.11628 15.8837 5.28268 15.8837 9.22371V14.7474C15.8837 15.3414 15.2962 15.6714 14.8375 15.4351C13.9635 14.9851 12.9213 15.0525 12.1102 15.6095C11.5778 15.9751 10.8873 15.9751 10.3549 15.6095L10.0925 15.4293C9.43193 14.9757 8.56807 14.9757 7.90753 15.4293L7.64506 15.6095C7.11265 15.9751 6.42224 15.9751 5.88982 15.6095C5.07869 15.0525 4.03647 14.9851 3.16246 15.4351C2.70381 15.6714 2.11628 15.3414 2.11628 14.7474V9.22371Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A"); }
.categories-container .icon-people::before { mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 16V14.3333C13 13.4493 12.6839 12.6014 12.1213 11.9763C11.5587 11.3512 10.7956 11 10 11H4C3.20435 11 2.44129 11.3512 1.87868 11.9763C1.31607 12.6014 1 13.4493 1 14.3333V16' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7 8C8.65685 8 10 6.65685 10 5C10 3.34315 8.65685 2 7 2C5.34315 2 4 3.34315 4 5C4 6.65685 5.34315 8 7 8Z' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M17 16V14.2964C16.9996 13.5415 16.8029 12.8082 16.4409 12.2115C16.0789 11.6149 15.5721 11.1887 15 11' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12 3C12.5721 3.14213 13.0792 3.46497 13.4413 3.91762C13.8034 4.37027 14 4.92699 14 5.5C14 6.07301 13.8034 6.62973 13.4413 7.08238C13.0792 7.53503 12.5721 7.85787 12 8' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.categories-container .icon-education::before { mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.25 3V15H5.25C4.85218 15 4.47064 14.842 4.18934 14.5607C3.90804 14.2794 3.75 13.8978 3.75 13.5V4.5C3.75 4.10218 3.90804 3.72064 4.18934 3.43934C4.47064 3.15804 4.85218 3 5.25 3H14.25Z' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.25 12H5.25C4.85218 12 4.47064 12.158 4.18934 12.4393C3.90804 12.7206 3.75 13.1022 3.75 13.5' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6.75 6H11.25' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.categories-container .icon-spotlight::before { mask-image: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_9808_14268)'%3E%3Cpath d='M11.4688 14.6719L11.9975 16.5004' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M12.75 12L15.5685 13.5735' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M14.25 9.37037L16.5195 8.92188' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M5.70894 4.72894C5.18726 4.484 4.59148 4.44859 4.04446 4.63C3.49744 4.81141 3.04089 5.19581 2.76894 5.70394L1.73394 7.79644C1.49126 8.3173 1.45706 8.91127 1.63836 9.45655C1.81965 10.0018 2.2027 10.4571 2.70894 10.7289L7.87644 13.4267C7.96454 13.4708 8.06046 13.4971 8.15873 13.5041C8.25699 13.5111 8.35568 13.4987 8.44915 13.4676C8.54261 13.4364 8.62903 13.3872 8.70346 13.3227C8.7779 13.2581 8.83888 13.1796 8.88294 13.0914L11.2124 8.43319C11.3013 8.25534 11.3158 8.04951 11.253 7.86092C11.1901 7.67234 11.055 7.51642 10.8772 7.42744L5.70894 4.72894Z' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M6 6.75V1.5' stroke='%23AAAAAA' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_9808_14268'%3E%3Crect width='18' height='18' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A"); }
.categories-container .item.active { color: #ffffff; }
.categories-container .divide { flex: 0 0 auto; margin-left: auto; width: 1px; height: 12px; background: #bec3c7; }
.categories-container .reset { display: flex; align-items: center; justify-content: center; margin-right: 3px; padding: 0 16px; font-size: clamp(1.2rem, 0.73vw, 1.4rem); font-weight: 500; color: var(--clr-text); }
.categories-container .mobile-dropdown .item.active { font-weight: 700; color: inherit !important; background: none !important; }
.categories-container .categories.no-transition::before { transition: none; }
.categories-container .categories[data-active]::before { opacity: 1; }
.categories-container .categories:not([data-active]) .item:hover { color: #fff; background: var(--clr-dark-navy); }
.categories-container .categories .item.active { color: #fff; }
.categories-container .categories[data-hovering] .item.active { color: inherit; }
.categories-container .categories[data-active] .item.hover { color: #fff; }

@media screen and (max-width: 1200px) {
    /* .categories-container .categories { display: none; } */
    .calendar-head { margin-top: 20px; }
    .flatpickr-weekdays .flatpickr-weekdaycontainer { gap: 10px 5px; }
    .dayContainer{ gap: 5px; min-width: auto; }
    .modal .calendar-head .ts-wrapper.single .ts-control { padding: 10px 46px 10px 20px !important; }
    .calendar-head .month-prev,
    .calendar-head .month-next { width: 40px; height: 40px; }
    .flatpickr-day { display: inline-flex; align-items: center; justify-content: center; line-height: normal; aspect-ratio: 1; font-size: 1.3rem; }
}


.categories-container .calendar-tab .item { flex: 1 1; justify-content: center; }


.mobile-dropdown { display: none; position: relative; margin-bottom: 30px; }
.mobile-dropdown .dropdown-toggle { display: inline-flex; align-items: center; position: relative; padding: 0 24px; width: 100%; height: 52px; border: 1px solid var(--border); border-radius: 12px; }
.mobile-dropdown .dropdown-toggle::after {
    content: ''; display: block; position: absolute; top: 0; bottom: 0; right: 18px; margin: auto; width: 30px; height: 30px;
    background-repeat: no-repeat; background-position: center; background-size: auto 100%;
    background-image: url("data:image/svg+xml,%3Csvg width='37' height='37' viewBox='0 0 37 37' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 14L18 22L26 14' stroke='%23999999' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.mobile-dropdown .dropdown-toggle .icon,
.mobile-dropdown .dropdown-toggle .icon-bg { margin-right: 8px; }
.mobile-dropdown .dropdown-menu { z-index: 2; display: none; position: absolute; top: 100%; left: 0; width: 100%; margin-top: 6px; padding: 16px 24px; background: #fff; border: 1px solid var(--border); border-radius: 12px; }
.mobile-dropdown .dropdown-menu .link,
.mobile-dropdown .dropdown-menu .item { display: flex; align-items: center; padding: 10px 0; font-weight: 500; }
.mobile-dropdown .dropdown-menu .link .icon,
.mobile-dropdown .dropdown-menu .link .icon-bg,
.mobile-dropdown .dropdown-menu .item .icon,
.mobile-dropdown .dropdown-menu .item .icon-bg  { margin-right: 8px; }
.mobile-dropdown.is-open .dropdown-toggle::after { transform: scaleY(-1); }
.mobile-dropdown.is-open .dropdown-menu { display: block; }
@media screen and (max-width: 1024px) {
    .mobile-dropdown { display: block; }

}
@media screen and (max-width: 768px) {
    .mobile-dropdown .dropdown-toggle { padding: 0 20px; height: 44px; }
    .mobile-dropdown .dropdown-toggle::after { right: 14px; width: 24px; height: 24px; }
    .mobile-dropdown .dropdown-menu { padding: 16px 20px; }
}


/* Elements */
.table-basic { text-align: center; color: var(--clr-dark); border-top: 1px solid #000; }
.table-basic th { padding: 20px 4px; font-weight: 500; color: var(--clr-black); border-bottom: 1px solid #000; }
.table-basic td { padding: 20px 4px; border-bottom: 1px solid var(--border); }
.table-basic .text { display: flex; font-family: "Montserrat", "Pretendard", sans-serif; text-align: left; }
.table-basic .text .badge { margin-left: 0.65em; }
.table-basic .tr-receive { display: none; }
.table-basic .tr-receive td { padding: 40px; font-size: var(--text-sm); text-align: left; background: #F4F8FA; }
@media (hover: hover) and (pointer: fine) {
    .table-basic a.text:hover { text-decoration: underline; text-underline-offset: 0.2em; }
}
@media screen and (max-width: 1024px) {
    .table-basic .text { line-height: 1.4; }
    .table-basic th { padding: 16px 4px; }
    .table-basic td { padding: 16px 4px; }
}
@media screen and (max-width: 768px) {
    .table-basic th { padding: 12px 4px; }
    .table-basic td { padding: 12px 4px; font-size: 1.3rem; }
}

.table { text-align: center; border-top: 1px solid #000; }
.table th { padding: 18px 4px; font-weight: 500; border-bottom: 1px solid #000; }
.table td { padding: 19px 4px; border-bottom: 1px solid #EEEEEE; }
.table td.th { padding: 18px 4px; font-weight: 500; border-bottom: 1px solid #000; }
.table tr.bg td { font-weight: 500; background: #DFE5EB; }
@media (hover: hover) and (pointer: fine) {
}
@media screen and (max-width: 1024px) {
    .table th { padding: 14px 4px; }
    .table td { padding: 14px 4px; }
    .table td.th { padding: 14px 4px; }
}
@media screen and (max-width: 768px) {
    .table th { padding: 10px 4px; }
    .table td { padding: 10px 4px; font-size: 1.3rem; }
    .table td.th { padding: 10px 4px; font-size: 1.3rem; }
}


/* Page Lead */
.page-lead { z-index: 4; display: flex; align-items: flex-end; position: relative; height: 100dvh; min-height: 800px; background: #000; }
.page-lead .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.page-lead .background .item { display: block; width: 100%; height: 100%; object-fit: cover; opacity: 0; }
.page-lead .breadcrumb { opacity: 0; will-change: transform; }
.page-lead .breadcrumb .lists { display: flex; justify-content: flex-start; margin-bottom: 10px; }
.page-lead .breadcrumb .lists .item { display: flex; align-items: center; position: relative; font-weight: 500; color: var(--clr-black); }
.page-lead .breadcrumb .lists .item:not(:last-child) { opacity: 0.8; }
.page-lead .breadcrumb .lists .item:not(:last-child)::after { content: ''; display: inline-block; margin: 0 20px; width: 1px; height: 50%; background: #6f8fa0; }
.page-lead .breadcrumb .lists .link { display: flex; color: rgba(255, 255, 255, 1); }
.page-lead .breadcrumb .lists .icon { vertical-align: middle; width: 20px; height: 20px; transition: none; }
.page-lead .breadcrumb .toggle { padding-right: 32px; font-family: "Montserrat", "Paperlogy", "Pretendard", sans-serif; }
.page-lead .breadcrumb .toggle[aria-pressed="true"] .icon { transform: scaleY(-1); }
.page-lead .breadcrumb .toggle[aria-pressed="true"] + .sub-menu { visibility: visible; opacity: 1; }
.page-lead .breadcrumb .sub-menu { z-index: 10; position: absolute; top: 100%; left: -24px; padding-top: 6px; visibility: hidden; opacity: 0; }
.page-lead .breadcrumb .sub-menu .depth2 { display: flex; flex-wrap: wrap; width: 280px; padding: 24px; background: #fff; border: 1px solid var(--background); border-radius: 10px; box-shadow: 2px 3px 4px 0 rgba(0, 0, 0, .08); }
.page-lead .breadcrumb .sub-menu .depth2 li { width: 50%; }
.page-lead .breadcrumb .sub-menu .depth2 li:nth-child(2n) { padding-left: 16px; }
.page-lead .breadcrumb .sub-menu .depth2 a { display: inline-flex; padding: 6px 0; font-weight: 400; color: var(--clr-dark); white-space: nowrap; }
.page-lead .contents { position: relative; width: 100%; color: #fff; }
.page-lead .contents .inner { padding: 0 5%; max-width: none; width: 100%; }
.page-lead .flex { display: flex; position: relative; margin-top: 100px; }
.page-lead .flex .side { padding: 20px 2.6% 80px 5%; width: 600px; }
.page-lead .flex .context { flex: 1 1; display: flex; align-items: flex-start; justify-content: space-between; gap: clamp(10px, 1.57vw, 30px); position: relative; padding: 20px 2.6% 80px; }
.page-lead .flex .border { position: absolute; top: 0; left: 0; width: 100%; height: 1px; background: rgba(255, 255, 255, 0.2); transform: scaleX(0); transform-origin: 25% 50%; }
.page-lead .flex .border-2 { width: 1px; height: 100%; transform: scaleY(0); transform-origin: top; }
.page-lead .flex .border-3 { left: auto; right: 0; width: 1px; height: 100%; transform: scaleY(0); transform-origin: top; }

.page-lead .heading .icon-image { margin-right: 10px; margin-left: -10px; width: 60px; height: 60px; }
.page-lead .heading .icon-lg { width: 92px; height: auto; }
.page-lead .page-lead-heading { font-size: clamp(2.4rem, 4.17vw, 8rem); font-weight: 500; }
.page-lead .page-lead-heading .line { overflow: hidden; }
.page-lead .page-lead-heading .sentence { opacity: 0; will-change: transform; }
.page-lead .page-lead-badge { display: flex; align-items: center; gap: 10px; font-size: clamp(1.4rem, 0.94vw, 1.8rem); font-weight: 500; opacity: 0; will-change: transform; }
.page-lead .page-lead-badge::before { content: ''; width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
.page-lead .page-lead-text { flex: 1 1; font-size: clamp(1.4rem, 0.94vw, 1.8rem); opacity: 0; will-change: transform; }
@media screen and (min-width: 1025px) {
    .page-lead .flex .border-3 { display: none; }
}
@media screen and (max-width: 1024px) {
    .page-lead { min-height: 480px; }
	.page-lead .flex { flex-direction: column-reverse; margin-top: 24px; }
    .page-lead .flex .side { display: none; }
    .page-lead .flex .context { flex-direction: column; margin-right: auto; margin-left: auto; padding: 24px 5% 60px; max-width: var(--inner); width: 90%; }
    .page-lead .flex .border-1 { transform-origin: center; }
}
@media screen and (max-width: 768px) {

}


.breadcrumb { display:flex; align-items:center; gap:10px; }
.breadcrumb__item { position:relative; }
.breadcrumb__item--home .breadcrumb__link { display:flex; align-items:center; justify-content:center; width:30px; height:30px; color:#fff; }
.breadcrumb__link,
.breadcrumb__current,
.breadcrumb__dropdown-link,
.breadcrumb__dropdown-button { font-size: var(--text-sm); font-weight: 500; color: #fff; text-decoration: none; }
.breadcrumb__current { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 0 30px; min-width: 200px; height: 50px; border: 1px solid rgba(255,255,255); border-radius: 50px; background: none; color: #fff; cursor: pointer; text-align: left; }
.breadcrumb__current::after { content: ''; margin-top: -2px; width: 10px; height: 10px; border-right: 2px solid #fff; border-bottom: 2px solid #fff; transform: rotate(45deg) translateY(-2px); transition: transform .3s; }
.breadcrumb__dropdown { position: absolute; bottom: calc(100% + 8px); left: 0; z-index: 10; min-width: 100%; margin: 0; padding: 8px 0; list-style: none; border: 1px solid rgba(255,255,255,.3); border-radius: 20px; background: rgba(0,0,0,.75); backdrop-filter: blur(20px); opacity: 0; visibility: hidden; transform: translateY(10px); transition: .3s; }
.breadcrumb__dropdown-item { margin: 0; }
.breadcrumb__dropdown-link,
.breadcrumb__dropdown-button { display: flex; align-items: center; width: 100%; min-height: 44px; padding: 0 20px; background: none; border: 0; color: #fff; cursor: pointer; text-align: left; white-space: nowrap; }
.breadcrumb__item--opened .breadcrumb__current::after { transform:rotate(-135deg) translateY(-2px); }
.breadcrumb__item--opened .breadcrumb__dropdown { opacity: 1; visibility: visible; transform: translateY(0); }
.breadcrumb__dropdown-item--active .breadcrumb__dropdown-link,
.breadcrumb__dropdown-item--active .breadcrumb__dropdown-button { font-weight: 700; }
@media (hover: hover) and (pointer: fine) {
    .breadcrumb__dropdown-link:hover,
    .breadcrumb__dropdown-button:hover { background: rgba(255,255,255,.08); }
}
@media screen and (max-width: 1024px) {
	.breadcrumb__current { padding: 0 20px; height: 44px; }
}
@media screen and (max-width: 768px) {

}


.page-lead-tab { --height: 60px; --radius: 30px; z-index: 5; position: relative; margin-top: calc(var(--height) * -1); }
.page-lead-tab .swiper { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; background: rgba(0, 0, 0, 0.2); backdrop-filter: blur(10px); border-radius: var(--radius) var(--radius) 0 0; }
.page-lead-tab .swiper-wrapper { justify-content: center; }
.page-lead-tab .swiper-slide { position: relative; }
.page-lead-tab .swiper-slide:last-child { margin-right: 0; }
.page-lead-tab ul { display: flex; margin: auto; max-width: 1500px; width: 90%; }
.page-lead-tab li { flex: 1 1; width: auto; }
.page-lead-tab a,
.page-lead-tab button { display: inline-flex; align-items: center; justify-content: center; position: relative; width: 100%; height: var(--height); text-align: center; color: #FFFFFF; font-weight: 600; border-radius: var(--radius) var(--radius) 0 0; transition: all .15s ease; }
/* .page-lead-tab span { position: relative; display: flex; align-items: center; padding: 10px; height: 100%; } */
/* .page-lead-tab span::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 3px; background: transparent; } */
.page-lead-tab li.on a,
.page-lead-tab li.on button { color: var(--clr-black); background: #ffffff; }
.page-lead-tab li.on span::after { background: var(--clr-primary); }
.page-lead-tab .sub { display: block; position: absolute; top: 100%; left: 0; margin: -1px 0 0 -12px; padding: 16px; width: auto; background: #fff; box-shadow: 0 0 6px 0 rgb(23 54 109 / 18%); border-radius: 14px; opacity: 0; visibility: hidden; transition: all .15s ease; }
.page-lead-tab .sub a { justify-content: flex-start; height: 45px; font-family: var(--font-display), "Pretendard", sans-serif; font-size: 1.6rem; font-weight: 600; color: #c4ced4; white-space: nowrap; }
.page-lead-tab [aria-expanded]::after { content: ''; display: inline-flex; margin-left: 10px; width: 30px; height: 30px; background: url('/theme/basic/images/chevron-down-gray.svg') no-repeat center / auto 100%; }
.page-lead-tab li.on [aria-expanded]::after,
.page-lead-tab [aria-expanded="true"]::after { background-image: url('/theme/basic/images/chevron-down-primary.svg'); }
.page-lead-tab li.on .sub a { color: #c4ced4; }
.page-lead-tab [aria-expanded="true"] { color: var(--clr-primary); }
.page-lead-tab [aria-expanded="true"]::after { transform: scaleY(-1); }
.page-lead-tab [aria-expanded="true"] + .sub { opacity: 1; visibility: visible; }
/* .page-lead-tab li.on a::after { background: var(--clr-primary); opacity: 1; transform: scaleX(1); } */

[data-theme="black"] .page-lead__badge,
[data-theme="dark"] .page-lead__badge { color: inherit; }
@media (hover: hover) and (pointer: fine) {
    .page-lead .breadcrumb .sub-menu .depth2 a:hover { text-decoration: underline; text-underline-offset: 0.3em; }

    .page-lead-tab a:hover,
    .page-lead-tab button:hover { background: rgba(255, 255, 255, 0.12); }
}
@media screen and (max-width: 1024px) {
    .page-lead-wrap { height: 300px; border-radius: 22px; }
    .page-lead .heading { font-size: 3.6rem; }
    .page-lead .heading .icon-image { margin-left: 0; width: 48px; height: 48px; }

    .page-lead .tabs { display: none; }

    .page-lead-tab { display: none; }
	.page-lead-tab ul { margin: 0; max-width: none; width: 100%; }
	.page-lead-tab li { margin-right: 15px; }
	.page-lead-tab li:last-child { margin-right: 0; }
	.page-lead-tab a,
	.page-lead-tab button { padding: 0; font-size: 1.8rem; }
	.page-lead-tab [aria-expanded]::after { margin-right: -6px; width: 26px; height: 26px; }
	.page-lead-tab .swiper { width: auto; padding: 0 5%; }
    .page-lead-tab .swiper-slide { margin-right: 50px; }
	.page-lead-tab .sub a { padding: 5px 10px; height: auto; font-size: 1.4rem; }
}
@media screen and (max-width: 768px) {
    .page-lead-wrap { height: 220px; }
    .page-lead .heading { font-size: 2.4rem; }
    .page-lead .heading .icon-image { margin-top: -2px; margin-left: -2px; margin-right: 6px; width: 36px; height: 36px; }

    .page-lead-tab a,
	.page-lead-tab button { font-size: 1.6rem; }
	.page-lead-tab [aria-expanded]::after { margin-left: 6px; width: 22px; height: 22px; }
	.page-lead-tab .sub { border-radius: 8px; }
	.page-lead-tab .sub a { font-size: 1.3rem; }
    .page-lead-tab .swiper-slide { margin-right: 40px; }
}
@media screen and (max-width: 480px) {
    .page-lead-wrap { height: 160px; }
	.page-lead-tab .swiper-wrapper { justify-content: flex-start; }
	.page-lead-tab a,
	.page-lead-tab button { font-size: 1.5rem; }
    .page-lead-tab .swiper-slide { margin-right: 30px; }
}


/* Guidance */
/* common */
.section { background: #fff; }
.section-heading { margin-bottom: 60px; }
.section-heading .heading { display: flex; align-items: center; gap: 10px; font-size: var(--text-base); font-weight: 500; color: var(--clr-black); }
.section-heading .heading::before { content: ''; width: 6px; height: 6px; background: currentColor; border-radius: 50%; }
.section-heading .title { margin-top: 20px; font-size: 7rem; font-weight: 500; }
.section-heading .text { margin-top: 20px; font-size: var(--text-lg); }
.section-heading .button { margin-top: 40px; }
.section-heading[data-split-animate] .heading::before { content: none; }
.section-heading[data-split-animate] .heading .line { display: flex !important; align-items: center; gap: 10px; }
.section-heading[data-split-animate] .heading .line::before { content: ''; width: 6px; height: 6px; background: currentColor; border-radius: 50%; }

@media screen and (max-width: 1024px) {
    .section-heading { margin-bottom: 36px; }
    .section-heading .text { margin-top: 14px; }
    .section-heading .title { margin-top: 14px; font-size: 3.6rem; }
    .section-heading .button { margin-top: 30px; }
}
@media screen and (max-width: 768px) {
    .section-heading { margin-bottom: 24px; }
    .section-heading .text { margin-top: 10px; }
    .section-heading .title { margin-top: 10px; font-size: 2.4rem; }
    .section-heading .button { margin-top: 20px; }
}

.chips { display: flex; gap: 10px; }
.chips .chip { display: inline-flex; align-items: center; padding: 0 20px; height: 40px; font-size: var(--text-sm); font-weight: 500; color: #666; background: #ffffff; border: 1px solid var(--border); border-radius: 40px; }
@media screen and (max-width: 1024px) {
    .chips { gap: 8px; }
    .chips .chip { padding: 0 16px; height: 36px; }
}
@media screen and (max-width: 768px) {
    .chips { gap: 6px; }
    .chips .chip { padding: 0 12px; height: 30px; }

}

.rounds { display: flex; gap: 6px; }
.rounds .round { display: inline-flex; align-items: center; justify-content: center; padding: 10px; text-align: center; font-size: var(--text-sm); border: 1px solid currentColor; border-radius: 10px; }
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {

}

.buttons { display: flex; align-items: center; justify-content: center; gap: 10px; }
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {

}


.section-hero { padding: 190px 0; text-align: center; }
.section-hero + .section-feature { padding-top: 0; }
.section-hero .title { margin: 30px 0 24px; font-size: 3.6rem; font-weight: 600; color: #111; }
.section-hero .badge { display: block; margin-bottom: 10px; font-size: var(--text-sm); color: #999999; }
.section-hero .heading { font-size: 4.6rem; font-weight: 600; color: var(--clr-black); }
.section-hero .text { margin-top: 10px; font-size: var(--text-lg); color: #111; }
.section-hero .buttons { margin-top: 40px; }
.section-hero .chips { flex-wrap: wrap; justify-content: center; margin-top: 30px; margin-right: auto; margin-left: auto; }
@media screen and (max-width: 1024px) {
    .section-hero { padding: 160px 0 100px; }
    .section-hero .title { margin: 20px 0 14px; font-size: 1.8rem; }
    .section-hero .badge { margin-bottom: 8px; }
    .section-hero .heading { font-size: 2.4rem; }
    .section-hero .heading img { width: auto; height: 32px; }
    .section-hero .text { margin-top: 8px; }
    .section-hero .buttons { margin-top: 24px; }
    .section-hero .chips { margin-top: 20px; max-width: 800px; }
}
@media screen and (max-width: 768px) {
    [data-promotion] .section-hero { padding-top: 140px; }
    .section-hero { padding: 100px 0 60px; }
    .section-hero .title { margin: 14px 0 10px; font-size: 1.6rem; }
    .section-hero .badge { margin-bottom: 6px; }
    .section-hero .heading { font-size: 2rem; }
    .section-hero .heading img { height: 24px; }
    .section-hero .text { margin-top: 6px; }
    .section-hero .buttons { margin-top: 20px; }
    .section-hero .chips { margin-top: 16px; max-width: none; }
}


/* History Section */
.sub-heading { padding: 200px 0 150px; text-align: center; }
.sub-heading .badge { display: block; margin-bottom: 10px; font-size: var(--text-sm); font-weight: 700; color: rgba(0, 0, 0, .4) }
.sub-heading .heading { font-size: 7rem; font-weight: 500; color: var(--clr-black); }
.sub-heading .text { margin-top: 30px;: 20px; font-size: var(--text-lg); font-weight: 400; color: color: var(--clr-black); }
.sub-heading .text:last-child { margin-bottom: 0; }
@media screen and (max-width: 1024px) {
    .sub-heading { margin-bottom: 40px; padding: 120px 0 80px; }
    .sub-heading .heading { margin-bottom: 24px; font-size: 3.2rem; }
    .sub-heading .text { font-size: 1.6rem; margin-top: 16px; }
}
@media screen and (max-width: 768px) {
    .sub-heading { margin-bottom: 24px; padding: 100px 0 60px; }
    .sub-heading .heading { margin-bottom: 16px; font-size: 2rem; }
    .sub-heading .text { font-size: 1.5rem; margin-top: 12px; }
    .sub-heading .text-lg { font-size: 1.6rem; }
}


/* 회사개요 */
.overview-introduce .sub-heading { margin-bottom: 0; padding-bottom: 0; }
.overview-introduce .sub-heading .heading { margin-bottom: 0; }
.overview-introduce .center { padding: 200px 0; }
.overview-introduce .center .title {
    font-size: clamp(5.1vw, 13.55vw, 26vw); font-weight: 600; white-space: nowrap; letter-spacing: -0.03em;
    background: linear-gradient(90deg, #215180 0%, #07101A 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
    transform: translateX(-100%);
}
.overview-introduce .global { position: relative; color: #fff; background: #001121; }
.overview-introduce .global-head { padding: 250px 0 100px; }
.overview-introduce .global-head .title { text-align: center; font-size: clamp(1.6rem, 3.13vw, 6rem); font-weight: 500; }
.overview-introduce .global-head .title .gradient {
    letter-spacing: -0.03em;
    background: linear-gradient(90deg, #215180 11.05%, #FFFFFF 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.overview-introduce .global-head .title .line:nth-child(2) .sentence { text-align: right; }
.overview-introduce .global-head .title .line:nth-child(3) .sentence { text-align: left; }
.overview-introduce .global-head .context { display: flex; flex-direction: column; align-items: flex-end; gap: 30px; margin-top: 100px; }
.overview-introduce .global-head .text { max-width: 810px; font-size: var(--text-lg); }
.overview-introduce .global-body .map { position: relative; }
.overview-introduce .global-body .map::before,
.overview-introduce .global-body .map::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; background: linear-gradient(180deg, #001121 0%, rgba(0, 17, 33, 0) 91%); aspect-ratio: 2.7428; pointer-events: none; }
.overview-introduce .global-body .map::after { top: auto; bottom: -20%; transform: rotate(180deg); }
.overview-introduce .global-body .map svg { display: block; width: 100%; height: auto; }
.overview-introduce .global-body .map svg rect { transition: fill ease .15s; }
.overview-introduce .global-body .map svg rect[width="10"][height="10"] { pointer-events: none; }
.overview-introduce .global-body .map svg path { pointer-events: none; }
.overview-introduce .global-body .lists .item { position: absolute; top: 28%; right: 10.42%; padding: 40px; max-width: 500px; color: var(--clr-black); background: #fff; opacity: 0; visibility: hidden; transition: all ease .35s; }
.overview-introduce .global-body .lists .item.active { opacity: 1; visibility: visible; }
.overview-introduce .global-body .lists .head { display: flex; justify-content: space-between; align-items: center; padding-bottom: 20px; border-bottom: 1px solid var(--border); }
.overview-introduce .global-body .lists .info { display: flex; align-items: center; gap: 15px; }
.overview-introduce .global-body .lists .image { width: 40px; height: 40px; }
.overview-introduce .global-body .lists .image img { display: block; width: 100%; height: 100%; object-fit: contain; }
.overview-introduce .global-body .lists .title { font-size: 2.4rem; font-weight: 500; }
.overview-introduce .global-body .lists .title span { font-weight: 500; }
.overview-introduce .global-body .lists .badge { display: inline-flex; justify-content: center; align-items: center; height: 30px; padding: 0 15px; font-size: var(--text-xs); font-weight: 500; color: #222; border-radius: 30px; background: #e6e6e6; }
.overview-introduce .global-body .lists .contents { padding-top: 20px; }
.overview-introduce .global-body .lists .ul { display: flex; flex-direction: column; gap: 10px; }
.overview-introduce .global-body .lists .ul li { position: relative; padding-left: 10px; }
.overview-introduce .global-body .lists .ul li::before { content: ''; position: absolute; top: 0.5em; left: 0; width: 5px; height: 5px; background: currentColor; }
.overview-introduce .global-body .lists .ul strong { font-weight: inherit; }
.overview-introduce .global-body .data { z-index: 2; position: relative; display: grid; grid-template-columns: repeat(4, 1fr); gap: 10px; margin-top: -20%; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.overview-introduce .global-body .data .col { padding: 40px; color: #fff; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(25px); }
.overview-introduce .global-body .data .dt { font-size: var(--text-sm); font-weight: 500; }
.overview-introduce .global-body .data .dd .title { display: block; margin: 10px 0; font-size: 3rem; font-weight: 500; }
.overview-introduce .global-body .data .dd .text { }

.overview-sustainable { overflow: hidden; position: relative; color: #fff; background: #001121; }
.overview-sustainable .section-heading .heading,
.overview-sustainable .section-heading .title,
.overview-sustainable .section-heading .title { color: inherit; }
.overview-sustainable .process { padding: 200px 0 250px; background: linear-gradient(180deg, rgba(0, 104, 155, 0.4) 2.9%, rgba(0, 104, 155, 0) 79.21%); }
.overview-sustainable .process svg { display: block; width: 100%; height: auto; }
.overview-sustainable .process .mobile { display: none; }
.overview-sustainable .marquee { position: relative; padding: 200px 1vw 0; white-space: nowrap; user-select: none; }
.overview-sustainable .marquee::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(180deg, rgba(0, 104, 155, 0) 0%, #00689B 91%); opacity: 0.4; }
.overview-sustainable .marquee__inner { display: flex; gap: 20px; }
.overview-sustainable .marquee__content {
    line-height: 1; font-size: clamp(3.6rem, 7.3vw, 14rem); letter-spacing: -0.03em;
    background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0) 100%);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}

.overview-competitiveness { position: relative; }
.overview-competitiveness .competitiveness-background { z-index: 2; position: absolute; top: 0; right: 0; width: 100%; height: 100%; pointer-events: none; }
.overview-competitiveness .competitiveness-background .background { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100dvh; }
.overview-competitiveness .competitiveness-background .item { display: block; position: relative; width: 100%; height: 100%; object-fit: cover; }
.overview-competitiveness .competitiveness-head { position: relative; height: 200dvh; }
.overview-competitiveness .competitiveness-head-wrap { display: flex; align-items: center; overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; height: 100dvh; }
.overview-competitiveness .competitiveness-body { z-index: 3; position: relative; margin-top: -135dvh; }
.overview-competitiveness .competitiveness-body-wrap { display: flex; justify-content: flex-end; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.overview-competitiveness .competitiveness-body .image { height: 100dvh; pointer-events: none; }
.overview-competitiveness .competitiveness-body .image .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.overview-competitiveness .competitiveness-body .contents { position: relative; padding: 0 8.72%; width: 50%; }
.overview-competitiveness .competitiveness-body .contents::before { content: ''; z-index: -1; position: absolute; top: 0; left: 0; width: 50vw; height: 100%; background: #fff; pointer-events: none; }
.overview-competitiveness .competitiveness-body .lists .item { padding: 250px 0 0 50px; }
.overview-competitiveness .competitiveness-body .lists .title { display: flex; align-items: center; margin-bottom: 20px; font-size: 4rem; font-weight: 500; color: var(--clr-black); }
/* .overview-competitiveness .competitiveness-body .lists .title [data-split="fill"] { color: inherit; }
.overview-competitiveness .competitiveness-body .lists .title [data-split="fill"] .line { overflow: hidden; }
.overview-competitiveness .competitiveness-body .lists .title [data-split="fill"] .sentence-fill { top: 100%; color: var(--clr-black); mask: revert; -webkit-mask: revert; } */
.overview-competitiveness .competitiveness-body .lists .order { display: block; margin-left: -50px; width: 50px; font-size: var(--text-sm); }
.overview-competitiveness .competitiveness-body .lists .thumbnail { margin-top: 100px; text-align: center; }
.overview-competitiveness .competitiveness-body .gray-box { margin: 250px 0; padding: 40px; background: #DFE5EB; }
.overview-competitiveness .competitiveness-body .gray-box .eng { display: block; }
.overview-competitiveness .competitiveness-body .gray-box .title { margin: 15px 0 73px; font-size: 2.8rem; font-weight: 500; color: var(--clr-black); }
.overview-competitiveness .competitiveness-body .gray-box .text { color: var(--clr-black); }
@media screen and (min-width: 1025px) {
	.overview-competitiveness .section-heading { margin-bottom: 0; }
}
@media (max-width: 1024px) {
    .overview-introduce .center { padding: 120px 0; }
    .overview-introduce .global-head { padding: 120px 0 80px; }
    .overview-introduce .global-head .context { align-items: flex-start; gap: 15px; margin-top: 60px; }
    .overview-introduce .global-body .data { grid-template-columns: repeat(2, 1fr); }
    .overview-introduce .global-head .title { text-align: left; }
    .overview-introduce .global-head .title .line:nth-child(2) .sentence { text-align: left; }
    .overview-introduce .global-body .lists .item { right: 5%; padding: 24px; }
    .overview-introduce .global-body .lists .info { gap: 10px; }
    .overview-introduce .global-body .lists .image { width: 28px; height: 28px; }
    .overview-introduce .global-body .lists .title { font-size: 1.8rem; }
    .overview-introduce .global-body .lists .badge { padding: 0 12px; }
    .overview-introduce .global-body .lists .head { padding-bottom: 16px; }
    .overview-introduce .global-body .lists .contents { padding-top: 16px; }
    .overview-introduce .global-body .lists .ul { gap: 5px; }
    .overview-introduce .global-body .lists .ul li { padding-left: 8px; }
    .overview-introduce .global-body .lists .ul li::before { width: 3px; height: 3px; }
    .overview-introduce .global-body .map { overflow: hidden; }
    .overview-introduce .global-body .map svg { min-width: 1400px; margin-left: -200px; margin-top: -200px; }
    .overview-introduce .global-body .data .col { padding: 24px; }
    .overview-introduce .global-body .data .dd .title { font-size: 2rem; }
    .overview-introduce .global-body .dd .text { font-size: 1.6rem; }
    .overview-sustainable .marquee { padding-top: 100px; }
    .overview-sustainable .process { padding: 120px 0 0; }
    .overview-competitiveness { padding: 120px 0; }
    .overview-competitiveness .competitiveness-background { display: none; }
    .overview-competitiveness .competitiveness-head { height: auto; }
    .overview-competitiveness .competitiveness-head-wrap { position: static; height: auto; }
    .overview-competitiveness .competitiveness-body { margin-top: 0; }
    .overview-competitiveness .competitiveness-body .image { display: none; }
    .overview-competitiveness .competitiveness-body .contents { padding: 0; width: 100%; }
    .overview-competitiveness .competitiveness-body .lists .item { padding: 60px 0 0 30px; }
    .overview-competitiveness .competitiveness-body .lists .order { margin-left: -30px; width: 30px; }
    .overview-competitiveness .competitiveness-body .lists .title { margin-bottom: 10px; font-size: 2.4rem; }
    .overview-competitiveness .competitiveness-body .lists .thumbnail { margin-top: 40px; }
    .overview-competitiveness .competitiveness-body .gray-box { margin: 80px 0 0; padding: 24px; }
    .overview-competitiveness .competitiveness-body .gray-box .title { margin: 10px 0 24px; font-size: 2rem; }
}
@media (max-width: 768px) {
    .overview-introduce .center { padding: 80px 0; }
    .overview-introduce .global-head { padding: 80px 0 60px; }
    .overview-introduce .global-head .context { margin-top: 40px; }
    .overview-introduce .global-body .lists .item { top: 38%; }
    .overview-introduce .global-body .data { grid-template-columns: 1fr; }
    .overview-introduce .global-body .data .col { padding: 32px 24px; }
    .overview-introduce .global-body .dt { margin-bottom: 12px; font-size: 1.8rem; }
    .overview-introduce .global-body .dd .title { margin-bottom: 12px; font-size: 3.2rem; }
    .overview-introduce .global-body .dd .text { font-size: 1.4rem; }
    .overview-introduce .global-body .map::before,
    .overview-introduce .global-body .map::after { aspect-ratio: 4.5428; }
    .overview-introduce .global-body .map svg { min-width: 1300px; margin-left: -300px; margin-top: -300px; }
    .overview-introduce .global-body .data .col { padding: 16px; }
    .overview-introduce .global-body .data .dd .title { font-size: 1.8rem; }
    .overview-sustainable .marquee { padding-top: 60px; }
    .overview-sustainable .section-heading { z-index: 2; position: relative; }
    .overview-sustainable .process { padding: 80px 0 0; }
    .overview-sustainable .process .mobile { display: block; position: relative; margin-top: -80px; padding-top: 80px; }
    .overview-sustainable .process .mobile::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 150px; background: linear-gradient(180deg, rgba(0, 48, 76, 1) 60%, rgba(0, 48, 76, 0) 100%); pointer-events: none; }
    .overview-sustainable .process .desktop { display: none; }
    .overview-sustainable .process svg { margin: auto; max-width: 400px; }
    .overview-competitiveness { padding: 80px 0; }
    .overview-competitiveness .competitiveness-body .lists .item { padding: 40px 0 0 30px; }
    .overview-competitiveness .competitiveness-body .lists .title { margin-bottom: 6px; font-size: 1.8rem; }
    .overview-competitiveness .competitiveness-body .lists .thumbnail { margin-top: 24px; }
    .overview-competitiveness .competitiveness-body .lists .thumbnail .img { max-width: 250px; width: 60%; }
}
@media (max-width: 480px) {
    .overview-introduce .global-body .lists .item { width: 90%; }
}


.history-main { padding-bottom: 200px; }
.history-main .sub-heading { margin-bottom: 0; }
.history-main .sub-heading .heading { margin-bottom: 0; }
.history-body { position: relative; padding-bottom: 100px; }
.history-body .progress { position: absolute; top: 0; left: 50%; width: 1px; height: 100%; background: var(--border); }
.history-body .progress .bar { position: absolute; top: 0; left: 0; width: 100%; height: 100px; background: linear-gradient(180deg, rgba(0, 104, 155, 0) 0%, #00689B 50%, rgba(0, 104, 155, 0) 100%); transform: translateY(var(--y)); }
.history-body .eng { position: absolute; bottom: 0; left: 0; line-height: 1.1; font-size: 16rem; font-weight: 600; color: #F5F5F5; background: #fff; }
.history-lists { position: relative; }
.history-lists .item { position: relative; margin-bottom: 80px; padding-left: calc(50% + 100px); }
.history-lists .item:last-child { margin-bottom: 0; }
.history-lists .year { margin-bottom: 11px; font-size: 4.6rem; font-weight: 500; color: var(--clr-black); }
.history-lists .data { display: flex; flex-direction: column; gap: 10px; }
.history-lists .data .li { display: flex; gap: 15px; color: var(--clr-black); }
.history-lists .data .month { margin-top: 0.15em; width: 25px; font-size: var(--text-sm); font-weight: 500; }
@media screen and (min-width: 1025px) {
    .history-lists::before { content: ''; position: absolute; top: 0; left: 25%; width: 1px; height: 100%; background: var(--border); }
    .history-lists .image-area { position: absolute; }
    .history-lists .item:nth-child(1) .image-area { top: 0; left: 0; }
    .history-lists .item:nth-child(3) .image-area { top: 0; left: 25%; }
    .history-lists .item:nth-child(6) .image-area { top: 0; left: 0; }
    .history-lists .item:nth-child(8) .image-area { top: 0; left: 25%; }
    .history-lists .item:nth-child(11) .image-area { top: 0; left: 0; }
    .history-lists .item:nth-child(13) .image-area { top: 0; left: 25%; }
}
@media screen and (max-width: 1024px) {
    .history-main { padding-bottom: 120px; }
    .history-body { margin-bottom: 100px; padding-bottom: 0; }
    .history-body .progress { left: 0; }
    .history-lists .item { margin-bottom: 60px; padding-left: 50px; }
    .history-lists .year { font-size: 3rem; }
    .history-lists .image-area { margin-top: 24px; }
    .history-lists .data .li { gap: 10px; }
    .history-lists .data .month { width: 20px; }
    .history-body .eng { bottom: -250px; font-size: 10rem; }
}
@media screen and (max-width: 768px) {
    .history-body .eng { bottom: -160px; font-size: 6rem; }
    .history-lists .item { padding-left: 40px; }
    .history-lists .image-area { width: 50%; }
}
@media screen and (max-width: 480px) {
    .history-main { padding-bottom: 80px; }
    .history-body .eng { bottom: -110px; font-size: 4rem; }
    .history-lists .year { font-size: 2rem; }
    .history-lists .item { padding-left: 24px; }
}


.ceo-main .sub-heading { margin-bottom: 0; }
.ceo-main .sub-heading .heading { margin-bottom: 0; }
.ceo-main .ceo-wrap { background-color: #001121; }
.ceo-main .ceo-head-top { display: flex; align-items: center; justify-content: center; position: relative; min-height: 800px; height: 100dvh; }
.ceo-main .ceo-head-top .heading { display: flex; justify-content: space-between; padding: 0 5.2%; width: 100%; font-size: clamp(2vw, 7.82vw, 7.8125vw); font-weight: 600; color: #215180; }
.ceo-main .ceo-head-top .image { position: absolute; top: 34.91vh; left: 34.89vw; display: block; width: clamp(13vw, 25vw, 26.0416vw); object-fit: cover; aspect-ratio: 1.6667; clip-path: inset(50% 50% 50% 50%); }
.ceo-main .ceo-head-bottom { position: relative; min-height: 800px; height: 100dvh; }
.ceo-main .ceo-head-bottom .symbol { overflow: hidden; position: absolute; top: 50%; left: 50%; width: 8.177vw; transform: translate(-50%, -50%); }
.ceo-main .ceo-head-bottom .symbol .item { width: 100%; opacity: 0; }
.ceo-main .ceo-head-bottom .image { display: block; width: 100%; height: 100%; object-fit: cover; }
.ceo-main .ceo-body { position: relative; min-height: 800px; height: 100dvh; }
.ceo-main .ceo-body-wrap { display: flex; align-items: center; justify-content: center; height: 100%; text-align: center; }
.ceo-main .ceo-body .ceo-images .item { position: absolute; width: clamp(120px, 12.5vw, 240px); aspect-ratio: 240 / 235; }
.ceo-main .ceo-body .ceo-images .item .img,
.ceo-main .ceo-body .ceo-images .item .image { display: block; width: 100%; height: 100%; object-fit: cover; will-change: transform; }
.ceo-main .ceo-body .title { font-size: 6rem; font-weight: 500; color: #fff; }
.ceo-main .ceo-foot { padding: 100px 0; }
.ceo-main .ceo-foot-wrap { display: flex; align-items: center; justify-content: space-between; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.ceo-main .ceo-foot .ceo-images { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; width: 50%; }
.ceo-main .ceo-foot .ceo-images .item { aspect-ratio: 280 / 240; }
.ceo-main .ceo-foot .ceo-images .item .img { will-change: transform; }
.ceo-main .ceo-foot .context { display: flex; flex-direction: column; gap: 30px; width: 44.19%; }
.ceo-main .ceo-foot .context .text { font-size: var(--text-lg); }
.ceo-main .ceo-foot .context .text b { font-weight: 500; }
@media screen and (min-width: 1025px) {
    .ceo-main .ceo-head-top .image { opacity: 1; }
    .ceo-main .ceo-body .ceo-images .item:nth-child(5) .img { position: absolute; top: 0; left: 0; }
    .ceo-main .ceo-body .ceo-images .item:nth-child(5) .img { opacity: 0; }
    .ceo-main .ceo-body .ceo-images .item:nth-child(1) { top: calc(100% / 4 * 1); left: calc(100% / 8 * 7); }
    .ceo-main .ceo-body .ceo-images .item:nth-child(2) { top: calc(100% / 4 * 0); left: calc(100% / 8 * 0); }
    .ceo-main .ceo-body .ceo-images .item:nth-child(3) { top: calc(100% / 4 * 0); left: calc(100% / 8 * 6); }
    .ceo-main .ceo-body .ceo-images .item:nth-child(4) { top: calc(100% / 4 * 3); left: calc(100% / 8 * 5); }
    .ceo-main .ceo-body .ceo-images .item:nth-child(5) { top: calc(100% / 4 * 0); left: calc(100% / 8 * 3); }
    .ceo-main .ceo-body .ceo-images .item:nth-child(6) { top: calc(100% / 4 * 3); left: calc(100% / 8 * 2); }
    .ceo-main .ceo-body .ceo-images .item:nth-child(7) { top: calc(100% / 4 * 2); left: calc(100% / 8 * 0); }
    .ceo-main .ceo-body .ceo-images .item:nth-child(8) { top: calc(100% / 4 * 2); left: calc(100% / 8 * 6); }
    .ceo-main .ceo-body .ceo-images .item:nth-child(9) { top: calc(100% / 4 * 1); left: calc(100% / 8 * 1); }
    .ceo-main .ceo-foot .ceo-images .item .image { display: none; }
}
@media screen and (max-width: 1024px) {
    .ceo-main .ceo-wrap { background: #fff; }
    .ceo-main .ceo-head-top { display: none; }
    .ceo-main .ceo-head-bottom { display: none; }
    .ceo-main .ceo-body { height: auto; min-height: auto; }
    .ceo-main .ceo-body .ceo-images { display: none; }
    .ceo-main .ceo-body .title { font-size: 2.4rem; color: var(--clr-black); }
    .ceo-main .ceo-foot { padding: 80px 0; }
    .ceo-main .ceo-foot .context { gap: 12px; }
}
@media screen and (max-width: 768px) {
    .ceo-main .ceo-body .title { font-size: 1.8rem; color: var(--clr-black); }
    .ceo-main .ceo-foot { padding: 60px 0 80px; }
    .ceo-main .ceo-foot-wrap { flex-direction: column; gap: 30px; }
    .ceo-main .ceo-foot .context { width: 100%; }
}
@media screen and (max-width: 480px) {
    .ceo-main .ceo-foot .ceo-images { gap: 5px; width: 80%; }
}


.vision-introduce { overflow: hidden; }
.vision-introduce .vision { position: relative; padding: 250px 0; text-align: center; background: #D6DEE6; }
.vision-introduce .vision .rect { display: block; position: absolute; left: 0; right: 0; margin: auto; width: 63.54%; border: 1px solid var(--border); }
.vision-introduce .vision .rect-1 { top: 0; height: 100%; border-top: 0; border-bottom: none; }
.vision-introduce .vision .rect-2 { top: 200px; width: 100%; height: calc(90% - 200px); border-right: none; border-left: none; }
.vision-introduce .vision .heading { font-size: 6rem; font-weight: 500; }
.vision-introduce .vision .heading .gradient {
    letter-spacing: -0.03em;
    background: linear-gradient(91.84deg, #215180 5.29%, rgba(33, 81, 128, 0) 52.34%), #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.vision-introduce .vision .text { margin-top: 20px; font-size: var(--text-lg); color: var(--clr-black); }
.vision-introduce .lists { z-index: 2; position: relative; display: flex; align-items: center; justify-content: center; gap: clamp(3px, 1.41vw, 27px); flex-wrap: nowrap; margin-top: 100px; }
.vision-introduce .lists .item { flex: 1 0 auto; width: 20.8333vw; }
.vision-introduce .lists .item .image { display: block; width: 100%; height: 100%; object-fit: cover; }
.vision-introduce .lists .item:nth-child(3) { width: 36.4583vw; }

.vision-value { padding: 200px 0; }
.vision-value .side-wrap { overflow: hidden; position: sticky; top: calc(var(--header-height) + 50px); left: 0; width: 100%; }
.vision-value .lists .item { margin-bottom: 100px; }
.vision-value .lists .item:last-child { margin-bottom: 0; }
.vision-value .lists .thumbnail { overflow: hidden; margin-bottom: 20px; }
.vision-value .lists .thumbnail .image { width: 100%; }
.vision-value .lists .title { display: flex; align-items: center; font-size: var(--text-lg); font-weight: 500; }
.vision-value .lists .title .icon { margin-right: 0.5em; width: 26px; height: 26px; }
.vision-value .lists .kor { display: flex; align-items: center; }
.vision-value .lists .kor::before { content: ''; display: block; margin: 0 0.5em; width: 1px; height: 0.5em; background: #cccccc; }
@media screen and (min-width: 1025px) {
    .vision-value .section-heading { margin-bottom: 0; }
    .vision-value .flex { display: flex; justify-content: space-between; }
    .vision-value .lists .context { display: flex; align-items: flex-start; justify-content: space-between; }
    .vision-value .lists .title { width: 48%; }
    .vision-value .lists .text { width: 52%; }
    .vision-value .side { position: relative; width: 33%; }
    .vision-value .contents { width: 42.1875%; }
}
@media screen and (max-width: 1024px) {
    .vision-introduce .vision .rect { width: 92%; }
    .vision-introduce .vision .rect-2 { top: 80px; height: calc(90% - 80px); }
    .vision-introduce .vision { padding: 120px 0; }
    .vision-introduce .vision .heading { font-size: 3.6rem; }
    .vision-introduce .vision .text { margin-top: 16px; }
    .vision-introduce .lists { margin-top: 60px; }

    .vision-value { padding: 120px 0; }
    .vision-value .lists .item { margin-bottom: 60px; }
    .vision-value .lists .thumbnail { margin-bottom: 14px; }
    .vision-value .lists .title { margin-bottom: 10px; }
    .vision-value .lists .title .icon { margin-bottom: 0.1em; width: 22px; height: 22px; }
}
@media screen and (max-width: 768px) {
    .vision-introduce .vision { padding: 80px 0; }
    .vision-introduce .vision .rect-2 { top: 46px; height: calc(90% - 46px); }
    .vision-introduce .vision .heading { font-size: 2.4rem; }
    .vision-introduce .vision .text { margin-top: 12px; }
    .vision-introduce .lists { margin-top: 40px; }

    .vision-value { padding: 80px 0; }
    .vision-value .lists .item { margin-bottom: 40px; }
    .vision-value .lists .title .icon { width: 20px; height: 20px; }
}


/* BUSINESS */
.business-tab .tab-lists { display: flex; justify-content: center; align-items: center; margin-top: 50px; }
.business-tab .tab-lists .item { display: flex; align-items: center; position: relative; }
.business-tab .tab-lists .item:not(:last-child)::after { content: ''; display: block; margin: 0 10px; width: 50px; height: 10px; background: linear-gradient(to right, #000 0 2px, transparent 2px 12px, #000 12px 14px, transparent 14px 24px, #000 24px 26px, transparent 26px 36px, #000 36px 38px, transparent 38px 48px, #000 48px 50px); pointer-events: none; }
.business-tab .button { display: flex; justify-content: center; align-items: center; padding: 0 30px; height: 50px; font-size: var(--text-sm); font-weight: 500; border-radius: 50px; background: #fff; border: 1px solid var(--clr-black); }
.business-tab .button[aria-pressed="true"] { color: #fff; background: var(--clr-black); }
.business-tab-dropdown { display: none; position: relative; margin-top: 50px; }
.business-tab-dropdown__current { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 100%; height: 50px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-black); background: #fff; border: 1px solid var(--clr-black); border-radius: 50px; }
.business-tab-dropdown__current::after { content: ''; flex-shrink: 0; margin-left: 10px; width: 10px; height: 10px; border-right: 1px solid var(--clr-black); border-bottom: 1px solid var(--clr-black); transform: rotate(45deg) translateY(-2px); transition: transform .35s ease; }
.business-tab-dropdown.is-open .business-tab-dropdown__current::after { transform: rotate(-135deg) translateY(-2px); }
.business-tab-dropdown__lists { overflow: hidden; position: absolute; top: calc(100% + 10px); left: 0; z-index: 10; width: 100%; background: #fff; border: 1px solid var(--clr-black); border-radius: 20px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .35s ease; }
.business-tab-dropdown.is-open .business-tab-dropdown__lists { opacity: 1; visibility: visible; transform: translateY(0); }
.business-tab-dropdown__button { display: flex; align-items: center; padding: 0 20px; width: 100%; height: 50px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-black); text-align: left; transition: background .35s ease, color .35s ease; }
.business-tab-dropdown__item:not(:last-child) .business-tab-dropdown__button { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.business-tab-dropdown__item.is-active .business-tab-dropdown__button { color: #fff; background: var(--clr-black); }

.business-overview { padding-bottom: 200px; }
.business-overview .section-wrap { overflow: clip; position: relative; }
.business-overview .section-wrap .section { position: absolute; inset: 0; opacity: 0; visibility: hidden; pointer-events: none; transition: opacity .4s ease, visibility .4s ease; }
.business-overview .section-wrap .section.active { position: relative; opacity: 1; visibility: visible; pointer-events: auto; }
.business-overview .side { margin-right: auto; margin-left: auto; max-width: 1720px; width: 90%; }
.business-overview .contents { position: absolute; top: 0; right: 0; width: 52.6042%; height: 100%; }
.business-overview .contents-wrap { overflow: hidden; position: sticky; top: 0; left: 0; padding-left: 110px; width: 100%; height: 100vh; height: 100dvh; }
.business-overview .lists { width: 40.6977%; }
.business-overview .lists .item { padding: 200px 0 200px 50px; min-height: 100dvh; }
.business-overview .lists .title { display: flex; align-items: center; margin-left: -50px; font-size: 6rem; font-weight: 500; color: var(--clr-black); }
.business-overview .lists .badge { display: block; width: 50px; font-size: var(--text-sm); font-weight: 500; }
.business-overview .lists .text { margin: 10px 0 40px; }
.business-overview .business-slide { height: 100%; }
.business-overview .business-slide .image { display: block; width: 100%; height: 100%; object-fit: cover; }
.business-overview .swiper-pagination { display: flex; flex-direction: column; gap: 10px; z-index: 3; position: absolute; bottom: 0; left: 0; margin: 0; width: 7.92%; }
.business-overview .swiper-pagination .swiper-pagination-bullet { flex: 1 1; display: flex; gap: 10px; overflow: hidden; position: relative; margin: 0; width: 100%; background: transparent; border-radius: 0; opacity: 1; }
.business-overview .swiper-pagination .swiper-pagination-bullet::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0, 0, 0, 0.1); transition: all ease .35s; }
.business-overview .swiper-pagination .swiper-pagination-bullet img { display: block; width: 100%; height: 100%; background: rgba(255, 255, 255, 0.1); filter: blur(10px); object-fit: cover; aspect-ratio: 1; transition: all ease .35s; }
.business-overview .swiper-pagination .swiper-pagination-bullet-active::after { border-color: #000; }
.business-overview .swiper-pagination .swiper-pagination-bullet-active img { filter: blur(0); }

.business-nav { overflow: hidden; display: flex; align-items: flex-end; z-index: 2; position: sticky; top: 0; left: 0; width: 100%; height: 100dvh; }
.business-nav .tab-lists { display: flex; flex-direction: column; gap: 10px; position: sticky; bottom: 100px; left: 30px; }
.business-nav .tab-lists .item { display: flex; align-items: center; position: relative; }
.business-nav .button { display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 36px; font-size: 1.5rem; font-weight: 500; color: #888888; letter-spacing: -0.03em; border-radius: 36px; background: #fff; border: 1px solid #DDDDDD; pointer-events: all; }
.business-nav .button::before { content: ''; display: block; margin-right: 5px; margin-left: -10px; width: 5px; height: 5px; background: currentColor; border-radius: 50%; transition: all ease .15s; opacity: 0; }
.business-nav .button[aria-pressed="true"] { font-weight: 600; color: #fff; background: var(--clr-black); border-color: var(--clr-black); }
.business-nav .button[aria-pressed="true"]::before { margin-left: 0; opacity: 1; }
.business-nav-dropdown { display: none; position: relative; margin-top: 50px; }
.business-nav-dropdown__current { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 100%; height: 50px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-black); background: #fff; border: 1px solid var(--clr-black); border-radius: 50px; }
.business-nav-dropdown__current::after { content: ''; flex-shrink: 0; margin-left: 10px; width: 10px; height: 10px; border-right: 1px solid var(--clr-black); border-bottom: 1px solid var(--clr-black); transform: rotate(45deg) translateY(-2px); transition: transform .35s ease; }
.business-nav-dropdown.is-open .business-nav-dropdown__current::after { transform: rotate(-135deg) translateY(-2px); }
.business-nav-dropdown__lists { overflow: hidden; position: absolute; top: calc(100% + 10px); left: 0; z-index: 10; width: 100%; background: #fff; border: 1px solid var(--clr-black); border-radius: 20px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .35s ease; }
.business-nav-dropdown.is-open .business-nav-dropdown__lists { opacity: 1; visibility: visible; transform: translateY(0); }
.business-nav-dropdown__button { display: flex; align-items: center; padding: 0 20px; width: 100%; height: 50px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-black); text-align: left; transition: background .35s ease, color .35s ease; }
.business-nav-dropdown__item:not(:last-child) .business-nav-dropdown__button { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.business-nav-dropdown__item.is-active .business-tab-dropdown__button { color: #fff; background: var(--clr-black); }

.business-sector { padding-bottom: 200px; }
.business-sector .sector-main { position: relative; }
.business-sector .nav-wrap { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.business-sector .section { display: flex; justify-content: space-between; padding: 100px 0; border-bottom: 1px solid var(--border); }
.business-sector .section:first-child { border-top: 1px solid var(--border); }
.business-sector .section .side { width: 47.3958%; }
.business-sector .section .side-wrap { overflow: hidden; position: sticky; top: var(--header-height); left: 0; padding: 50px 0 0 18%; max-width: 87%; width: 100%; }
.business-sector .section .contents { width: 47.3958%; }
.business-sector .section .item { padding: 200px 0 200px 50px; min-height: 100dvh; }
.business-sector .section .title { display: flex; align-items: center; margin-bottom: 10px; margin-left: -50px; font-size: 6rem; font-weight: 500; color: var(--clr-black); }
.business-sector .section .badge { display: block; width: 50px; font-size: var(--text-sm); font-weight: 500; }
.business-sector .section .text { margin-bottom: 30px; font-size: var(--text-lg); color: var(--clr-black); }
.business-sector .section .text:last-child { margin-bottom: 0; }
.business-sector .section .images { display: flex; flex-direction: column; gap: 60px; }
.business-sector .section .images .image { width: 100%; }

.business-global .global-map { overflow: hidden; position: relative; }
.business-global .global-map .map { padding-bottom: 0; }
.business-global .global-map .map svg { display: block; width: 100%; height: auto; }
.business-global .global-map .swiper-slide { padding-bottom: 0; }
.business-global .global-map .swiper-scrollbar { bottom: 20px; margin: auto; width: 90%; background: rgba(255, 255, 255, 0.5); }
.business-global .global-map .swiper-scrollbar-drag { background: #fff; }
.business-global .global-map .lists .item {
    z-index: 2;
    position: absolute; top: 50%; left: 45%; padding: 30px; color: #fff; background: rgba(255, 255, 255, 0.2); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(25px);
    opacity: 0;
    transition: all ease .35s;
    pointer-events: none;
 }
.business-global .global-map .lists .item.active { z-index: 3; opacity: 1; pointer-events: auto; }
.business-global .global-map .lists .heading { display: flex; align-items: center; gap: 10px; margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
.business-global .global-map .lists .image { width: 40px; height: 40px; }
.business-global .global-map .lists .span { display: flex; align-items: center; text-transform: uppercase; }
.business-global .global-map .lists .span .kor { display: flex; align-items: center; }
.business-global .global-map .lists .span .kor:not(.default)::after { content: ''; display: block; margin: 0 0.5em; width: 1px; height: 0.55em; background: rgba(255, 255, 255, 0.2); }
.business-global .global-map .lists .ul {
    font-size: var(--text-sm);
    --icon: url("data:image/svg+xml,%3Csvg width='17' height='21' viewBox='0 0 17 21' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10.7667 8.28947C10.7667 9.50526 9.74667 10.5 8.5 10.5C7.25333 10.5 6.23333 9.50526 6.23333 8.28947C6.23333 7.07368 7.25333 6.07895 8.5 6.07895C9.74667 6.07895 10.7667 7.07368 10.7667 8.28947ZM17 8.28947C17 15.0095 11.7073 19.2205 9.44067 20.7126C9.15733 20.9116 8.82867 21 8.5 21C8.17133 21 7.84267 20.9116 7.548 20.7126C5.28133 19.2205 0 15.0205 0 8.28947C0 3.55895 3.64933 0 8.5 0C13.3507 0 17 3.55895 17 8.28947ZM13.0333 8.28947C13.0333 5.84684 11.0047 3.86842 8.5 3.86842C5.99533 3.86842 3.96667 5.84684 3.96667 8.28947C3.96667 10.7321 5.99533 12.7105 8.5 12.7105C11.0047 12.7105 13.0333 10.7321 13.0333 8.28947Z' fill='white'/%3E%3C/svg%3E%0A");
}
.business-global .global-map .lists .li { display: flex; gap: 10px; margin-bottom: 10px; }
.business-global .global-map .lists .li:last-child { margin-bottom: 0; }
.business-global .global-map .lists .li::before {
    content: ''; flex-shrink: 0; display: block; width: 17px; height: 21px;
    background-color: currentColor; mask-size: contain; mask-repeat: no-repeat;
    mask-image: var(--icon);
}
.business-global .global-map svg rect[width="10"][height="10"] { pointer-events: none; }
.business-global .global-map svg path { transition: fill ease .15s; pointer-events: none; }
.business-global .global-map svg rect { transition: fill ease .15s; }

.business-global .global-main { padding: 150px 0 200px; }
.business-global .global-main .heading { margin-bottom: 20px; font-size: 5rem; font-weight: 500; color: var(--clr-black); }
.business-global .table { color: var(--clr-black); }
.business-global .table thead th { padding: 18px; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.business-global .table tbody th { text-align: center; font-size: var(--text-sm); font-weight: 400; border-bottom: 1px solid var(--border); }
.business-global .table tbody td { padding: 19px 30px; font-size: var(--text-sm); border: 1px solid var(--border); }
.business-global .table tbody td:last-child { border-right: none; }
.business-global .table .title { display: inline-flex; align-items: center; justify-content: center; flex-wrap: wrap; gap: 10px; }
@media (hover: hover) and (pointer: fine) {
    .business-tab .button:hover { color: #fff; background: var(--clr-black); }

    .business-overview .swiper-pagination .swiper-pagination-bullet:hover::after { border-color: #000; }
    .business-overview .swiper-pagination .swiper-pagination-bullet:hover img { filter: blur(0); }
}
@media screen and (min-width: 1025px) {
    .business-overview .lists .thumbnail { display: none; }
}
@media screen and (max-width: 1024px) {
    .business-tab .tab-lists { display: none; }
    .business-tab-dropdown { display: block; }
    .business-overview { padding-bottom: 120px; }
    .business-overview .sub-heading { margin-bottom: 0; }
    .business-overview .section { margin-right: auto; margin-left: auto; max-width: 1720px; width: 90%; }
    .business-overview .side { width: 100%; }
    .business-overview .contents { display: none; }
    .business-overview .lists { width: 100%; }
    .business-overview .lists .item { padding: 0 0 40px 30px; min-height: auto; }
    .business-overview .lists .item:last-child { padding-bottom: 0; }
    .business-overview .lists .badge { width: 30px; }
    .business-overview .lists .title { margin-left: -30px; font-size: 3.6rem; }
    .business-overview .lists .text { margin: 10px 0; }
    .business-overview .lists .buttons { margin-top: 20px; }

    .business-nav { overflow: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
    .business-nav .tab-lists { display: none; }
    .business-nav-dropdown { display: block; position: sticky; top: calc(100% - 60px); left: 0; margin-top: 0; width: 100%; pointer-events: auto; }
    .business-nav-dropdown__lists { top: auto; bottom: calc(100% + 10px); }
    .business-sector { padding-bottom: 120px; }
    .business-sector .nav-wrap { position: static; padding-top: 50px; }
    .business-sector .sub-heading { margin-bottom: 0; padding-bottom: 0; }
    .business-sector .sub-heading .heading { margin-bottom: 0; }
    .business-sector .sector-main { margin-top: 50px; margin-right: auto; margin-left: auto; padding-bottom: 50px; max-width: var(--inner); width: 90%; }
    .business-sector .section { display: block; padding: 60px 0; }
    .business-sector .section .side { width: 100%; }
    .business-sector .section .side-wrap { position: static; padding: 0; width: 100%; max-width: none; }
    .business-sector .section .contents { padding-top: 40px; width: 100%; }
    .business-sector .section .title { margin-left: 0; font-size: 3.6rem; }
    .business-sector .section .badge { width: 30px; }
    .business-sector .section .text { margin-bottom: 15px; }
    .business-sector .section .images { gap: 30px; }

    .business-global .global-map .map svg { display: block; margin-top: -100px; max-width: 1600px; width: 100%; height: auto; }
    .business-global .global-map .lists .item { top: 68%; left: auto; right: 5%; padding: 24px; }
    .business-global .global-map .lists .image { width: 28px; height: 28px; }
    .business-global .global-map .lists .heading { margin-bottom: 16px; padding-bottom: 16px; }
    .business-global .global-map .lists .li { gap: 8px; margin-bottom: 8px; }
    .business-global .global-map .lists .li::before { width: 13px; height: 16px; }
    .business-global .sub-heading { margin-bottom: 0; }
    .business-global .global-main { padding: 120px 0; }
    .business-global .global-main .heading { font-size: 3.6rem; }
    .business-global .table thead th { padding: 12px; }
    .business-global .table tbody td { padding: 12px 16px; }
    .business-global .table .title { gap: 6px; }
    .business-global .table .title img { width: 30px; height: 30px; }
}
@media screen and (max-width: 768px) {
    .business-overview { padding-bottom: 80px; }
    .business-overview .lists .item { padding-left: 25px; }
    .business-overview .lists .title { margin-left: -25px; font-size: 2.4rem; }
    .business-overview .lists .badge { width: 25px; }
    .business-sector { padding-bottom: 80px; }
    .business-sector .section { display: block; padding: 40px 0; }
    .business-sector .section .title { font-size: 2.4rem; }

    .business-global .global-map .lists .item { top: 68%; left: 5%; padding: 24px; }
    .business-global .global-main { padding: 80px 0; }
    .business-global .global-main .heading { font-size: 2.4rem; }
    .business-global .table thead th { padding: 10px; }
    .business-global .table tbody td { padding: 10px; }
    .business-global .table .title img { width: 24px; height: 24px; }
}
@media screen and (max-width: 480px) {
    .business-global .table .title { flex-direction: column; }
}


/* SUSTAINABILITY */
.strategy-system { overflow: hidden; padding: 250px 0 200px; color: #fff; background: linear-gradient(180deg, rgba(0, 104, 155, 0.4) 2.9%, rgba(0, 104, 155, 0) 94.81%), #001121; }
.strategy-system .section-heading .heading { color: #fff; }
.strategy-system .picture { text-align: center; }

.strategy-direction { overflow: hidden; position: relative; padding: 200px 0; color: #fff; }
.strategy-direction .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.strategy-direction .background .image { display: block; width: 100%; height: 100%; object-fit: cover; }
.strategy-direction .section-heading .heading { color: currentColor; }
.strategy-direction .contents { position: relative; pointer-events: none; }
.strategy-direction .contents.animated { pointer-events: auto; }
.strategy-direction .center { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; margin-left: -0.05em; width: 100%; height: 100%; line-height: 0.8; font-size: clamp(4rem, 26.04vw, 50rem); font-weight: 900; white-space: nowrap; user-select: none; }
.strategy-direction .center .char { z-index: 2; position: relative; transition: all ease .65s; }
.strategy-direction .center.animated .char { color: transparent; text-stroke: 5px #fff; -webkit-text-stroke: 5px #fff; }
.strategy-direction .center.animated .char.active { color: inherit; transition-duration: 0.35s; }
.strategy-direction .lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 212px 0; }
.strategy-direction .lists .block { display: flex; flex-direction: column; padding: 36px; height: 100%; background: rgba(255, 255, 255, 0.1); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(25px); transition: all ease .35s; will-change: transform; }
.strategy-direction .lists .item.active { transform: translateY(-10px); }
.strategy-direction .lists .item.active .block { color: var(--clr-black); background: #fff; border-color: #fff; transform: translateY(-10px); }
.strategy-direction .lists .item.active .title { color: var(--clr-primary); }
.strategy-direction .lists .item.active .chips .chip { border-color: var(--border); }
.strategy-direction .lists .item.active .letter { opacity: 1; }
.strategy-direction .lists .title { font-size: var(--text-sm); font-weight: 500; transition: color ease .35s; }
.strategy-direction .lists .kor { display: block; margin: 10px 0 40px; font-size: 3.2rem; font-weight: 500; transition: color ease .35s; }
.strategy-direction .lists .chips { flex-wrap: wrap; gap: 8px; margin-top: auto; }
.strategy-direction .lists .chips .chip { padding: 0 12px; height: 40px; font-size: var(--text-sm); font-weight: 400; color: inherit; letter-spacing: -0.05em; background: transparent; border-color: rgba(255, 255, 255, 0.4); white-space: nowrap; transition: all ease .35s; }
.strategy-direction .lists .letter { position: absolute; top: 20px; right: 20px; line-height: 1; font-size: 6rem; font-weight: 900; color: var(--clr-primary); pointer-events: none; user-select: none; transition: opacity ease .35s; opacity: 0; }

.strategy-organization { overflow: hidden; padding: 240px 0 0; }
.strategy-organization .picture { text-align: center; }

.strategy-esg { padding: 200px 0; }
.strategy-esg .lists .item { padding: 100px 0; border-bottom: 1px solid var(--border); }
.strategy-esg .lists .item:first-child { border-top: 1px solid var(--border); }
.strategy-esg .lists .title { display: flex; align-items: center; margin-bottom: 6px; font-size: 6rem; font-weight: 500; color: var(--clr-black); }
/* .strategy-esg .lists .title [data-split="fill"] { color: inherit; }
.strategy-esg .lists .title [data-split="fill"] .line { overflow: hidden; }
.strategy-esg .lists .title [data-split="fill"] .sentence-fill { top: 100%; color: var(--clr-black); mask: revert; -webkit-mask: revert; } */
.strategy-esg .lists .order { display: block; margin-left: -50px; width: 50px; font-size: var(--text-sm); font-weight: 500; }
.strategy-esg .lists .text { margin-bottom: 60px; color: var(--clr-black); }
.strategy-esg .lists .data { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.strategy-esg .lists .data .col { display: flex; flex-direction: column; padding: 20px; background: #DFE5EB; }
.strategy-esg .lists .data .name { margin-bottom: 20px; font-size: var(--text-base); font-weight: 500; color: var(--clr-black); letter-spacing: -0.04em; }
.strategy-esg .lists .data .img { margin-top: auto; width: 80px; }
@media (hover: hover) and (pointer: fine) {
}
@media screen and (min-width: 1025px) {
    .strategy-system .swiper-slide { padding: 50px 0; }

    .strategy-organization .section-heading { margin-bottom: 150px; }

    .strategy-esg .lists .item { display: flex; justify-content: space-between; }
    .strategy-esg .lists .side { width: 46.875%; }
    .strategy-esg .lists .contents { width: 43%; display: flex; flex-direction: column; margin-right: 5%; padding: 50px 0 50px 50px; }
    .strategy-esg .lists .data { margin-top: auto; }

    .strategy-direction .lists .item { opacity: 0; }
}
@media screen and (max-width: 1024px) {
    .strategy-system .swiper-slide img { max-width: 1000px; }

    .strategy-overview .sub-heading { margin-bottom: 0; }

    .strategy-system { padding: 120px 0; }

    .strategy-direction { padding: 120px 0; }
    .strategy-direction .center { display: none; }
    .strategy-direction .lists { gap: 10px; padding: 0; }
    .strategy-direction .lists .block { padding: 24px; }
    .strategy-direction .lists .kor { margin-top: 6px; margin-bottom: 20px; font-size: 2.4rem; }
    .strategy-direction .lists .chips { gap: 6px; }
    .strategy-direction .lists .chips .chip { height: 34px; }

    .strategy-organization { padding: 120px 0 0; }
    .strategy-organization .swiper-slide img { max-width: 1000px; }

    .strategy-esg { padding: 120px 0; }
    .strategy-esg .lists { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
    .strategy-esg .lists .item { padding: 60px 0; }
    .strategy-esg .lists .contents { padding: 24px 0 0 30px; }
    .strategy-esg .lists .title { font-size: 4rem; }
    .strategy-esg .lists .order { margin-left: -30px; width: 30px; }
    .strategy-esg .lists .text { margin-bottom: 40px; }
    .strategy-esg .lists .data .name { margin-bottom: 12px; }
    .strategy-esg .lists .data .img { width: 60px; }
}
@media screen and (max-width: 768px) {
    .strategy-system { padding: 80px 0; }
    .strategy-system .picture img { max-width: 353px; width: 100%; }

    .strategy-direction { padding: 80px 0; }
    .strategy-direction .lists { grid-template-columns: repeat(2, 1fr); }
    .strategy-direction .lists .kor { margin-top: 4px; margin-bottom: 12px; font-size: 1.8rem; }
    .strategy-direction .lists .chips { gap: 4px; }

    .strategy-organization { padding: 80px 0 0; }
    .strategy-organization .picture img { max-width: 353px; width: 100%; }

    .strategy-esg { padding: 80px 0; }
    .strategy-esg .lists .item { padding: 40px 0; }
    .strategy-esg .lists .title { font-size: 2.4rem; }
    .strategy-esg .lists .text { margin-bottom: 24px; }
    .strategy-esg .lists .data .name { margin-bottom: 10px; }
    .strategy-esg .lists .data .img { width: 52px; }
}
@media screen and (max-width: 480px) {
    .strategy-direction .lists { grid-template-columns: repeat(1, 1fr); }

    .strategy-esg .lists .data { grid-template-columns: repeat(1, 1fr); }
}


/* Careers */
.talent-main { position: relative; padding: 0 0 200px; }
.talent-main .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.talent-main .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.talent-main .lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-top: 160px; }
.talent-main .lists .item:nth-child(2) .block { transform: translateY(-80px); }
.talent-main .lists .item:nth-child(3) .block { transform: translateY(-160px); }
.talent-main .lists .block { display: flex; flex-direction: column; padding: 50px; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px); }
.talent-main .lists .title { font-size: var(--text-sm); font-weight: 500; color: var(--clr-primary); }
.talent-main .lists .kor { display: block; margin: 20px 0 30px; font-size: 4rem; font-weight: 500; }
.talent-main .lists .kor .span {
    background: linear-gradient(90deg, #215180 0%, rgba(33, 81, 128, 0) 75.33%), #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.talent-main .lists .text { margin-bottom: 65px; color: var(--clr-black); }
.talent-main .lists .image { margin-top: auto; margin-left: auto; width: 80px; height: 80px; }
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 1024px) {
    .talent-main { padding: 0 0 120px; }
    .talent-main .sub-heading { margin-bottom: 0; }
    .talent-main .lists { padding-top: 60px; }
    .talent-main .lists .item:nth-child(2) .block { transform: translateY(-60px); }
    .talent-main .lists .item:nth-child(3) .block { transform: translateY(-120px); }
    .talent-main .lists .block { padding: 24px; }
    .talent-main .lists .kor { margin: 10px 0 15px; font-size: 2.4rem; }
    .talent-main .lists .text { margin-bottom: 50px; }
    .talent-main .lists .image { width: 64px; height: 64px; }
}
@media screen and (max-width: 768px) {
    .talent-main { padding: 0 0 80px; }
    .talent-main .sub-heading { padding-bottom: 40px; }
    .talent-main .lists { grid-template-columns: repeat(1, 1fr); padding-top: 0; }
    .talent-main .lists .item:nth-child(2) .block { transform: none; }
    .talent-main .lists .item:nth-child(3) .block { transform: none; }
    .talent-main .lists .kor { margin: 4px 0 8px; font-size: 1.8rem; }
    .talent-main .lists .text { margin-bottom: 30px; }
    .talent-main .lists .image { width: 52px; height: 52px; }
}

.human-main { position: relative; padding: 0 0 200px; }
.human-main .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.human-main .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.human-main .lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding-top: 160px; }
.human-main .lists .item:nth-child(2) .block { transform: translateY(-80px); }
.human-main .lists .item:nth-child(3) .block { transform: translateY(-160px); }
.human-main .lists .block { display: flex; flex-direction: column; padding: 50px; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px); }
.human-main .lists .title { font-size: var(--text-sm); font-weight: 500; color: var(--clr-primary); }
.human-main .lists .kor { display: block; margin: 20px 0 0; font-size: 4rem; font-weight: 500; }
.human-main .lists .kor .span {
    background: linear-gradient(90deg, #215180 0%, rgba(33, 81, 128, 0) 75.33%), #000000;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    background-clip: text;
    text-fill-color: transparent;
}
.human-main .lists .text { margin-bottom: 65px; color: var(--clr-black); }
.human-main .lists .image { margin-top: auto; margin-left: auto; width: 80px; height: 80px; }
.human-main .lists .dot-list { margin-top: 30px; padding-top: 30px; color: var(--clr-black); border-top: 1px solid rgba(255, 255, 255, 0.2); }

.benefit-nav { overflow: hidden; display: flex; align-items: flex-end; z-index: 2; position: sticky; top: 0; left: 0; width: 100%; height: 100dvh; }
.benefit-nav .tab-lists { display: flex; flex-direction: column; gap: 10px; position: sticky; bottom: 100px; left: 30px; }
.benefit-nav .tab-lists .item { display: flex; align-items: center; position: relative; }
.benefit-nav .button { display: flex; justify-content: center; align-items: center; padding: 0 20px; height: 36px; font-size: 1.5rem; font-weight: 500; color: #888888; letter-spacing: -0.03em; border-radius: 36px; background: #fff; border: 1px solid #DDDDDD; pointer-events: all; }
.benefit-nav .button::before { content: ''; display: block; margin-right: 5px; margin-left: -10px; width: 5px; height: 5px; background: currentColor; border-radius: 50%; transition: all ease .15s; opacity: 0; }
.benefit-nav .button[aria-pressed="true"] { font-weight: 600; color: #fff; background: var(--clr-black); border-color: var(--clr-black); }
.benefit-nav .button[aria-pressed="true"]::before { margin-left: 0; opacity: 1; }
.benefit-nav-dropdown { display: none; position: relative; margin-top: 50px; }
.benefit-nav-dropdown__current { display: flex; justify-content: space-between; align-items: center; padding: 0 20px; width: 100%; height: 50px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-black); background: #fff; border: 1px solid var(--clr-black); border-radius: 50px; }
.benefit-nav-dropdown__current::after { content: ''; flex-shrink: 0; margin-left: 10px; width: 10px; height: 10px; border-right: 1px solid var(--clr-black); border-bottom: 1px solid var(--clr-black); transform: rotate(45deg) translateY(-2px); transition: transform .35s ease; }
.benefit-nav-dropdown.is-open .benefit-nav-dropdown__current::after { transform: rotate(-135deg) translateY(-2px); }
.benefit-nav-dropdown__lists { overflow: hidden; position: absolute; top: calc(100% + 10px); left: 0; z-index: 10; width: 100%; background: #fff; border: 1px solid var(--clr-black); border-radius: 20px; opacity: 0; visibility: hidden; transform: translateY(10px); transition: all .35s ease; }
.benefit-nav-dropdown.is-open .benefit-nav-dropdown__lists { opacity: 1; visibility: visible; transform: translateY(0); }
.benefit-nav-dropdown__button { display: flex; align-items: center; padding: 0 20px; width: 100%; height: 50px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-black); text-align: left; transition: background .35s ease, color .35s ease; }
.benefit-nav-dropdown__item:not(:last-child) .benefit-nav-dropdown__button { border-bottom: 1px solid rgba(0, 0, 0, 0.1); }
.benefit-nav-dropdown__item.is-active .business-tab-dropdown__button { color: #fff; background: var(--clr-black); }

.human-benefit { padding-top: 200px; }
.human-benefit .benefit-main { position: relative; }
.human-benefit .nav-wrap { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; pointer-events: none; }
.human-benefit .section { display: flex; justify-content: space-between; padding: 100px 0; }
.human-benefit .section:first-child { border-top: 1px solid var(--border); }
.human-benefit .section .side { width: 47.3958%; }
.human-benefit .section .side-wrap { overflow: hidden; position: sticky; top: var(--header-height); left: 0; padding: 50px 0 0 18%; max-width: 87%; width: 100%; }
.human-benefit .section .contents { width: 47.3958%; }
.human-benefit .section .item { padding: 200px 0 200px 50px; min-height: 100dvh; }
.human-benefit .section .title { display: flex; align-items: center; margin-bottom: 10px; margin-left: -50px; font-size: 6rem; font-weight: 500; color: var(--clr-black); }
.human-benefit .section .badge { display: block; width: 50px; font-size: var(--text-sm); font-weight: 500; }
.human-benefit .section .ul { margin-top: 100px; }
.human-benefit .section .li { padding: 40px 0; border-bottom: 1px solid var(--border); }
.human-benefit .section .li:first-child { padding-top: 0; }
.human-benefit .section .strong { display: flex; align-items: center; font-size: 2.4rem; font-weight: 500; color: var(--clr-black); }
.human-benefit .section .strong .icon { margin-right: 10px; width: 31px; height: 31px; }
.human-benefit .section .text { margin-top: 20px; font-size: var(--text-lg); color: var(--clr-black); }
.human-benefit .section .text:last-child { margin-bottom: 0; }
.human-benefit .section .images { display: flex; flex-direction: column; gap: 60px; }
.human-benefit .section .images .image { width: 100%; }

.recruit-overview { position: relative; padding: 590px 0 200px; color: #fff; }
.recruit-overview::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 400px; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 1) 100%); pointer-events: none; }
.recruit-overview .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.recruit-overview .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.recruit-overview .center { text-align: center; }
.recruit-overview .center .heading { font-size: clamp(1.8rem, 3.13vw, 6rem); font-weight: 500; }
.recruit-overview .lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; margin-top: 500px; padding-top: 160px; }
.recruit-overview .lists .item:nth-child(2) .block { transform: translateY(-80px); }
.recruit-overview .lists .item:nth-child(3) .block { transform: translateY(-160px); }
.recruit-overview .lists .block { display: flex; flex-direction: column; padding: 50px; background: rgba(255, 255, 255, 0.3); border: 1px solid rgba(255, 255, 255, 0.2); backdrop-filter: blur(15px); }
.recruit-overview .lists .title { font-size: var(--text-sm); font-weight: 500; color: inherit; }
.recruit-overview .lists .kor { display: block; margin: 20px 0 0; font-size: 4rem; font-weight: 500; color: inherit; }
.recruit-overview .lists .text { margin: 30px 0 46px; }
.recruit-overview .lists .image { margin-top: auto; margin-left: auto; width: 80px; height: 80px; }
.recruit-overview .lists .dot-list { margin-top: 30px; padding-top: 30px; color: var(--clr-black); border-top: 1px solid rgba(255, 255, 255, 0.2); }

.recruit-process { padding: 200px 0 0; }
.recruit-process .process { position: relative; }
.recruit-process .process .lists { display: flex; }
.recruit-process .process .item { position: relative; margin-right: -1.22%; width: 23.26%; background: #001121; border-radius: 50%; }
.recruit-process .process .item::before { content: ''; display: block; padding-top: 100%; width: 100%; }
.recruit-process .process .item:nth-child(2) { background: #0C2742; }
.recruit-process .process .item:nth-child(3) { background: #163B60; }
.recruit-process .process .item:nth-child(4) { background: #215180; margin-left: auto; margin-right: 0; }
.recruit-process .process .block { position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: clamp(12px, 1.05vw, 20px); text-align: center; color: #fff; }
.recruit-process .process .title { font-size: clamp(2rem, 2.09vw, 4rem); font-weight: 500; }
.recruit-process .process .badge { display: flex; align-items: center; padding: 0px 15px; height: 30px; font-size: var(--text-xs); font-weight: 500; background: rgba(255, 255, 255, 0.1); border-radius: 30px; white-space: nowrap; }
.recruit-process .process .line { display: block; position: absolute; top: 50%; left: 67.9%; width: 8.49%; height: 14px; background: repeating-linear-gradient(90deg, #000 0 2px, transparent 2px 8px); background-size: 8px 14px; animation: move-line 0.4s linear infinite; animation-timing-function: steps(8); transform: translateY(-50%); pointer-events: none; opacity: 0; transition: opacity .35s ease .8s; }
.recruit-process .process.animated .line { opacity: 1; }
.recruit-process .process .line::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: linear-gradient(to right, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); }

.recruit-apply { padding: 200px 0; }
.recruit-apply .lists { display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(24px, 3.13vw, 60px); }
.recruit-apply .lists .item { padding: 20px; background: #DFE5EB; }
.recruit-apply .lists .thumbnail { background: rgba(255, 255, 255, 0.5); box-shadow: 0 0 0 1px #fff; aspect-ratio: 4.3888; }
.recruit-apply .lists .thumbnail .image { display: block; width: 100%; height: 100%; object-fit: cover; }
.recruit-apply .lists .contents { display: flex; align-items: center; justify-content: space-between; gap: 20px; padding: 20px 20px 0; }
.recruit-apply .lists .text { font-weight: 500; }
@keyframes move-line {
    to { background-position-x: 8px; }
}
@media screen and (min-width: 1025px) {
    .human-main .lists .block { min-height: 455px; }
    .human-main .section-heading { margin-bottom: 0; }
}
@media screen and (max-width: 1024px) {
    .human-main { padding: 0 0 120px; }
    .human-main .sub-heading { margin-bottom: 0; }
    .human-main .lists { padding-top: 60px; }
    .human-main .lists .item:nth-child(2) .block { transform: translateY(-60px); }
    .human-main .lists .item:nth-child(3) .block { transform: translateY(-120px); }
    .human-main .lists .block { padding: 24px; min-height: 380px; }
    .human-main .lists .kor { margin: 10px 0 0; font-size: 2.4rem; }
    .human-main .lists .text { margin-bottom: 50px; }
    .human-main .lists .image { width: 64px; height: 64px; }
    .human-main .lists .dot-list { margin-top: 24px; padding-top: 24px; }

    .benefit-nav { z-index: 3; overflow: visible; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: block; }
    .benefit-nav .tab-lists { display: none; }
    .benefit-nav-dropdown { display: block; position: sticky; top: calc(100% - 60px); left: 0; margin-top: 0; width: 100%; pointer-events: auto; }
    .benefit-nav-dropdown__lists { top: auto; bottom: calc(100% + 10px); }

    .human-benefit { padding-top: 120px; }
    .human-benefit .nav-wrap { position: static; padding-top: 50px; }
    .human-benefit .sub-heading { margin-bottom: 0; padding-bottom: 0; }
    .human-benefit .sub-heading .heading { margin-bottom: 0; }
    .human-benefit .benefit-main { margin-top: 50px; margin-bottom: 120px; margin-right: auto; margin-left: auto; padding-bottom: 50px; max-width: var(--inner); width: 90%; }
    .human-benefit .section { display: block; padding: 60px 0; }
    .human-benefit .section .side { width: 100%; }
    .human-benefit .section .side-wrap { position: static; padding: 0; width: 100%; max-width: none; }
    .human-benefit .section .contents { padding-top: 24px; width: 100%; }
    .human-benefit .section .title { margin-left: 0; font-size: 3.6rem; }
    .human-benefit .section .badge { width: 30px; }
    .human-benefit .section .ul { margin-top: 60px; }
    .human-benefit .section .li { padding: 24px 0; }
    .human-benefit .section .strong { font-size: 2rem; }
    .human-benefit .section .strong .icon { margin-right: 8px; width: 27px; height: 27px; }
    .human-benefit .section .text { margin-top: 15px; }
    .human-benefit .section .images { gap: 30px; }

    .recruit-overview { padding: 320px 0 120px; }
    .recruit-overview .sub-heading { margin-bottom: 0; }
    .recruit-overview .lists { margin-top: 200px; padding-top: 60px; }
    .recruit-overview .lists .item:nth-child(2) .block { transform: translateY(-60px); }
    .recruit-overview .lists .item:nth-child(3) .block { transform: translateY(-120px); }
    .recruit-overview .lists .block { padding: 24px; min-height: 340px; }
    .recruit-overview .lists .kor { margin: 10px 0 0; font-size: 2.4rem; }
    .recruit-overview .lists .text { margin-bottom: 50px; }
    .recruit-overview .lists .image { width: 64px; height: 64px; }
    .recruit-overview .lists .dot-list { margin-top: 24px; padding-top: 24px; }

    .recruit-process { padding: 120px 0 0; }

    .recruit-apply { padding: 120px 0; }
}
@media screen and (max-width: 768px) {
    .human-main { padding: 0 0 80px; }
    .human-main .sub-heading { padding-bottom: 40px; }
    .human-main .lists { grid-template-columns: repeat(1, 1fr); padding-top: 0; }
    .human-main .lists .item:nth-child(2) .block { transform: none; }
    .human-main .lists .item:nth-child(3) .block { transform: none; }
    .human-main .lists .block { min-height: auto; }
    .human-main .lists .kor { margin: 4px 0 0; font-size: 1.8rem; }
    .human-main .lists .text { margin-bottom: 30px; }
    .human-main .lists .image { width: 52px; height: 52px; }
    .human-main .lists .item:first-child .dot-list { border-top-color: rgba(150, 150, 150, 0.2); }

    .human-benefit { padding-top: 80px; }
    .human-benefit .benefit-main { margin-top: 30px; margin-bottom: 80px; }
    .human-benefit .section { display: block; padding: 40px 0; }
    .human-benefit .section .contents { padding-top: 16px; }
    .human-benefit .section .title { font-size: 2.4rem; }
    .human-benefit .section .text { margin-top: 10px; }
    .human-benefit .section .ul { margin-top: 40px; }
    .human-benefit .section .li { padding: 18px 0; }
    .human-benefit .section .strong { font-size: 1.8rem; }
    .human-benefit .section .strong .icon { margin-right: 6px; width: 21px; height: 21px; }

    .recruit-overview { padding: 200px 0 120px; }
    .recruit-overview::after { height: 120px; }
    .recruit-overview .sub-heading { padding-bottom: 40px; }
    .recruit-overview .lists { grid-template-columns: repeat(1, 1fr); margin-top: 60px; padding-top: 0; }
    .recruit-overview .lists .item:nth-child(2) .block { transform: none; }
    .recruit-overview .lists .item:nth-child(3) .block { transform: none; }
    .recruit-overview .lists .block { min-height: auto; }
    .recruit-overview .lists .kor { margin: 4px 0 0; font-size: 1.8rem; }
    .recruit-overview .lists .text { margin: 12px 0 20px; }
    .recruit-overview .lists .image { width: 52px; height: 52px; }
    .recruit-overview .lists .item:first-child .dot-list { border-top-color: rgba(150, 150, 150, 0.2); }

    .recruit-process { padding: 80px 0 0; }
    .recruit-process .process .line { top: 72.2%; left: 50%; height: 10px; transform: translateX(-50%) rotate(90deg); }
    .recruit-process .process .lists { flex-direction: column; align-items: center; }
    .recruit-process .process .item { margin-left: 0; margin-right: 0; margin-bottom: -5%; width: 220px; }
    .recruit-process .process .item:nth-child(4) { margin-left: 0; margin-bottom: 0; margin-top: 12%; }

    .recruit-apply { padding: 80px 0; }
    .recruit-apply .lists { grid-template-columns: repeat(1, 1fr); }
    .recruit-apply .lists .contents { padding: 16px 10px 0; }
}
@media screen and (max-width: 768px) {
    .recruit-overview { padding: 80px 0 120px; }

    .recruit-apply .lists .contents { flex-direction: column; gap: 10px; }
}


/* Investors */
.financial-main { padding-bottom: 200px; }
.financial-main .flex { display: flex; align-items: flex-end; justify-content: space-between; margin-bottom: 20px; }
.financial-main .flex .title { font-size: 5rem; font-weight: 500; }
.financial-main .flex .small { display: block; font-size: var(--text-sm); font-weight: 500; color: #666666; }
.financial-main .section { overflow: hidden; padding: 100px 0; border-bottom: 1px solid var(--border); }
.financial-main .section:first-of-type { border-top: 1px solid var(--border); }
.financial-main .table { min-width: 460px; }
.financial-main .mobile-scroll .swiper-slide { padding-bottom: 0; }

.disclosure-main { overflow: hidden; padding-bottom: 200px; }
.disclosure-main .frame { overflow-y: hidden; overflow-x: auto; }
.disclosure-main .frame iframe { display: block; margin: 0 auto -30px; }
.disclosure-main .mobile-scroll .swiper-slide { padding-bottom: 0; }
@media screen and (max-width: 1024px) {
    .financial-main { padding-bottom: 120px; }
    .financial-main .sub-heading { margin-bottom: 0; }
    .financial-main .sub-heading .heading { margin-bottom: 0; }
    .financial-main .flex .title { font-size: 3rem; }
    .financial-main .section { padding: 60px 0; }

    .disclosure-main { padding-bottom: 120px; }
}
@media screen and (max-width: 768px) {
    .financial-main { padding-bottom: 80px; }
    .financial-main .flex { margin-bottom: 14px; }
    .financial-main .flex .title { font-size: 2rem; }
    .financial-main .section { padding: 40px 0; }

    .disclosure-main { padding-bottom: 80px; }
}


/* Terms */
.terms-main { padding: calc(var(--header-height) + 70px) 0 var(--section-bottom); min-height: calc(100vh - 50px); }
.terms-main .sub-heading { padding: 0 0 100px; text-align: left; }
.terms-main .flex .side .text { line-height: 1.4; font-size: var(--text-lg); }
.terms-main .lists { display: flex; flex-direction: column; gap: 60px; }
.terms-main .lists .item .contents { width: 100%; padding: 10px 0 0 40px; }
.terms-main .lists .item .heading { display: flex; align-items: baseline; font-size: var(--text-lg); font-weight: 500; line-height: 1.4; letter-spacing: -0.02em; }
.terms-main .lists .item .heading .number { flex-shrink: 0; width: 40px; font-size: var(--text-sm); }
.terms-main .lists .text + .data,
.terms-main .lists .title + .data { margin-top: 20px; }
.terms-main .lists .text + .table { margin-top: 24px; border-top: none; }
.terms-main .lists .data + .text,
.terms-main .lists .table + .text { margin-top: 20px; }
.terms-main .lists .title { font-size: 17px; font-weight: 400; color: #222; }
.terms-main .lists .data li { position: relative; margin-bottom: 5px; padding-left: 16px; font-size: 1.7rem; color: #222; }
.terms-main .lists .data li::before { content: ""; position: absolute; left: 2px; top: 0.5em; width: 5px; height: 5px; background: currentColor; }
.terms-main .lists .data li:last-child { margin-bottom: 0; }
.terms-main .lists .table { text-align: left; }
.terms-main .lists .table > div + div { margin-top: 24px; }
.terms-main .lists .table dt { font-weight: 500; }
.terms-main .lists .table dd { margin-top: 6px; }
.terms-main .lists .table > div:has(> dd > .data) { display: flex; margin-top: 0; }
.terms-main .lists .table > div:has(> dd > .data) + div { margin-top: 24px; }
.terms-main .lists .table > div:has(> dd > .data) dt { flex-shrink: 0; width: 30%; }
.terms-main .lists .table > div:has(> dd > .data) dd { flex: 1; margin-top: 0; }
.terms-main .lists .table > div:not(:has(> dd > .data)) dd { position: relative; padding-left: 15px; font-size: 1.7rem; color: #222; }
.terms-main .lists .table > div:not(:has(> dd > .data)) dd::before { content: ""; position: absolute; left: 2px; top: 0.5em; width: 5px; height: 5px; background: currentColor; }
.terms-main .lists .item:last-child .table > div { display: flex; margin-top: 0; }
.terms-main .lists .item:last-child .table dt::after { content: " : "; white-space: pre; }
.terms-main .lists .item:last-child .table dt,
.terms-main .lists .item:last-child .table dd { margin-top: 0; padding-left: 0; font-size: 17px; font-weight: 500; color: #000; }
.terms-main .lists .item:last-child .table dd::before { display: none; }
@media screen and (min-width: 1025px) {
    .terms-main .flex { display: flex; justify-content: space-between; }
    .terms-main .flex .side { position: relative; width: 47.09%; }
    .terms-main .flex .side-wrap { overflow: hidden; position: sticky; top: calc(var(--header-height) + 50px); left: 0; width: 100%; }
    .terms-main .flex .contents { width: 47.09%; }
}
@media screen and (max-width: 1024px) {
    .terms-main .sub-heading { margin-bottom: 0; padding-bottom: 80px; }
    .terms-main .sub-heading .heading { margin-bottom: 0; }
    .terms-main .flex .contents { padding-top: 30px; }
    .terms-main .lists { gap: 50px; }
    .terms-main .lists .item .heading { font-size: 20px; }
    .terms-main .lists .text,
    .terms-main .lists .title,
    .terms-main .lists .table dt { font-size: 16px; }
    .terms-main .lists .item .contents { padding-left: 30px; }
    .terms-main .lists .item .heading .number { width: 30px; }
    .terms-main .lists .data li { margin-bottom: 3px; padding-left: 13px; font-size: 1.5rem; }
    .terms-main .lists .data li::before { width: 3px; height: 3px; }
    .terms-main .lists .text + .data,
    .terms-main .lists .title + .data { margin-top: 14px; }
    .terms-main .lists .data + .text,
    .terms-main .lists .table + .text { margin-top: 14px; }
    .terms-main .lists .text + .table { margin-top: 14px; }
    .terms-main .lists .table > div:has(> dd > .data) + div { margin-top: 14px; }
    .terms-main .lists .table > div + div { margin-top: 14px; }
    .terms-main .lists .item:last-child .table dt,
    .terms-main .lists .item:last-child .table dd { font-size: 1.5rem; }
}
@media screen and (max-width: 768px) {
    .terms-main .sub-heading { padding-bottom: 60px; }
    .terms-main .lists { gap: 30px; }
    .terms-main .lists .item .heading { font-size: 18px; }
    .terms-main .lists .item .heading .number { width: 24px; font-size: 14px; }
    .terms-main .lists .item .contents { padding: 10px 0 0 24px; }
    .terms-main .lists .text,
    .terms-main .lists .title,
    .terms-main .lists .table dt { font-size: 15px; }
    .terms-main .lists .data li,
    .terms-main .lists .table > div:not(:has(> dd > .data)) dd { font-size: 14px; }
    .terms-main .lists .table > div:has(> dd > .data) { display: block; }
    .terms-main .lists .table > div:has(> dd > .data) dt { width: 100%; }
    .terms-main .lists .table > div:has(> dd > .data) dd { margin-top: 6px; }
    .terms-main .lists .data li { font-size: 1.4rem; }
    .terms-main .lists .item:last-child .table dt,
    .terms-main .lists .item:last-child .table dd { font-size: 1.4rem; }
}