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


/* 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.5em; padding-left: 0.75em; }
.dot-list > li::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.165em; height: 0.165em; 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 .text { line-height: 1.3; }
    .table-basic th { padding: 12px 4px; }
    .table-basic td { padding: 12px 4px; font-size: 1.3rem; }

}


/* Page Lead */
.page-lead { z-index: 4; position: relative; margin-bottom: 200px; padding: var(--header-height) var(--gap) 0; }
.page-lead-wrap { overflow: hidden; display: flex; align-items: center; justify-content: center; position: relative; height: 400px; border-radius: 30px; }
.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; }
.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 { z-index: 2; position: relative; margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.page-lead .context { color: #fff; }
.page-lead .heading { line-height: 1.3; text-align: center; font-size: 5rem; font-weight: 600; text-shadow: 0px 0px 30px rgba(0, 0, 0, 0.3); }
.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-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 { margin-bottom: 120px; }
    .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 { margin-bottom: 60px; }
    .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; }
}


/* Terms */
.terms-main { padding: calc(var(--header-height) + 70px) 0 var(--section-bottom); min-height: calc(100vh - 50px); }
.terms-box { margin-right: auto; margin-left: auto; max-width: 1000px; width: 90%; color: #444444; }
.terms-context .text-lg { margin: 1.5em 0; font-size: var(--text-lg); font-weight: 500; color: #222222; }
.terms-context .text-sm { margin: 0.625em 0; font-size: var(--text-sm);}
.terms-context .circle.text-sm { margin: 0.625em 0; }
.terms-context h1 { margin-bottom: 2em; line-height: 1.3; text-align: center; font-size: 5rem; font-weight: 700; color: var(--clr-dark); }
.terms-context h2 { margin: 3.58em 0 1.07em; font-size: 2.8rem; font-weight: 700; color: #111111; }
/* .terms-context h2:first-child { margin-top: 0; } */
.terms-context h3 { margin: 1em 0 0; font-size: inherit; font-weight: 400; }
.terms-context ol { margin: revert; padding: revert; list-style: revert; }
.terms-context .circle { display: block; margin: 1.11em 0; padding-left: 1.1em; text-indent: -1.1em; }
@media screen and (min-width: 1025px) {
    .terms-box .section-heading { margin-bottom: 150px; }
}
@media screen and (max-width: 1024px) {
    .terms-main { padding: 100px 0; }
    .terms-context h1 { font-size: 2.6rem; margin-bottom: 1em; }
    .terms-context h2 { font-size: 1.6rem; margin: 2.5em 0 0.5em; }
    .terms-context h3 { font-size: 1.5rem; }
    .terms-context ol { padding-left: 2em; }
    
}
@media screen and (max-width: 768px) {
    .terms-context h1 { font-size: 2.4rem; }
    
}


/* Guidance */
/* common */
.section-heading { margin-bottom: 60px; text-align: center; }
.section-heading .badge { display: block; margin-bottom: 10px; line-height: 1.3; font-size: var(--text-sm); font-weight: 700; color: rgba(0, 0, 0, .4) }
.section-heading .heading { margin-bottom: 10px; line-height: 1.3; font-size: 4.6rem; font-weight: 600; color: var(--clr-black); }
.section-heading .heading[data-split="fill"] .sentence { color: #999999; }
.section-heading .heading[data-split="fill"] .sentence-fill { color: var(--clr-black); }
/* .section-heading .heading strong { font-family: var(--font-display); font-weight: 900; } */
.section-heading .text { margin-bottom: 20px; font-size: var(--text-lg); font-weight: 400; color: #111; }
.section-heading .text:last-child { margin-bottom: 0; }
.section-heading .text-lg { font-size: 2.4rem; font-weight: 500; }
@media screen and (max-width: 1024px) {
    .section-heading { margin-bottom: 40px; }
    .section-heading .heading { margin-bottom: 24px; font-size: 3.2rem; }
    .section-heading .text { font-size: 1.6rem; margin-bottom: 16px; }
    .section-heading .text-lg { font-size: 1.8rem; }

    .online-lists .thumbnail { box-shadow: 0 30px 40px rgba(0, 0, 0, 0.1); }
}
@media screen and (max-width: 768px) {
    .section-heading { margin-bottom: 24px; }
    .section-heading .heading { margin-bottom: 16px; font-size: 2rem; }
    .section-heading .text { font-size: 1.5rem; margin-bottom: 12px; }
    .section-heading .text-lg { font-size: 1.6rem; }
}

.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; }
}


.section-media { padding-bottom: 200px; }
.section-media .inner { max-width: var(--inner-lg); text-align: center; }
.section-media .media { overflow: hidden; display: inline-block; position: relative; text-align: center; }
.section-media .media .background { background: #000; border-radius: 30px; transform: scale(0.7); }
.section-media .media .background .item { border-radius: inherit; opacity: 0; }
.section-media .media .background .video { border-radius: inherit; opacity: 0; }
.section-media .media .image { position: absolute; bottom: -3.5%; left: 50%; border-radius: var(--border-radius); transform: translateX(-50%); }
.section-media .media .video { position: absolute; bottom: 8%; left: 50%; max-width: 1100px; width: 100%; background: #000; border-radius: var(--border-radius); transform: translateX(-50%); opacity: 0; }
.section-media .partnership-slide:not(:first-child) { margin-top: 200px; }
@media screen and (max-width: 1024px) {
    .section-media { padding-bottom: 120px; }
    .section-media .media .video { width: 80%; }
    .section-media .media .background { border-radius: 20px; }

    .section-media .partnership-slide:not(:first-child) { margin-top: 100px; }
    
}
@media screen and (max-width: 768px) {
    .section-media { padding-bottom: 60px; }
    .section-media .media .background { border-radius: 16px; }
    .section-media .partnership-slide:not(:first-child) { margin-top: 60px; }
}


.section-overview { position: relative; margin-top: -100px; padding: 100px 0 790px; }
.section-overview .inner { z-index: 2; }
.section-overview .images { position: absolute; top: 0; left: 0; right: 0; margin: auto; max-width: 1800px; width: 90%; height: 100%; }
/* .section-overview .images::before, */
.section-overview .images::after { content: ''; z-index: 2; position: absolute; left: 0; width: 100%; height: 300px; background-image: linear-gradient(180deg, rgba(255, 255, 255, 1) 30%, rgba(255, 255, 255, 0) 100%); pointer-events: none; }
.section-overview .images::before { top: 0; }
.section-overview .images::after { bottom: 0; transform: scaleY(-1); }
.section-overview .images .image { position: absolute; }
.section-overview .images .image-1 { top: 5%; left: 20%; }
.section-overview .images .image-2 { top: 19%; left: -2%; }
.section-overview .images .image-3 { top: 24%; left: 72%; }
/* .section-overview .images .image-4 { top: 46%; left: 85%; }
.section-overview .images .image-5 { top: 67%; left: 7%; }
.section-overview .images .image-6 { top: 76%; left: 56%; } */
.section-overview .images .image-4 { top: 33%; left: 85%; }
.section-overview .images .image-5 { top: 40%; left: 7%; }
.section-overview .images .image-6 { top: 71%; left: 56%; }
@media screen and (min-width: 1025px) {
    .section-overview .section-heading { margin-bottom: 0; }
    .section-overview .section-heading .text { margin-top: 30px; }
}
@media screen and (max-width: 1024px) {
    .section-overview { margin-top: -60px; padding: 60px 0; }
    .section-overview .images { display: none; }
    .section-overview .section-heading .heading[data-split="fill"] .sentence { color: var(--clr-black); }
}
@media screen and (max-width: 768px) {
    
}


.section-partners { overflow: hidden; }
.partnership-slide::before,
.partnership-slide::after { content: ''; z-index: 2; position: absolute; top: 0; bottom: 0; width: 15%; height: 100%; background-image: linear-gradient(90deg, rgba(255, 255, 255, 1) 0%, rgba(255, 255, 255, 0) 100%); pointer-events: none; }
.partnership-slide::before { left: 0; }
.partnership-slide::after { right: 0; transform: scaleX(-1); }
.partnership-slide .swiper-slide { margin-right: clamp(15px, 7.8vw, 150px); width: auto; }
.partnership-slide .swiper-wrapper { transition-timing-function: linear; }
.partnership-slide .image { height: 40px; }
.partnership-slide.is-single .swiper-wrapper { justify-content: center; }
.partnership-slide.is-single .swiper-slide { margin-right: 0; }
.partnership-slide.is-centered .swiper-wrapper { justify-content: center; }
.partnership-slide.is-centered .swiper-slide:last-child { margin-right: 0; }
@media screen and (max-width: 1024px) {
    .partnership-slide .image { height: 30px; }
}
@media screen and (max-width: 768px) {
    .partnership-slide .image { height: 20px; }
}


/* Agent Section */
.section-agent { overflow: hidden; position: relative; padding: 200px 0; background: var(--background-primary); }
.section-agent::before { content: ''; position: absolute; top: -37.25%; left: 0; right: 0; margin: auto; width: 83.3333%; aspect-ratio: 1; background: url('/assets/images/sub/solution/agent/agent-background-shape.svg') no-repeat center / auto 100%; pointer-events: none; }
.section-agent .section-heading .text { margin-bottom: 10px; }
.section-agent .lists { display: grid; grid-template-columns: repeat(3, 1fr); gap: 30px; }
.section-agent .lists .item { z-index: 1; position: relative; padding: 50px 20px 20px; background: #fff; border-radius: var(--border-radius); }
.section-agent .lists .context { flex: 1 1; }
.section-agent .lists .contents { display: flex; gap: 30px; padding: 0 24px; }
.section-agent .lists .title { font-size: 2.4rem; color: var(--clr-dark); }
.section-agent .lists .text { margin-top: 10px; }
.section-agent .lists .arrow { display: block; margin: 30px auto; width: 10px; height: 23px; background: url('/assets/images/sub/solution/agent/agent-arrow.svg') no-repeat center / auto 100%; }
.section-agent .lists .gradient { position: relative; padding: 20px; text-align: center; font-weight: 500; color: #222; background: #fff; border-radius: 15px; }
.section-agent .lists .gradient::before { content: ''; z-index: -1; position: absolute; inset: -1px; background: linear-gradient(90deg, #0678C7, #78C823); border-radius: 16px; transition: opacity .35s ease; }
.section-agent .text-lg { margin-top: 60px; text-align: center; font-size: var(--text-lg); color: var(--clr-dark); }
@media screen and (max-width: 1024px) {
    .section-agent { padding: 100px 0; }
    .section-agent .lists { grid-template-columns: repeat(1, 1fr); }
    .section-agent .lists .title { font-size: 2rem; }
}
@media screen and (max-width: 768px) {
    .section-agent { padding: 60px 0; }
    .section-agent .lists .title { font-size: 1.8rem; }
    .section-agent .lists .contents { flex-direction: column; gap: 20px; }
    .section-agent .lists .arrow { margin: 24px auto; }
    .section-agent .lists .gradient { border-radius: 10px; }
    .section-agent .lists .gradient::before { border-radius: 11px; }
}


/* Card Section */
.section-card { overflow: hidden; padding-top: var(--padding-y); }
.card-list { display: grid; gap: 60px; }
.card-list .item { display: flex; align-items: center; justify-content: space-between; gap: 20px; }
.card-list .side { width: 46.53%; }
.card-list .side .video { display: block; max-width: 100%; background: #000; border-radius: var(--border-radius); aspect-ratio: 1.34; }
.card-list .title { font-size: 2.8rem; color: var(--clr-dark); }
.card-list .text { margin-top: 20px; }
@media screen and (min-width: 1025px) {
    .card-list .contents { max-width: 570px; }
    .card-list .item:nth-child(even) { flex-direction: row-reverse; }
}
@media screen and (max-width: 1024px) {
    .card-list { gap: 36px; }
    .card-list .text { margin-top: 14px; }
    .card-list .item { flex-direction: column; }
    .card-list .side { width: 100%; }
    .card-list .side .video { width: 100%; }
    .card-list .title { font-size: 2rem; }

}
@media screen and (max-width: 768px) {
    .card-list .text { margin-top: 10px; }
    .card-list .title { font-size: 1.8rem; }
}


/* Feature Section */
.section-feature { padding-top: var(--padding-y); }
.feature-lists { display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto 1fr; gap: 30px; }
.feature-lists .item-span { grid-row: span 2; }
.feature-lists .item-span-3 { grid-row: span 3; }
.feature-lists .contents { padding: 30px 0 0 30px; }
.feature-lists .title { font-size: 2.2rem; color: var(--clr-dark); }
.feature-lists .text { margin-top: 10px; font-weight: 300; }
@media screen and (max-width: 1024px) {
    .feature-lists { grid-template-columns: repeat(1, 1fr); }
    .feature-lists .image img { width: 100%; }
    .feature-lists .contents { padding: 20px 0 0; }
    .feature-lists .title { font-size: 2rem; }
}
@media screen and (max-width: 768px) {
    .feature-lists .title { font-size: 1.8rem; }
    
}


/* Studio Section */
.section-studio { position: relative; padding-top: calc(200px - var(--header-height)); padding-bottom: calc(var(--padding-y) - 80px); height: 550vh; height: 550dvh; }
.studio-list { position: relative; }
.studio-list .item { display: flex; flex-direction: row-reverse; align-items: center; justify-content: space-between; padding: 40px; color: #fff; background: var(--background-dark); border-radius: var(--border-radius); will-change: transform; }
.studio-list .side .play-wrap { position: relative; }
.studio-list .side .play { position: absolute; bottom: 10.3%; left: 0%; width: 31.6%; aspect-ratio: 1; }
.studio-list .side .play-2 { left: 34%; }
.studio-list .side .play-3 { left: 68.4%; }
.studio-list .badge { display: block; margin-bottom: 10px; font-size: var(--text-sm); color: #999999; }
.studio-list .title { margin: 10px 0 30px; font-size: 4.4rem; font-weight: 600; }
.studio-list .text { margin-top: 10px; }
.studio-list .dot-list { margin-top: 20px; opacity: 0.8; }
.studio-list .rounds { margin-top: 20px; }
.studio-list .rounds .round { flex: 1 1; }

.studio-list-dark .item { background: #1D1D1B; }
@media screen and (min-width: 1025px) {
    .section-studio-wrap { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; padding-top: var(--header-height); height: 110vh; height: 110dvh; }
    .studio-list .side { width: 44.12%; }
    .studio-list .contents { margin-left: 60px; width: 44.82%; }
    .studio-list .item { min-height: 500px; }
    .studio-list .item:not(:first-child) { position: absolute; top: 0; left: 0; width: 100%; }
    .studio-list .title-sm { font-size: 3.6rem; }
}
@media screen and (max-width: 1024px) {
    .section-studio { overflow: hidden; padding-top: 100px; height: auto; }
    .studio-list .item { flex-direction: column; margin-top: 36px; }
    .studio-list .side { width: 100%; }
    .studio-list .contents { padding-top: 20px; width: 100%; }
    .studio-list .side img { width: 100%; }
    .studio-list .title { margin: 6px 0 20px; font-size: 2.4rem; }
    .studio-list .text { margin-top: 6px; }
}
@media screen and (max-width: 768px) {
    .section-studio { padding-top: 60px; }
    .studio-list .item { padding: 36px 24px; }
    .studio-list .title { font-size: 1.8rem; }
}


/* Use Case Section */
.section-usecase { overflow: hidden; padding: var(--padding-y) 0; background: var(--background-primary); }
.section-usecase-2 { overflow: hidden; padding: var(--padding-y) 0 0; }
.section-usecase-2 .usecase-lists .item { position: relative; background: var(--background-primary); }
.section-usecase-2 .usecase-lists .item::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid #d8edfa; border-radius: inherit; pointer-events: none; }
.section-usecase-2 .usecase-lists .contents { padding: 40px 30px; }
.section-usecase-2 .usecase-lists .title { border-color: #d8edfa; }

.usecase-data { display: flex; margin-bottom: 100px; text-align: center; }
.usecase-data .col { flex: 1 1; display: flex; flex-direction: column-reverse; }
.usecase-data .dt { margin-top: 20px; line-height: 1.3; font-weight: 500; color: var(--clr-black); }
.usecase-data .dd { display: inline-flex; align-items: center; justify-content: center; line-height: 1.3; font-size: 6.6rem; font-weight: 600; color: var(--clr-black); }
.usecase-data .dd .span { color: var(--clr-primary); }
.usecase-data .dd .span-small { font-size: 4rem; }

.usecase-chips .swiper-wrapper { transition-timing-function: linear; }
.usecase-chips .item { flex: 1 1; background: #fff; border-radius: var(--border-radius); box-shadow: 0px 0px 30px 0px rgba(0, 87, 141, 0.2); }
.usecase-chips.swiper-initialized { margin-right: -50px; margin-left: -50px; padding-right: 50px; padding-left: 50px; }
.usecase-chips.swiper-initialized::before,
.usecase-chips.swiper-initialized::after { content: ''; z-index: 2; position: absolute; top: 0; bottom: 0; left: 0; width: 10%; height: 100%; background-image: linear-gradient(90deg, rgba(240, 246, 250, 1) 0%, rgba(240, 246, 250, 0) 100%); pointer-events: none; }
.usecase-chips.swiper-initialized::after { left: auto; right: 0; transform: rotate(180deg); }
.usecase-chips:not(.swiper-initialized) .swiper-wrapper { display: flex; justify-content: center; gap: 18px; }
.usecase-chips:not(.swiper-initialized) .swiper-slide { flex-shrink: 1; width: auto; }

.usecase-lists { display: flex; flex-wrap: wrap; justify-content: center; gap: 30px; margin-top: 60px; }
.usecase-lists .item { display: flex; flex-direction: column; width: calc(33.33333% - 20px); text-align: center; background: #fff; border-radius: var(--border-radius); }
.usecase-lists .contents { padding: 50px; }
.usecase-lists .image { position: relative; margin-top: auto; }
.usecase-lists .image strong { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; font-size: 2.4rem; font-weight: 600; color: #fff; }
.usecase-lists .badge { display: block; margin-bottom: 10px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-primary); }
.usecase-lists .title { margin-bottom: 20px; padding-bottom: 20px; font-size: 2.2rem; color: var(--clr-dark); border-bottom: 1px solid var(--border); }
.usecase-lists .title small { font-size: var(--text-sm); }
.usecase-lists .title .text-base { display: block; margin-top: 10px; font-size: var(--text-base); }
.usecase-lists .text { font-weight: 300; }
.usecase-lists .text-sm { display: block; margin-top: 20px; font-size: var(--text-sm); }
.usecase-lists .dot-list { margin-top: 20px; font-size: var(--text-sm); font-weight: 300; color: #666666; }
.usecase-lists .dot-list > li::before { top: 0.5em; width: 0.25em; height: 0.25em; }
.usecase-lists-2 .text { font-weight: 400; color: var(--clr-dark); }
@media screen and (min-width: 1025px) {
    .usecase-lists .item { display: flex; flex-direction: column; justify-content: space-between; }
    .usecase-lists.lists-4 { gap: 20px; }
    .usecase-lists.lists-4 .item { width: calc(25% - 15px); }
    .usecase-lists.lists-2 .item { width: calc(50% - 15px); }
}
@media screen and (max-width: 1024px) {
    .usecase-lists { gap: 20px; margin-top: 40px; }
    .usecase-lists .contents { padding: 36px; }
    .usecase-lists .title { margin-bottom: 14px; padding-bottom: 14px; font-size: 2rem; }
    .usecase-lists .item { width: calc(50% - 10px); }

    .usecase-data .dd { font-size: 4rem; }
    .usecase-data .dd .span-small { font-size: 3rem; }
}
@media screen and (max-width: 768px) {
    .usecase-lists { margin-top: 30px; }
    .usecase-lists .title { font-size: 1.8rem; }
    .usecase-lists .item { width: 100%; }
    .usecase-lists .image img { width: 100%; }

    .usecase-data .dd { font-size: 2.4rem; }
    .usecase-data .dd .span-small { font-size: 1.4rem; }
}


/* Specification Section */
.section-specification { padding: var(--padding-y) 0; }

.specification { display: grid; grid-template-columns: 34.73% 1fr; grid-template-rows: auto auto; gap: 30px 40px; }
.specification .panel { overflow: hidden; display: flex; flex-direction: column; justify-content: flex-end; position: relative; height: 100%; color: #ffffff; border-radius: var(--border-radius); }
.specification .panel .background { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; }
.specification .panel .background img { display: block; width: 100%; height: 100%; object-fit: cover; }
.specification .panel .contents { position: relative; z-index: 2; padding: 60px 80px; }
/* .specification .panel .contents .image { margin: 0 -50px 50px; max-width: calc(100% + 100px); } */
.specification .panel .contents .image { margin: 0 -50px; max-width: calc(100% + 100px); }
.specification .panel .contents .heading { line-height: 1.2; font-size: 3.2rem; margin-bottom: 24px; }
.specification .panel .contents .title { font-weight: 600; margin-bottom: 8px; }
.specification .panel .contents .text { line-height: 1.4; font-size: 1.4rem; font-weight: 400; color: rgba(255, 255, 255, 0.8); }
.specification .data { display: flex; gap: 16px; }
.specification .data .item { overflow: hidden; flex: 1; padding: 30px; border: 1px solid var(--border); border-radius: var(--border-radius); }
.specification .data .dt { display: flex; align-items: center; gap: 6px; font-size: var(--text-xs); font-weight: 700; color: #AAAAAA; }
.specification .data .dt .icon { margin-top: -0.1em; width: 24px; height: 24px; }
.specification .data .dt .icon-form-factor { margin-left: -0.2em; }
.specification .data .dd { margin-top: 18px; font-weight: 700; color: #222222; }
.specification .table { display: table; width: 100%; text-align: center; color: #222222; border-collapse: separate; border-spacing: 0; border: 1px solid #e5e5e5; border-radius: 16px; overflow: hidden; }
.specification .table thead th { line-height: 1.3; font-size: 1.8rem; font-weight: 600; color: #ffffff; text-align: center; vertical-align: middle; padding: 19px 10px; background: #222222; }
.specification .table tbody tr { border-top: 1px solid #e5e5e5; }
.specification .table tbody tr:not(:last-child) td, .specification .table tbody tr:not(:last-child) th { border-bottom: 1px solid #e5e5e5; }
.specification .table tbody th { width: 16%; line-height: 1.3; font-size: var(--text-sm); font-weight: 500; text-align: center; padding: 18px 10px; }
.specification .table tbody td { width: 42%; line-height: 1.3; font-size: var(--text-sm); color: #555555; padding: 18px 0; }
@media screen and (min-width: 1025px) {
    .specification .data .item { min-height: 160px; }
    .specification .specification-item:nth-child(1) { grid-column: 1 / 2; grid-row: 1 / 3; }
    .specification .specification-item:nth-child(2) { grid-column: 2 / 3; grid-row: 1 / 2; }
    .specification .specification-item:nth-child(3) { grid-column: 2 / 3; grid-row: 2 / 3; }
}
@media screen and (max-width: 1024px) {
    .specification { grid-template-columns: repeat(1, 1fr); }
    .specification .panel { width: 100%; max-height: 500px; aspect-ratio: auto; }
    .specification .panel .contents { padding: 32px 24px; }
    /* .specification .panel .contents .image { margin: 0 0 20px; max-width: 300px; } */
    .specification .panel .contents .image { margin: 0; max-width: 300px; }
    .specification .data { display: grid; grid-template-columns: repeat(2, 1fr); }
    .specification .data .item { padding: 16px; }
    .specification .data .dd { margin-top: 10px; }
    .specification .table thead th { font-size: 1.6rem; }
}
@media screen and (max-width: 768px) {
    .specification .table thead th { font-size: 1.5rem; }

}


.footnote { margin-top: 20px; }
.footnote .small { display: flex; gap: 10px; font-size: var(--text-sm); color: #666666; }
.footnote .icon { width: 20px; height: 20px; color: #AAAAAA; }
.footnote .text { flex: 1 1; }
@media screen and (max-width: 1024px) {
    /* .footnote .icon { width: 16px; height: 16px; } */
    
}
@media screen and (max-width: 768px) {
    
}


/* Contact Section */
.section-contact { position: relative; padding: 242px 0; text-align: center; color: #fff; }
.section-contact .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-contact .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.section-contact .section-heading { margin-bottom: 0; }
.section-contact .heading,
.section-contact .text { color: inherit; }
.section-contact .buttons { margin-top: 40px; }
@media screen and (max-width: 1024px) {
    .section-contact { padding: 100px 0; }
    .section-contact .buttons { margin-top: 24px; }
}
@media screen and (max-width: 768px) {
    .section-contact { padding: 60px 0; }
    .section-contact .buttons { margin-top: 16px; }
}
@media screen and (max-width: 480px) {
    .section-contact .buttons { flex-direction: column; }
    .section-contact .buttons .button { min-width: 170px; }
}


/* Partners Section */
.section-partners { padding: var(--padding-y) 0; background: var(--background-primary); }
.partners-slide { z-index: 1; margin: -20px -30px; padding: 30px; }
.partners-slide::before,
.partners-slide::after { content: ''; z-index: 2; position: absolute; top: 0; bottom: 0; width: 15%; height: 100%; background-image: linear-gradient(90deg, rgba(240, 246, 250, 1) 40%, rgba(240, 246, 250, 0) 100%); pointer-events: none; }
.partners-slide::before { left: 0; }
.partners-slide::after { right: 0; transform: scaleX(-1); }
.partners-slide .swiper-wrapper { transition-timing-function: linear; }
.partners-slide .swiper-slide { overflow: hidden; max-width: 300px; background: #fff; border-radius: var(--border-radius); box-shadow: 0px 0px 30px 0px rgba(0, 87, 141, 0.2); }
.partners-slide .swiper-slide::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; border: 1px solid rgba(0, 152, 246, 0.1); border-radius: inherit; pointer-events: none; }
.partners-slide .context { display: flex; align-items: center; justify-content: center; padding: 0 10px; min-height: 63px; line-height: 1.3; text-align: center; }
@media screen and (max-width: 1024px) {
    .partners-slide .swiper-slide { width: 20%; }
}
@media screen and (max-width: 768px) {
    .partners-slide .swiper-slide { width: 33%; }
}
@media screen and (max-width: 480px) {
    .partners-slide .swiper-slide { width: 46%; }
}


/* Speciality Section */
.section-speciality { position: relative; padding-top: calc(200px - var(--header-height)); padding-bottom: var(--padding-y); height: 550vh; height: 550dvh; }
.section-speciality + .section-usecase-2 { padding-top: 0; }
.speciality-list { display: grid; gap: 20px; position: relative; }
.speciality-list .item { overflow: hidden; position: relative; height: 550px; color: #fff; border-radius: var(--border-radius); }
.speciality-list .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.speciality-list .background img { display: block; width: 100%; height: 100%; object-fit: cover; }
.speciality-list .contents { z-index: 2; position: relative; display: flex; flex-direction: column; justify-content: center; padding: 100px; height: 100%; height: 100%; }
.speciality-list .badge { position: absolute; top: 20px; left: 30px; opacity: 0.6; }
.speciality-list .title { font-size: 3.6rem; }
.speciality-list .text { margin-top: 20px; font-weight: 300; }
@media screen and (min-width: 1025px) {
    .section-speciality-wrap { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; padding-top: var(--header-height); height: 110vh; height: 110dvh; }
    .speciality-list .item:not(:first-child) { position: absolute; top: 0; left: 0; width: 100%; }
}
@media screen and (max-width: 1024px) {
    .section-speciality { padding: var(--padding-y) 0; height: auto; }
    .speciality-list .contents { padding: 48px; }
    .speciality-list .item { height: 300px; }
    .speciality-list .title { font-size: 2.4rem; }
    .speciality-list .text { margin-top: 16px; }
}
@media screen and (max-width: 768px) {
    .speciality-list .contents { padding: 24px; }
    .speciality-list .title { font-size: 1.8rem; }
    .speciality-list .text { margin-top: 12px; }
}


/* Process Section */
.section-process { padding: var(--padding-y) 0 0; }
.process-container { padding: 100px 0; background: var(--background-primary); }

.process-section { position: relative; width: 100%; max-width: 1400px; margin: 0 auto; padding: 160px 0; background-color: #0b0c10; }

.process-list {
    --gap: 30; --padding: 20px; --bar-height: 30px; --dot-width: 20px; --dot-margin: 5px;
    display: flex; position: relative; width: 100%; margin-top: 150px; list-style: none;
}
.process-list::before { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 30px; background: linear-gradient(90deg, #64FF9F 0%, #34B1FF 100%); border-radius: 30px; z-index: 1; }
.process-list .item { position: relative; flex: 1; display: flex; z-index: 2; margin-top: var(--bar-height); width: 20%; padding-left: var(--padding); border-left: 1px solid #d8dee1; }
.process-list .item::before { content: ''; position: absolute; top: calc(var(--bar-height) * -1 + 5px); left: -10px; margin: auto; width: var(--dot-width); height: var(--dot-width); border: 5px solid #ffffff; border-radius: 50%; }
.process-list .item:first-child:before { left: -10px; }
.process-list .item:first-child { margin-left: 15px; }
/* .process-list .item:not(:last-child)::after { content: '>>>>'; position: absolute; left: 50%; transform: translateX(-50%); color: rgba(255, 255, 255, 0.6); font-size: 10px; letter-spacing: 2px; pointer-events: none; } */

.process-list .process-card { visibility: hidden; }
.process-list .badge { display: block; margin-bottom: 4px; color: #666666; font-size: var(--text-xs); font-weight: 600; color: var(--clr-dark); }
.process-list .title { margin-bottom: 20px; line-height: 1.3; color: var(--clr-dark); }
.process-list .title .sub-text { display: block; margin-top: 2px; font-size: var(--text-xs); }
.process-list .dot-list li { position: relative; margin-bottom: 4px; font-size: var(--text-sm); line-height: 1.3; }
@media screen and (min-width: 769px) {
    .process-list .item:nth-child(1) .process-card { margin-top: calc(var(--gap) * 5px); }
    .process-list .item:nth-child(2) .process-card { margin-top: calc(var(--gap) * 4px); }
    .process-list .item:nth-child(3) .process-card { margin-top: calc(var(--gap) * 3px); }
    .process-list .item:nth-child(4) .process-card { margin-top: calc(var(--gap) * 2px); }
    .process-list .item:nth-child(5) .process-card { margin-top: calc(var(--gap) * 1px); }
    .process-list .item:last-child {
        justify-content: flex-end; position: absolute; bottom: calc(100% - var(--bar-height)); right: 0;
        margin-top: 0; margin-right: 15px; margin-bottom: var(--bar-height); padding-bottom: calc(var(--gap) * 1px); padding-left: 0; padding-right: var(--padding);
        text-align: right; border-left: none; border-right: 1px solid #d8dee1;
    }
    .process-list .item:last-child::before { top: auto; left: auto; bottom: calc(var(--bar-height) * -1 + 5px); right: -10px; }
    .process-list .item:last-child .dot-list li { padding-left: 0; padding-right: 0.75em; }
    .process-list .item:last-child .dot-list > li::before { left: auto; right: 0; }
}
@media screen and (max-width: 1024px) {
    .process-container { padding: 60px 0; }
}
@media screen and (max-width: 768px) {
    .process-container { padding: 40px 0; }
    .process-list { flex-direction: column; margin-top: 0; }
    .process-list::before { width: 30px; height: 100%; background: linear-gradient(180deg, #64FF9F 0%, #34B1FF 100%); }
    .process-list .item { margin-top: 10px; margin-left: 20px; padding-left: 30px; padding-bottom: 20px; width: 100%; border-left: none; }
    .process-list .item::before { top: 0; left: -15px; }
    .process-list .item:first-child:before { left: -10px; }
}


/* Framework Section */
.section-framework { padding: var(--padding-y) 0 0; }
.section-framework .inner { max-width: 1480px; }
.framework-container { overflow: hidden; position: relative; padding: 20px 20px 100px; background: #0B293D; border-radius: var(--border-radius); }
.framework-container .bottom-text { position: absolute; bottom: -20px; left: 50%; transform: translateX(-50%); }
.framework-container .buttons { margin-top: 40px; }
@media screen and (max-width: 1024px) {
    .section-framework .mobile-scroll img { width: auto; height: 500px; }
    .framework-container { padding-bottom: 80px; }
}
@media screen and (max-width: 768px) {
    
}


/* Business Section */
.section-business { overflow: hidden; padding: var(--padding-y) 0; }
.section-business .tab-container .categories-container { text-align: center; }

.pannels { padding-top: 60px; }
.pannels .pannel { display: none; opacity: 0; visibility: hidden; }
.pannels .pannel.active { display: block; animation: pannelFadeIn cubic-bezier(0.25, 0.46, 0.45, 0.94) 1s forwards; }

.business { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.business .contents { display: flex; flex-direction: column; padding: 50px 0; }
.business .bottoms { margin-top: auto; }
.business .title { margin: 20px 0; font-size: 4rem; color: var(--clr-dark); }
.business .text { font-weight: 300; color: #222222; }
.business .dot-lists { margin-top: 20px; font-weight: 300; color: var(--clr-dark); }
@keyframes pannelFadeIn {
    from { opacity: 0; visibility: hidden; }
    to { opacity: 1; visibility: visible; }
}
@media screen and (min-width: 1025px) {
    .business .contents { width: 43.0556%; }
}
@media screen and (max-width: 1024px) {
    .section-business .tab-container .categories-container { overflow: auto; }
    .business { flex-direction: column; }
    .business .side img { width: 100%; }
    .business .title { margin: 14px 0; font-size: 2.4rem; }
    .business .contents { padding: 24px 0; }
    .business .bottoms { margin-top: 20px; }
}
@media screen and (max-width: 768px) {
    .business .title { font-size: 1.8rem; }
    
}


/* Instruction Section */
.section-instruction .pannels { margin-top: 40px; padding: 100px 0; background: var(--background-primary); }
.section-instruction .pannels .pannel { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.section-instruction .categories-container { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; text-align: center; }
.section-instruction-side .pannels { padding: 0; background: none; }
.section-instruction-side .instruction { align-items: center; }
.section-instruction-side .instruction .side { background: #F5F5F5; border-radius: 20px; }
.section-instruction-side .instruction .side img { filter: none; }

.instruction { display: flex; flex-direction: row-reverse; justify-content: space-between; }
.instruction .side img { filter: drop-shadow(30px 40px 50px rgba(0, 87, 141, 0.1)); }
.instruction .contents { display: flex; flex-direction: column; padding: 50px 0; }
.instruction .bottoms { margin-top: auto; }
.instruction .badge { display: block; font-weight: 600; color: #222222; }
.instruction .title { margin: 20px 0; font-size: 3.6rem; color: var(--clr-dark); }
.instruction .text { font-weight: 300; color: #222222; }
.instruction .dot-lists { margin-top: 20px; font-weight: 300; }
@media screen and (min-width: 1025px) {
    .instruction .contents { width: 38%; }
}
@media screen and (max-width: 1024px) {
    .instruction .pannels { margin-top: 30px; padding: 60px 0; }
    .section-instruction .categories-container { overflow: auto; padding: 2px 10%; width: 100%; }
    .categories-container .categories { box-shadow: none; }
    .section-instruction-side .pannels { padding-top: 0 !important; padding-bottom: 0 !important; }
    .section-instruction-side .pannels .side { padding: 60px 0; width: 100%; }
    .section-instruction .pannels { padding: 60px 0; }
    .instruction { flex-direction: column; }
    .instruction .side img { width: 100%; }
    .instruction .contents { padding: 20px 0; width: 100%; }
    .instruction .title { margin: 10px 0; font-size: 2.4rem; }
}
@media screen and (max-width: 768px) {
    .instruction .pannels { margin-top: 20px; padding: 40px 0; }
    .section-instruction-side .pannels .side { padding: 40px 0; }
    .instruction .title { font-size: 1.8rem; }
}


/* Case Section */
.section-case { padding: var(--padding-y) 0; background: var(--background-primary); }
@media screen and (max-width: 1024px) {
    
}
@media screen and (max-width: 768px) {
    
}


/* Reference Section */
.section-reference { padding: var(--padding-y) 0; }

.reference-lists { display: grid; grid-template-columns: repeat(4, 1fr); gap: 20px; margin-top: 60px; }
.reference-lists .item { padding: 10px 10px 36px; text-align: center; color: #555555; background: var(--background-primary); border-radius: var(--border-radius); }
.reference-lists .image { overflow: hidden; position: relative; width: 100%; max-height: 100px; background: #fff; border-radius: 15px; aspect-ratio: 3.25; }
.reference-lists .image img { display: block; width: 100%; height: 100%; object-fit: cover; }
.reference-lists .title { margin: 20px 0; padding-bottom: 20px; color: var(--clr-dark); border-bottom: 1px solid var(--border); }
@media screen and (max-width: 1024px) {
    .reference-lists { grid-template-columns: repeat(2, 1fr); gap: 12px; }
    .reference-lists .item { padding-bottom: 24px; }
    .reference-lists .title { margin-bottom: 10px; padding-bottom: 10px; }
    .reference-lists .image { border-radius: 10px; }
}
@media screen and (max-width: 768px) {
    /* .reference-lists { grid-template-columns: repeat(1, 1fr); } */
    
}


/* Company */
/* Index */
.section-intro { padding: 190px 0 0; text-align: center; }
.section-intro-top { height: 120dvh; }
.section-intro-top .image { overflow: hidden; position: absolute; top: 20vh; left: 0; right: 0; margin: auto; max-width: 1440px; width: 75%; border-radius: 30px; aspect-ratio: 1.92; }
.section-intro-top .image .heading { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-intro-top .image .heading .text { margin: 0 0.4em; opacity: 0; }
.section-intro-main { position: relative; height: 200dvh; }
.section-intro-main .images { position: absolute; top: 0; left: 0; right: 0; margin: auto; width: 93%; height: 100%; pointer-events: none; }
.section-intro-main .images .left,
.section-intro-main .images .right { display: flex; flex-direction: column; justify-content: space-between; position: absolute; top: 0; left: 0; height: 100%; }
.section-intro-main .images .right { left: auto; right: 0; }
.section-intro-wrap .inner { max-width: 1000px; }
.section-intro .title { margin: 30px 0 24px; font-size: 3.6rem; font-weight: 600; color: #111; }
.section-intro .badge { display: block; margin-bottom: 10px; font-size: var(--text-sm); color: #999999; }
.section-intro .heading { font-size: 4.6rem; font-weight: 600; color: var(--clr-black); }
.section-intro .text { margin-top: 30px; font-size: var(--text-lg); color: #111; }
.section-intro .buttons { margin-top: 40px; }
.section-intro .chips { flex-wrap: wrap; justify-content: center; margin-top: 30px; margin-right: auto; margin-left: auto; max-width: 800px; }
.section-intro .data { display: flex; line-height: 1.3; margin-top: 60px; text-align: center; }
.section-intro .data .col { flex: 1 1; display: flex; flex-direction: column-reverse; justify-content: center; border-right: 1px solid var(--border); }
.section-intro .data .col:last-child { border-right: none; }
.section-intro .data .dt { margin-top: 20px; font-weight: 500; color: var(--clr-dark); }
.section-intro .data .dt strong { display: block; margin-bottom: 5px; font-size: var(--text-lg); color: var(--clr-primary); font-weight: inherit; }
.section-intro .data .dd { font-size: 4.6rem; font-weight: 600; color: var(--clr-dark); }
@media screen and (min-width: 1025px) {
    .section-intro-wrap { overflow: hidden; display: flex; align-items: center; z-index: 2; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; height: 100dvh;  }
}
@media screen and (max-width: 1024px) {
    .section-intro { padding: 160px 0; }
    .section-intro-main { height: auto; }
    .section-intro .title { margin: 20px 0 14px; font-size: 1.8rem; }
    .section-intro .badge { margin-bottom: 8px; }
    .section-intro .heading { font-size: 2.4rem; }
    .section-intro .text { margin-top: 20px; }
    .section-intro .buttons { margin-top: 24px; }
    .section-intro .chips { margin-top: 20px; max-width: 800px; }
    .section-intro-top { display: none; }
    .section-intro-main .images { display: none; }
    .section-intro .data .dd { font-size: 3.2rem; }
}
@media screen and (max-width: 768px) {
    .section-intro { padding: 100px 0; }
    .section-intro .title { margin: 14px 0 10px; font-size: 1.6rem; }
    .section-intro .badge { margin-bottom: 6px; }
    .section-intro .heading { font-size: 2rem; }
    .section-intro .text { margin-top: 14px; }
    .section-intro .buttons { margin-top: 20px; }
    .section-intro .chips { margin-top: 16px; max-width: none; }
    .section-intro .data { display: grid; grid-template-columns: repeat(2, 1fr); margin-top: 40px; }
    .section-intro .data .col { padding: 24px; }
    .section-intro .data .col:nth-child(1) { border-bottom: 1px solid var(--border); }
    .section-intro .data .col:nth-child(2) { border-right: none; border-bottom: 1px solid var(--border); }
    .section-intro .data .dd { font-size: 2.4rem; }
}



/* Vision Section */
/* .section-design { padding: var(--padding-y) 0; } */
.section-design { position: relative; padding-top: calc(200px - var(--header-height)); padding-bottom: var(--padding-y); height: 550vh; height: 550dvh; }
.design-list { display: grid; gap: 20px; position: relative; }
.design-list .item { overflow: hidden; position: relative; height: 550px; color: #fff; border-radius: var(--border-radius); }
.design-list .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.design-list .contents { z-index: 2; position: relative; display: flex; flex-direction: column; justify-content: center; padding: 100px; height: 100%; height: 100%; }
.design-list .title { margin-bottom: auto; font-size: 4.4rem; }
.design-list .text-lg { margin-top: 36px; font-size: 2.2rem; font-weight: 600; }
.design-list .text { margin-top: 10px; font-weight: 400; opacity: 0.8; }
@media screen and (min-width: 1025px) {
    .section-design-wrap { overflow: hidden; position: sticky; top: 0; left: 0; width: 100%; padding-top: var(--header-height); height: 110vh; height: 110dvh; }
    .design-list .item:not(:first-child) { position: absolute; top: 0; left: 0; width: 100%; }
    .design-list .contents { max-width: 790px; }
}
@media screen and (max-width: 1024px) {
    .section-design { padding-top: 0; height: auto; }
    .design-list .background img { display: block; width: 100%; height: 100%; object-fit: cover; }
    .design-list .contents { padding: 36px; }
    .design-list .item { height: auto; }
    .design-list .title { font-size: 2.4rem; }
}
@media screen and (max-width: 768px) {
    .design-list .title { font-size: 1.8rem; }
}


/* Influence Section */
.section-influence { overflow: hidden; padding: 160px 0; background: #0B293D; }
@media screen and (max-width: 1024px) {
    .section-influence { padding: 100px 0; }
    
}
@media screen and (max-width: 768px) {
    .section-influence { padding: 60px 0; }
    
}


/* Technology Section */
.section-technology { padding: var(--padding-y) 0 0; }
.section-technology + .section-usecase-2 { padding-bottom: var(--padding-y); }
.section-technology .tab-container { display: flex; justify-content: space-between; }
.section-technology .tab-container .tabs { display: flex; flex-direction: column; gap: 30px; }
.section-technology .tab-container .tabs .tab { display: inline-flex; flex-direction: column; align-items: flex-start; gap: 5px; position: relative; padding-left: 20px; color: #AAAAAA; transition: color .35s ease; }
.section-technology .tab-container .tabs .tab::before { content: ''; position: absolute; top: 0; left: 0; width: 2px; height: 100%; background: #eeeeee; transition: background .35s ease; }
.section-technology .tab-container .tabs .tab .number { display: block; font-size: var(--text-xs); }
.section-technology .tab-container .tabs .tab.active { color: var(--clr-black); }
.section-technology .tab-container .tabs .tab.active::before { background: currentColor; }
.section-technology .tab-container .pannels { padding-top: 0; }
.section-technology .tab-container .pannels .pannel { display: none; position: relative; padding: 80px 100px; border-radius: var(--border-radius); }
.section-technology .tab-container .contents { flex: 1 1; display: flex; flex-direction: column; max-width: 550px; }
.section-technology .tab-container .badge { display: block; font-size: var(--text-sm); font-weight: 600; color: var(--clr-primary); }
.section-technology .tab-container .title { margin: 10px 0 20px; font-size: 4rem; font-weight: 600; color: #111; letter-spacing: -0.02em; }
.section-technology .tab-container .text { margin-bottom: 16px; color: var(--clr-dark); }
.section-technology .tab-container .chips { flex-wrap: wrap; margin-top: auto; }
.section-technology .tab-container .chips .chip { background: transparent; border-color: rgba(0, 0, 0, 0.2); }
.section-technology .tab-container .pannels .pannel:nth-child(1) { background: linear-gradient(180deg, rgba(0, 151, 246, 0.2) 0%, rgba(0, 151, 246, 0) 100%), #F0F6FA; }
.section-technology .tab-container .pannels .pannel:nth-child(2) { background: linear-gradient(180deg, rgba(14, 208, 88, 0.2) 0%, rgba(14, 208, 88, 0) 100%), #F0F6FA }
.section-technology .tab-container .pannels .pannel:nth-child(3) { background: linear-gradient(180deg, rgba(11, 41, 61, 0.2) 0%, rgba(11, 41, 61, 0) 100%), #F0F6FA; }
.section-technology .tab-container .pannels .pannel:nth-child(2) .badge { color: var(--clr-green); }
.section-technology .tab-container .pannels .pannel:nth-child(3) .badge { color: var(--clr-dark); }
.section-technology .tab-container .pannels .pannel.active { display: flex; }
@media screen and (min-width: 1025px) {
    .section-technology .tab-container .tabs { width: 18.06%; }
    .section-technology .tab-container .pannels { width: 76.39%; }
    .section-technology .tab-container .pannels .pannel { min-height: 500px; }
    .section-technology .tab-container .image { z-index: -1; position: absolute; top: 50%; right: 80px; transform: translateY(-50%); }
}
@media screen and (max-width: 1024px) {
    .section-technology .tab-container { flex-direction: column; }
    .section-technology .tab-container .image { width: 50%; max-width: 160px; }
    .section-technology .tab-container .pannels .pannel { padding: 36px; }
    .section-technology .tab-container .title { font-size: 3rem; }
    .section-technology .tab-container .tabs { flex-direction: row; gap: 10px; margin-bottom: 20px; }
    .section-technology .tab-container .tabs .tab { flex: 1 1; justify-content: flex-start; padding-left: 10px; text-align: left; white-space: inherit; font-size: 1.3rem; }
}
@media screen and (max-width: 768px) {
    .section-technology .tab-container .title { font-size: 2rem; }
    
}


/* Structure Section */
.section-structure { overflow: hidden; position: relative; padding: var(--padding-y) 0; background: linear-gradient(180deg, #F0F6FA 0%, #FFFFFF 100%); }
.section-structure::before { content: ''; position: absolute; top: -21.25%; left: 0; right: 0; margin: auto; width: 83.3333%; aspect-ratio: 1; background: url('/assets/images/sub/solution/agent/agent-background-shape.svg') no-repeat center / auto 100%; pointer-events: none; }
.section-structure .group-container { margin-top: 100px; }
.group-container .heading { margin-bottom: 30px; text-align: center; font-size: 2rem; font-weight: 600; color: #111; }
.group-lists { display: flex; align-items: center; justify-content: center; gap: 20px; }
.group-lists .item { padding: 10px; width: 20%; background: #f1f2f2; border-radius: var(--border-radius); }
.group-lists .thumbnail { background: #fff; border-radius: 15px; aspect-ratio: 2.52; }
.group-lists .thumbnail .image { display: block; width: 100%; height: 100%; object-fit: cover; }
.group-lists .title { display: flex; align-items: center; justify-content: center; min-height: 86px; text-align: center; font-weight: 500; color: #111; }
@media screen and (min-width: 1025px) {
    .section-structure .mobile-scroll { margin-top: 100px; }
}
@media screen and (max-width: 1024px) {
    .section-structure .group-container { margin-top: 60px; }
    .section-structure .mobile-scroll img { width: auto; height: 600px; }
    
}
@media screen and (max-width: 768px) {
    .section-structure .group-container { margin-top: 40px; }
    .group-lists { flex-direction: column; margin: auto; max-width: 300px; }
    .group-lists .item { width: 100%; }
}


/* Vision Section */
.section-vision { position: relative; padding: 335px 0; text-align: center; color: #fff; }
.section-vision .background { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.section-vision .background .item { display: block; width: 100%; height: 100%; object-fit: cover; }
.section-vision .shape { position: absolute; top: 100px; left: 0; right: 0; margin: auto; width: 93.8%; }
.section-vision .section-heading { margin-bottom: 0; }
.section-vision .section-heading .badge { color: #64FF9F; }
.section-vision .section-heading .heading,
.section-vision .section-heading .text { color: inherit; }
@media screen and (min-width: 1025px) {
    .section-vision .section-heading .heading { margin-bottom: 30px; }
}
@media screen and (max-width: 1024px) {
    .section-vision { padding: 160px 0; }
}
@media screen and (max-width: 768px) {
    .section-vision { padding: 120px 0 100px; }
    .section-vision .shape { top: 60px; }
    
}


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

.history { position: relative; padding-top: 200vh; }
.history .side { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.history .contents { z-index: 1; position: relative; margin-top: -75vh; padding-left: calc(48.96% + 80px); padding-top: 200px; padding-right: 8.34%; padding-bottom: 60px; width: 100%; opacity: 0; }
.history .contents .heading { font-size: 4rem; font-weight: 700; }
.history .sticky { display: flex; align-items: center; justify-content: center; position: sticky; top: 0; left: 0; width: 100%; height: 100vh; }
.history .background { overflow: hidden; position: relative; margin: auto; width: 80%; max-width: 1440px; height: 80vh; border-radius: 30px; visibility: hidden; }
.history .background .darken { content: ''; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: var(--clr-dark); opacity: 0; }
.history .background .item { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover; opacity: 0; border-radius: inherit; }
.history .background .item:nth-child(2) { opacity: 1; }
.history .top { display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.history .center { z-index: 2; display: flex; align-items: center; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: 100%; text-align: center; }
.history .center .text { font-size: 6rem; font-weight: 700; color: #fff; }
.history .block { display: flex; flex-direction: column; justify-content: flex-end; z-index: 3; position: absolute; top: 0; left: 0; right: 0; bottom: 0; padding: 30px; margin: auto; width: 80%; height: 80vh; color: #fff; visibility: hidden; opacity: 0; }
.history .block .heading { margin-bottom: 20px; line-height: 1.2; font-size: clamp(3.6rem, 3.3vw, 5.6rem); font-weight: 400; }
.history .block .title { font-size: 8rem; font-weight: 700; }
.history .anchors { display: flex; align-items: center; justify-content: center; }
.history .anchors .anchor { position: relative; padding: 0 10px; font-size: var(--text-sm); font-weight: 600; opacity: .6; transition: opacity ease .35s; }
.history .anchors .anchor.on { opacity: 1; }
.history .panel:last-child { padding-bottom: 0; }
.history .heading + .panel { border-top: none; }
.history .panel .lists .item { padding: 75px 0; }
.history .panel .lists .item:last-child { margin-bottom: 0; }
.history .panel .lists .month { display: block; margin-top: -0.1em; width: 60px; font-size: 2rem; font-weight: 600; color: var(--clr-dark); }
.history .panel .title { margin-bottom: 30px; font-size: 4.6rem; font-weight: 600; color: var(--clr-black); }
.history .panel .data .row { display: flex; margin-bottom: 23px; }
.history .panel .data .dd { margin-bottom: 10px; }
.history .panel .data .dd:last-child { margin-bottom: 0; }

.year-counter { display: inline-flex; align-items: center; font-size: 8rem; font-weight: 700; font-variant-numeric: tabular-nums; font-feature-settings: "tnum"; }
.year-counter .digit { position: relative; overflow: hidden; width: 1ch; height: 1em; line-height: 1em; }
.year-counter .digit-track { display: flex; flex-direction: column; will-change: transform; }
.year-counter .digit-track span { display: flex; align-items: center; justify-content: center; height: 1em; line-height: 1; }
.year-counter .suffix { margin-left: .1em; }
@media screen and (max-width: 1024px) {
    .history { padding-top: 0; }
    /* .history .sticky { height: auto; } */
    .history .sticky { display: none; }
    .history .side { position: static; }
    .history .contents { margin-top: 0; padding: 0 5% 60px; opacity: 1; }
    .history .background { width: 90%; height: auto; min-height: 250px; }
    .history .background .item { opacity: 0.8; }
    .history .center .text { font-size: 4.6rem; }
    .history .contents .heading { font-size: 3rem; }
    .history .panel { padding: 0 0 30px 0; }
    .history .panel .title { font-size: 2.4rem; margin-bottom: 40px; }
    .history .panel .lists .item { margin-bottom: 40px; padding-top: 36px; padding-bottom: 0; }
    .history .panel .lists .month { font-size: 1.8rem; width: 80px; }
    .history .panel .lists dl { margin-bottom: 10px; }
}
@media screen and (max-width: 768px) {
    .history .center .text { font-size: 3.4rem; }
    .history .contents .heading { font-size: 2.4rem; }
    /* .history .panel { padding: 60px 0; } */
    .history .panel .title { font-size: 2rem; margin-bottom: 24px; }
    .history .panel .lists .item { margin-bottom: 24px; }
    .history .panel .lists .month { flex-shrink: 0; font-size: 1.6rem; width: 40px; }
    .history .panel .lists dt { width: 40px; }
    .history .panel .data .row { margin-bottom: 10px; }
}
@media screen and (max-width: 600px) {
    .history .background { height: 250px; }
    .history .center .text { font-size: 2rem; }
}


/* Architecture Section */
.section-architecture { overflow: hidden; padding: var(--padding-y) 0; }
@media screen and (max-width: 1024px) {
    .section-architecture .mobile-scroll img { width: auto; height: 800px; }
    .section-architecture .mobile-scroll-1 img { width: auto; height: 500px; }
}
@media screen and (max-width: 768px) {
    
}


/* Core Section */
.section-core { padding: var(--padding-y) 0; }
.core { display: flex; align-items: center; justify-content: space-between; }
.core .side { width: 48.6111%; }
.core .side img { border-radius: var(--border-radius); }
.core .contents { width: 37.5%; }
.core-lists .button-item { overflow: hidden; width: 100%; max-height: 70px; text-align: left; font-weight: 400; color: var(--clr-text); border-top: 1px solid var(--border); border-radius: 0; transition: all ease .35s; white-space: normal; }
.core-lists .button-item .title { padding: 20px 0; font-size: 2.2rem; font-weight: 600; color: #999; transition: all ease .35s; }
.core-lists .button-item.active { border-color: var(--clr-black); }
.core-lists .button-item.active .title { color: var(--clr-dark); }
.core-lists .button-item .context { padding-bottom: 30px; min-height: 110px; }
@media screen and (max-width: 1024px) {
    .core-lists .button-item .title { font-size: 2rem; }
    
}
@media screen and (max-width: 768px) {
    .core { flex-direction: column; }
    .core .side { width: 100%; }
    .core .contents { width: 100%; padding: 30px 0 0; }
    .core-lists .button-item { width: 100%; max-height: 62px; }
    .core-lists .button-item .title { font-size: 1.8rem; }
    .core-lists .button-item .context { min-height: 80px; }
}


/* Comparison Section */
.comparison { padding: 100px 0; background: linear-gradient(180deg, #F6F0E9 0%, #F8E8D6 100%); }
.comparison .buttons { display: flex; align-items: center; margin-top: 30px; }
.comparison-lists { display: flex; justify-content: space-between; }
.comparison-lists .item { display: flex; justify-content: space-between; width: 46.5278%; }
.comparison-lists .name { font-weight: 600; color: var(--clr-dark); }
.comparison-lists .image small { display: block; margin-top: 10px; text-align: right; font-size: var(--text-xs); color: var(--clr-primary); }
@media screen and (max-width: 1024px) {
    .comparison-lists { flex-direction: column; gap: 36px; }
    .comparison-lists .item { width: 100%; }
}
@media screen and (max-width: 768px) {
    .comparison-lists .item { flex-direction: column; gap: 16px; }
}


/* Inquiry */
.inquiry-main { --form-background: #fff; padding: 190px 0 var(--section-bottom); }
.inquiry-form { display: flex; justify-content: space-between; font-size: var(--text-sm); }
.inquiry-form .form-body-wrap { padding: 60px 80px; width: 54.1667%; background: var(--background-primary); border-radius: var(--border-radius); }
.inquiry-form .form-body-wrap .form-head { width: 100%; }
.inquiry-form .form-head { padding: 60px 0 0; width: 37.5%; }
.inquiry-form .form-head .title { margin-bottom: 20px; font-size: 2rem; font-weight: 600; }
.inquiry-form .form-head .form-group { padding: 0; border: none; }
.inquiry-form .form-head-center { padding-top: 0; padding-bottom: 15px; border-bottom: 1px solid var(--border); }
.inquiry-form .form-head-center .icon { padding: 23px; width: 80px; height: 80px; color: var(--clr-dark-navy); border: 2px solid var(--clr-dark-navy); border-radius: 50%; }
.inquiry-form .form-head-center .title { margin: 10px 0 30px; font-size: 4.6rem; font-weight: 600; color: var(--clr-black); }
.inquiry-form .form-head-center .span { display: block; font-size: var(--text-sm); font-weight: 700; color: #999999; }
.inquiry-form .form-head-center .text { font-size: var(--text-lg); color: var(--clr-dark); }
.inquiry-form .form-head-center .text-right { display: block; margin-top: 100px; font-size: 1.5rem; font-weight: 500; color: #666666; }
.inquiry-form .form-head-center .text-right span { vertical-align: -0.15em; }
/* .inquiry-form .form-body { border-top: 1px solid var(--border); } */
.inquiry-form .form-foot { margin-top: 60px; }
.inquiry-form .form-foot .check { margin-top: 20px; }
.inquiry-form .form-foot .check .link { vertical-align: top; }
.inquiry-form .form-foot .form-group { justify-content: center; gap: 10px; margin-top: 40px; padding: 0; text-align: center; border-bottom: none; }
.inquiry-form .form-foot .button { min-width: 180px; height: 60px; text-align: center; }
.inquiry-form .form-group-auto { width: 100%; }
.inquiry-form .form-group { margin-bottom: 15px; }
.inquiry-form .form-group:last-child { margin-bottom: 0; }
.inquiry-form .form-group .label { display: block; margin-top: 20px; font-weight: 600; }
.inquiry-form .form-group .label span { vertical-align: -0.15em; }
.inquiry-form .form-group .input-group { min-height: 60px; }
.inquiry-form .form-group .input-group .radio { margin-right: 40px; }
.inquiry-form .form-group .input-group .radio:last-child { margin-right: 0; }
.inquiry-form .form-group .input-group .input-group .radio { margin-right: 20px; }
.inquiry-form .form-group .input { width: 100%; }
.inquiry-form .form-group .input-auto { flex: 1 1 auto; width: auto; }
.inquiry-form .form-group .input-text { padding: 0; color: inherit; background: transparent; }
.inquiry-form .form-group .select { width: 100%; border-width: 0; }
.inquiry-form .form-group .ts-wrapper.single,
.inquiry-form .form-group .ts-wrapper.single .ts-control { height: var(--form-height); min-height: var(--form-height); }
.inquiry-form .form-group .ts-wrapper.single .ts-control { align-items: center; }
.inquiry-form .form-group .select::placeholder { color: #666; }
.inquiry-form .form-group .textarea { width: 100%; height: 200px; }
.inquiry-form .form-group .textarea-sm { height: 280px; }
.inquiry-form .form-group .small { display: block; margin-top: 10px; font-size: 1.6rem; }
.inquiry-form .form-group .input-group-address { gap: 12px; }
.inquiry-form .form-group .input-group-address .input:first-child { width: calc(100% - 137px); }
.inquiry-form .form-group .input-group-address .button { width: 125px; }
.inquiry-form .form-group .input-group-date { display: inline-flex; position: relative; max-width: 306px; width: 100%; }
.inquiry-form .form-group .input-group-date .input { padding-right: 64px; }
.inquiry-form .form-group .input-group-date .icon { position: absolute; top: 0; right: 20px; bottom: 0; margin: auto; pointer-events: none; }
.inquiry-form .agree-box { margin-bottom: 20px; padding: 30px 20px; width: 100%; background: var(--form-background); border-radius: 50px; }
.inquiry-form .agree-box .scroll-box { overflow-x: hidden; overflow-y: auto; padding: 10px; height: 210px; font-size: 1.4rem; font-weight: 400; color: #666; }
.inquiry-form .agree-flex { display: flex; align-items: center; justify-content: space-between; }
.inquiry-form .agree-flex .chip { padding: 0 14px; height: 30px; font-size: var(--text-xs); font-weight: 500; background: transparent; border-color: #c0c5c8; }
.inquiry-form .agree-data { display: flex; margin-top: 20px; text-align: center; background: #e4e9ed; border: 1px solid #fff; border-radius: var(--border-radius); }
.inquiry-form .agree-data .col { flex: 1 1; display: flex; flex-direction: column; border-right: 1px solid #fff; }
.inquiry-form .agree-data .col:last-child { border-right: none; }
.inquiry-form .agree-data .dt { padding: 19px 10px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-dark); }
.inquiry-form .agree-data .dd { flex: 1 1; display: flex; align-items: center; justify-content: center; padding: 19px 10px; font-size: var(--text-sm); font-weight: 400; color: #555555; }
.inquiry-form .agree-footnote { display: block; margin-top: 10px; font-size: var(--text-sm); font-weight: 500; color: var(--clr-dark); }
.inquiry-form .ex { margin-top: 40px; border: 1px solid var(--border); }
.inquiry-form .ex .grid .item { flex: 0 1 auto; }
.inquiry-form .ex figcaption { margin-top: 16px; font-size: 1.6rem; font-weight: 500; color: #000; }
.inquiry-form .ex-head { padding: 20px 40px; color: #fff; background: #333; }
.inquiry-form .ex-head .title { font-size: 1.6rem; font-weight: 600; color: inherit; }
.inquiry-form .ex-body { padding: 40px; }
.inquiry-form .addition-box-body { position: relative; margin-bottom: 28px; padding: 40px 136px 40px 50px; background: #F7F7F7; }
.inquiry-form .addition-box-body:last-child { margin-bottom: 0; }
.inquiry-form .addition-box-foot { display: flex; align-items: center; justify-content: center; margin: 40px 0 12px; }
.inquiry-form .addition-box-foot .button { padding: 0; height: auto; font-size: 1.6rem; font-weight: 500; color: var(--clr-dark); }
.inquiry-form .addition-box-foot .button .icon { margin-left: 12px; margin-right: 0; color: #fff; background: var(--clr-primary); border-radius: 50%; }
.inquiry-form .addition-box .row { display: flex; align-items: center; margin-bottom: 12px; }
.inquiry-form .addition-box .row:last-child { margin-bottom: 0; }
.inquiry-form .addition-box .label { margin-top: 0; width: 185px; font-size: 1.6rem; font-weight: 500; color: #333; }
.inquiry-form .addition-box .input,
.inquiry-form .addition-box .select { flex: 1 1; color: #666; background-color: #fff; border-width: 0; }
.inquiry-form .addition-box .input::placeholder,
.inquiry-form .addition-box .select::placeholder { color: #666; }
.inquiry-form .addition-box .delete { display: flex; flex-direction: column; align-items: center; justify-content: center; position: absolute; top: 0; right: 40px; bottom: 0; margin: auto; height: 60px; font-size: 1.6rem; font-weight: 500; color: var(--clr-dark); }
.inquiry-form .addition-box .delete .icon { margin-bottom: 6px; margin-right: 0; color: #fff; background: var(--clr-red); border-radius: 50%; }
.inquiry-form .form-foot .button-sky { background: var(--clr-sky); border-color: var(--clr-sky); border-radius: 60px; }
.inquiry-form .form-foot .button-sky .icon { color: var(--clr-sky); background: #fff; }

/* .inquiry-form .agree-heading { margin: 80px 0 28px; font-size: 3.6rem; font-weight: 600; }
.inquiry-form .agree-box { position: relative; margin-bottom: 28px; padding: 10px; background: #171715; border: 1px solid #3A3A3A; border-radius: 10px; }
.inquiry-form .agree-box .scroll { overflow: hidden; padding: 40px; max-height: 355px; font-size: 1.6rem; }
.inquiry-form .agree-box .scroll::after { content: ''; position: absolute; bottom: 60px; left: 0; width: 100%; height: 60px; background: linear-gradient(180deg, rgb(23 23 21 / 0%), rgb(23 23 21 / 100%)); pointer-events: none; }
.inquiry-form .agree-box .h1 { margin-top: 2em; margin-bottom: 1em; font-size: 1.8rem; font-weight: 700; }
.inquiry-form .agree-box .h1:first-child { margin-top: 0; }
.inquiry-form .agree-box .h1:last-child { margin-bottom: 0; }
.inquiry-form .agree-box table th { padding: 13px; font-weight: 400; background: #737373; border: 1px solid #252525; }
.inquiry-form .agree-box table td { padding: 20px; border: 1px solid #252525; }
.inquiry-form .agree-box .more-button { position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 60px; line-height: 60px; text-align: center; font-size: 1.6rem; font-weight: 400; color: #eee; }
.inquiry-form .agree-box .more-button .icon { margin-left: 1.125em; margin-right: -0.4em; }
.inquiry-form .agree-box .more-button .icon::before { background: url('/theme/basic/images/chevron-down.svg') no-repeat center / auto 100%; }
.inquiry-form .agree-box.on .scroll { max-height: none; }
.inquiry-form .agree-box.on .scroll::after { content: none; }
.inquiry-form .agree-box.on .more-button[data-expaneded="true"] .icon { transform: scaleY(-1); } */
@media screen and (min-width: 1025px) {
    .inquiry-form .form-group { display: flex; }
    .inquiry-form .form-group .col:first-child { flex-shrink: 0; width: 160px; }
    .inquiry-form .form-group .col:last-child { flex: 1 1; }
    .inquiry-form .form-foot .button { min-width: 240px; height: 60px; }

    .inquiry-form .w400 { max-width: 400px; }
    .inquiry-form .w500 { max-width: 500px; }
}
@media screen and (max-width: 1024px) {
    .inquiry-main { padding-top: 120px; }
    .inquiry-form { flex-direction: column; }
    .inquiry-form .form-body-wrap { padding: 36px 36px 60px; width: 100%; }
    .inquiry-form .form-group { display: block; padding: 16px 0; width: 100%; }
    .inquiry-form .form-group .small { margin-top: 6px; font-size: 1.4rem; }
    .inquiry-form .form-group .label { margin: 0 0 10px; }
    .inquiry-form .form-group .textarea { height: 200px; }
    .inquiry-form .form-group .input-group .radio { margin-right: 20px; }
    .inquiry-form .form-head { margin-bottom: 20px; padding-top: 36px; width: 100%; border-bottom: none; }
    .inquiry-form .form-head .title { font-size: 2rem; }
    .inquiry-form .form-head-center .icon { padding: 19px; width: 64px; height: 64px; }
    .inquiry-form .form-head-center .title { margin: 20px 0 6px; }
    .inquiry-form .form-head-center .text-right { margin-top: 42px; font-size: 1.4rem; }

    .inquiry-form .form-body { gap: 20px 20px; }
    .inquiry-form .agree-box .scroll { padding: 18px; }
    .inquiry-form .agree-box .scroll-box { height: 160px; }
    .inquiry-form .form-foot { margin-top: 42px; }
    .inquiry-form .form-foot .form-group { margin-top: 36px; }
    .inquiry-form .form-foot .button { min-width: 160px; height: 55px; }
    .inquiry-form .addition-box-body { padding: 24px; }
    .inquiry-form .addition-box .row { display: block; margin-bottom: 20px; }
    .inquiry-form .addition-box .delete { position: static; }
    .inquiry-form .addition-box .delete .icon { width: 20px; height: 20px; }
    .inquiry-form .addition-box-foot { margin-top: 30px; }
    .inquiry-form .addition-box-foot .button .icon { margin-left: 8px; }
    .inquiry-form .form-group .input-group-date { max-width: none; }
    .inquiry-form .ex-head { padding: 16px 24px; }
    .inquiry-form .ex-head .title { font-size: 1.4rem; }
    .inquiry-form .ex-body { padding: 24px; }
    .inquiry-form .ex .grid .item { flex: 0 1 calc(50% - 10px); width: 48%; }
    .inquiry-form .ex .grid .item img { width: 100%; }
}
@media screen and (max-width: 768px) {
    .inquiry-form .form-body-wrap { padding: 16px 16px 36px; }
	.inquiry-form .form-body { grid-template-columns: repeat(1, 1fr); }
    .inquiry-form .form-group .small { margin-top: 4px; font-size: 1.3rem; }
    .inquiry-form .form-group .textarea { height: 160px; }
    .inquiry-form .form-head .title { font-size: 1.6rem; }
    .inquiry-form .form-head-center .text-right { font-size: 1.2rem; }
    .inquiry-form .form-foot .button { min-width: 136px; height: 45px; }
    .inquiry-form .form-foot .form-group { display: flex; }
    .inquiry-form .ex .grid .item { flex: 1 1 100%; width: 100%; }
    .inquiry-form .ex .grid .item img { width: 100%; }
}