/* common */
app-header { z-index: 12; display: block; position: absolute; width: 100%; }
html.lenis,
html.lenis body { height: auto; }
html.sr .load-hidden { visibility: hidden; }
.lenis.lenis-smooth { scroll-behavior: auto !important; }
.lenis.lenis-smooth [data-lenis-prevent] { overscroll-behavior: contain; }
.lenis.lenis-stopped { overflow: clip; }
.lenis.lenis-stopped .os-scrollbar { display: none; }
.lenis.lenis-scrolling iframe { pointer-events: none; }
.lenis-stopped[data-overlayscrollbars-viewport~=overflowYScroll] { overflow-y: hidden !important; }

@keyframes pageIn {
    from { opacity: 0; }
    to { opacity: 1; }
}
.main { opacity: 0; }
.document-loaded .main,
.document-loaded .footer { animation: pageIn 0.6s cubic-bezier(0.4, 0, 0.2, 1) forwards; }


[role="button"] { cursor: pointer; }

.blind { position: absolute; width: 1px; height: 1px; clip-path: rect(0 0 0 0); overflow: hidden; }
.inner { position: relative; margin-right: auto; margin-left: auto; width: 90%; max-width: var(--inner); }
.inner-sm { position: relative; margin-right: auto; margin-left: auto; width: 90%; max-width: var(--inner-sm); }
.inner-lg { position: relative; margin-right: auto; margin-left: auto; width: 90%; max-width: var(--inner-lg); }
.image-wrap { position: relative; }
.image-wrap::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.small { font-size: 1.4rem; }
.p5 { font-size: 1.4rem; }
.mt-0 { margin-top: 0 !important; }
.mb-1 { margin-bottom: 0.425em; }
.pb-0 { padding-bottom: 0 !important; }
.color-black { color: var(--clr-black) !important; }
.color-dark { color: var(--clr-dark) !important; }
.color-white { color: var(--clr-white) !important; }
.color-primary { color: var(--clr-primary) !important; }
.color-secondary { color: var(--clr-secondary) !important; }
.color-red { color: var(--clr-red) !important; }
.color-blue { color: var(--clr-blue) !important; }
.color-sky { color: var(--clr-sky) !important; }
.color-yellow { color: var(--clr-yellow) !important; }
.color-green { color: var(--clr-green) !important; }
.bg-light { background-color: #fff !important; }
.bg-gray { background-color: var(--background) !important; }
.bg-dark { background-color: #272B31 !important; }
.flex-nowrap { flex-wrap: nowrap !important; }
.align-top { vertical-align: top !important; }
.word-break-all { word-break: break-all; }
.text-justify { text-align: justify !important; }
.text-center { text-align: center !important; }
.text-left { text-align: left !important; }
.text-right { text-align: right !important; }
.text-sm { font-size: var(--text-sm); }
.text-lg { font-size: var(--text-lg); }
.fw-light { font-weight: 200 !important; }
.fw-bold { font-weight: bold !important; }
.fw-normal { font-weight: 400 !important; }
.fw-medium { font-weight: 500 !important; }
.fw-semibold { font-weight: 600 !important; }
.font-display { font-family: var(--font-display); }
.font-secondary { font-family: var(--font-secondary); }
.font-italic { font-style: italic; }
.align-items-center { align-items: center; }
.justify-content-center { justify-content: center; }
.w-auto { width: auto; }
.d-block { display: block !important; }
.d-none { display: none !important; }
.indent-1 { text-indent: 1em; }
.indent-2 { text-indent: 2em; }
.border-0 { border: none !important; }
.letter-spacing { letter-spacing: 0.05em; }
.text-link { text-decoration: underline !important; text-underline-offset: 0.25em; }
.text-link .icon-certify { margin-left: 0.25em; width: 1em; height: 1em; }
.text-link .icon-certify::before { background-image: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='1.75' y='1.75' width='16.5' height='16.5' rx='8.25' stroke='%2347CE78' stroke-width='1.5'/%3E%3Cpath d='M6 10.0833L8.94737 13L14 8' stroke='%2347CE78' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.mo { display: none !important; }
.opacity-1 { opacity: 1 !important; }
@media (hover: hover) and (pointer: fine) {
    .text-link:hover { color: var(--clr-primary) !important; }
}
@media screen and (min-width: 1201px) {
    .main { min-height: calc(100vh - 409px); }
}
@media screen and (max-width: 1200px) {
    .small { font-size: 1.3rem; }
    
    .main { min-height: calc(100vh - 263px); }

    .pc { display: none !important; }
}
@media screen and (max-width: 768px) {
    .small { font-size: 1.2rem; }

    .main { min-height: calc(100vh - 212px); }
}
@media screen and (max-width: 500px) {
    .mo { display: block !important; }
    .sp { display: none; }
}


/* 본문 바로가기 */
.skip-navigation { position: absolute; left: -9999px; top: auto; width: 1px; height: 1px; overflow: hidden; }
.skip-navigation:focus,
.skip-navigation:focus-visible { z-index: 9999; left: 0; top: 0; width: 140px; height: auto; padding: 10px; text-align: center; font-size: 1.4rem; background: #111; color: #fff; background: #333; outline: 1px solid #fff; border-radius: 4px; }

.swiper-slide { box-sizing: border-box; }
.swiper-scrollbar { background: #D9D9D9; }
.swiper-scrollbar-drag { background: var(--clr-primary); }
.swiper-pagination-progressbar .swiper-pagination-progressbar-fill { background: var(--clr-primary); }
.swiper-horizontal > .swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal { left: 0; right: 0; bottom: 0; width: 100%; height: 4px; }
.swiper-button-next:after,
.swiper-rtl .swiper-button-prev:after,
.swiper-button-prev:after,
.swiper-rtl .swiper-button-next:after { content: none; }
.swiper-button-next,
.swiper-button-prev { width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: 100% auto; }
.swiper-button-next { right: 0; background-image: url('/assets/images/slide-next.svg'); }
.swiper-button-prev { left: 0; background-image: url('/assets/images/slide-prev.svg'); }
.swiper-button-next svg,
.swiper-button-prev svg { display: none; }
.swiper-horizontal>.swiper-pagination-bullets,
.swiper-pagination-bullets.swiper-pagination-horizontal,
.swiper-pagination-custom,
.swiper-pagination-fraction { display: flex; align-items: center; justify-content: center; bottom: 0; }
.swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet,
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 5px; width: 5px; height: 5px; border-radius: 10px; transition: all .35s ease; }
.swiper-pagination-bullet { background: #AAAAAA; opacity: 1; }
.swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet-active { width: 100px; background: linear-gradient(90deg, #64FF9F 0%, #34B1FF 100%); }
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal { z-index: 2; }
.swiper-lazy-preloader { border: 4px solid#ffffff; border-top-color: transparent; }

.controls { display: flex; align-items: center; justify-content: center; margin-top: 40px; }
.controls .swiper-pagination { order: 2; position: static; margin: 0 30px; width: auto; }
.controls .swiper-button-prev,
.controls .swiper-button-next { position: static; margin: 0; width: 40px; height: 40px; background: var(--clr-primary) url('/assets/images/slide-prev.svg') no-repeat center / auto 86%; border-radius: 50%; }
.controls .swiper-button-prev { order: 1; }
.controls .swiper-button-next { order: 3; background-image: url('/assets/images/slide-next.svg'); }
@media screen and (max-width: 1024px) {
    .swiper-horizontal > .swiper-scrollbar,
    .swiper-scrollbar.swiper-scrollbar-horizontal { height: 3px; }

    .mobile-scroll { overflow: visible; position: relative; padding-bottom: 20px; }
    .mobile-scroll .swiper-slide { flex: 1 0 auto; padding-bottom: 16px; width: auto; }
	.mobile-scroll .table {table-layout: auto;}
    .mobile-scroll .image-wrap img { max-width: none; width: 1000px; }

    .controls { margin-top: 30px; }
    .controls .swiper-button-prev,
    .controls .swiper-button-next { width: 34px; height: 34px; }
    .controls .swiper-pagination { margin: 0 20px; }
}
@media screen and (max-width: 768px) {
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; width: 8px; height: 8px; }

    .controls { margin-top: 24px; }
    .controls .swiper-pagination { margin: 0 14px; }
    .controls .swiper-button-prev,
    .controls .swiper-button-next { width: 30px; height: 30px; }
}
@media screen and (max-width: 684px) {
}


/* Form */
.check { --gap: 12px; --width: 24px; --background: #CCCCCC; --border-color: #CCCCCC; --border-radius: 50%; --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11.1818L10.8889 15L17 9' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A"); }
.check .check-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.check .check-label { display: inline-flex; position: relative; padding-top: 0.12em; padding-left: calc(var(--width) + var(--gap)); min-height: var(--width); color: var(--clr-dark); font-weight: 500; cursor: pointer; user-select: none; }
.check .check-label::before,
.check .check-label::after { content: ''; position: absolute; top: 0; left: 0; width: var(--width); height: var(--width); background: var(--background); border: 1px solid var(--border-color); border-radius: var(--border-radius); transition: opacity ease .1s; cursor: pointer; }
.check .check-label::before { background: var(--background) var(--icon) no-repeat center / auto 80%; border-color: var(--border-color); }
.check .check-label::after { background-image: var(--icon); background-repeat: no-repeat; background-position: center; background-size: auto 80%; background-color: var(--clr-sky); border-color: var(--clr-sky); opacity: 0; }
.check .check-label span,
.check .check-label strong { padding-left: 0.4em; }
.check .check-label strong { margin-top: -0.02em; }
.check .check-hidden:checked ~ .check-label::after { opacity: 1; }
.check .link { font-weight: inherit; color: #797979; }

.check-black { --gap: 6px; --width: 20px; --background: #fff; --border-color: #E0E0E0; --border-radius: 4px; }
.check-black .check-label { font-size: 1.3rem; color: var(--clr-dark); outline: none !important; }
.check-black .check-label::before,
.check-black .check-label::after { top: 0; }
.check-black .check-label::before { background: var(--background) url('/assets/images/check-gray.svg') no-repeat center / auto 100%; border-color: var(--border-color); }
.check-black .check-label::after { background: var(--clr-dark) url('/assets/images/check-light.svg') no-repeat center / auto 100%; border-color: var(--clr-dark); opacity: 0; }

.check-basic .check-label { padding-left: var(--width); }

.check-square { --border-radius: 0; }

.radio { --gap: 12px; --width: 24px; --background: #CCCCCC; --border-color: #CCCCCC; --border-radius: 50%; --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M7 11.1818L10.8889 15L17 9' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A"); }
.radio .radio-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
.radio .radio-label { display: inline-flex; position: relative; padding-top: 0.12em; padding-left: calc(var(--width) + var(--gap)); min-height: var(--width); color: var(--clr-dark); font-weight: 500; cursor: pointer; user-select: none; }
.radio .radio-label::before,
.radio .radio-label::after { content: ''; position: absolute; top: 0; left: 0; width: var(--width); height: var(--width); background: var(--background); border: 1px solid var(--border-color); border-radius: var(--border-radius); transition: opacity ease .1s; cursor: pointer; }
.radio .radio-label::before { background: var(--background) var(--icon) no-repeat center / auto 80%; border-color: var(--border-color); }
.radio .radio-label::after { background-image: var(--icon); background-repeat: no-repeat; background-position: center; background-size: auto 80%; background-color: var(--clr-sky); border-color: var(--clr-sky); opacity: 0; }
.radio .radio-hidden:checked ~ .radio-label::after { opacity: 1; }
.radio .link { font-weight: inherit; color: #797979; }


.input-group { display: flex; flex-wrap: wrap; align-items: center; gap: 10px; }

.file-upload { display: flex; align-items: center; position: relative; }
.file-upload .button { flex-shrink: 0; display: flex; align-items: center; margin-left: 10px; padding: 0; width: 180px; height: 65px; text-align: center; font-size: 1.6rem; font-weight: 500; background: #ffffff; border: 2px solid var(--border); border-radius: 8px; transition: all .15s ease; cursor: pointer; }
.file-upload .file-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0, 0, 0, 0); border: 0; }
/* .file-upload .file-hidden:focus ~ .input { outline: 2px solid var(--clr-primary); } */
@media (hover: hover) and (pointer: fine) {
	.check .link:hover { color: var(--clr-dark); font-weight: 500; }

    .file-upload .button:hover { color: #ffffff; background: var(--clr-sky); }
}
@media screen and (max-width: 1024px) {
    .check { --gap: 10px; --width: 20px; }
    .check .check-label { padding-top: 0; }
    .radio { --gap: 10px; --width: 20px; }
    .radio .radio-label { font-size: 1.4rem; }

    .file-upload .button { right: 8px; width: 130px; height: 45px; line-height: 45px; font-size: 1.5rem; border-radius: 5px; }
}
@media screen and (max-width: 768px) {
    .check { --gap: 6px; --width: 18px; }
    .radio { --gap: 6px; --width: 18px; }
    .radio .radio-label::before,
    .radio .radio-label::after { top: 0.165em; }

    .file-upload .button { right: 6px; width: 110px; height: 45px; line-height: 45px; font-size: 1.4rem; }
}
@media screen and (max-width: 480px) {
    .file-upload .button { font-size: 1.3rem; }
    .input-group { flex-direction: column; align-items: flex-start; gap: 8px; }
}

.mobile-scroll-container img { max-width: 100%; }
@media (hover: hover) and (pointer: fine) {
    .floating:hover { transform: scale(1.1); }
    .floating:hover .floating-wrap { box-shadow: -3px 3px 14px 0px rgba(234, 0, 44, 0.5), 3px -3px 14px 0px rgb(255, 121, 0, 0.5); }
}
@media screen and (max-width:1200px){
    .inner { padding-right: 0; padding-left: 0; width: 90%; }
    .image-wrap.border:not(.full) { padding: 60px; }

    .floating-container { right: 5%; }
    .floating-wrap { margin-bottom: 15px; width: 75px; height: 75px; }
    .floating .icon { margin-bottom: 5px; width: 35px; height: 20px; }
    .floating .text { font-size: 1.2rem; }

    .mobile-scroll-container { overflow: visible; position: relative; padding-bottom: 12px; }
    .mobile-scroll-container .swiper-slide { width: auto; }
    .mobile-scroll-container .image-wrap img { max-width: none; width: 1000px; }

    .scroll-top a { width: 55px; height: 55px; }
}
@media screen and (max-width:768px){
    .image-wrap.border:not(.full) { padding: 24px; }

    .floating-container { bottom: 25px; }
    .scroll-top { bottom: 15px; }
    .scroll-top a { width: 45px; height: 45px; }
}


/* Icons */
.icon {
    z-index: 2; position: relative; display: inline-block; width: 26px; height: 26px; transition: transform .35s ease;
    --x: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17.25 6.75L6.75 17.25M17.25 17.25L6.75 6.75' stroke='black' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --youtube: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4C23.7614 4 26 6.23858 26 9V21C26 23.7614 23.7614 26 21 26H9C6.23858 26 4 23.7614 4 21V9C4 6.23858 6.23858 4 9 4H21ZM12 18.2969L19.5 14.5469L12 10.7969V18.2969Z' fill='white'/%3E%3C/svg%3E%0A");
    --instagram: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21 4C23.7614 4 26 6.23858 26 9V21C26 23.7614 23.7614 26 21 26H9C6.23858 26 4 23.7614 4 21V9C4 6.23858 6.23858 4 9 4H21ZM14.75 8.79785C11.0221 8.79796 8.00011 11.82 8 15.5479C8 19.2758 11.0221 22.2977 14.75 22.2979C18.478 22.2979 21.5 19.2759 21.5 15.5479C21.4999 11.8199 18.478 8.79785 14.75 8.79785ZM14.75 11.0479C17.2353 11.0479 19.2499 13.0626 19.25 15.5479C19.25 18.0332 17.2354 20.0479 14.75 20.0479C12.2647 20.0477 10.25 18.0331 10.25 15.5479C10.2501 13.0627 12.2648 11.048 14.75 11.0479ZM21.5 6.35938C20.6715 6.35938 20 7.03092 20 7.85938C20 8.68781 20.6716 9.35938 21.5 9.35938C22.3284 9.35935 23 8.68779 23 7.85938C23 7.03094 22.3284 6.3594 21.5 6.35938Z' fill='white'/%3E%3C/svg%3E%0A");
    --blog: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.58984 7.03125H15.5977C16.8398 7.03125 17.8906 7.21094 18.75 7.57031C19.6172 7.92188 20.2695 8.42188 20.707 9.07031C21.1445 9.71875 21.3633 10.4766 21.3633 11.3438C21.3633 11.9766 21.2305 12.5469 20.9648 13.0547C20.6992 13.5625 20.3281 13.9844 19.8516 14.3203C19.375 14.6484 18.8242 14.875 18.1992 15V15.1641C18.8867 15.1953 19.5195 15.3828 20.0977 15.7266C20.6836 16.0703 21.1484 16.5469 21.4922 17.1562C21.8438 17.7656 22.0195 18.4688 22.0195 19.2656C22.0195 20.1875 21.7852 21.0078 21.3164 21.7266C20.8555 22.4375 20.1836 22.9961 19.3008 23.4023C18.418 23.8008 17.3633 24 16.1367 24H8.58984V7.03125ZM15.1992 20.7656C16.0898 20.7656 16.7539 20.5977 17.1914 20.2617C17.6289 19.9258 17.8477 19.4453 17.8477 18.8203C17.8477 18.1484 17.6172 17.6172 17.1562 17.2266C16.6953 16.8359 16.0664 16.6406 15.2695 16.6406H12.5742V20.7656H15.1992ZM14.9414 14.0391C15.6367 14.0391 16.1992 13.8672 16.6289 13.5234C17.0664 13.1719 17.2852 12.6953 17.2852 12.0938C17.2852 11.5156 17.0781 11.0586 16.6641 10.7227C16.2578 10.3867 15.6992 10.2188 14.9883 10.2188H12.5742V14.0391H14.9414Z' fill='white'/%3E%3C/svg%3E%0A");
    --facebook: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.801 25V15.8833H20.3451L20.8844 12.3167H16.801V10.05C16.801 9.01667 17.1284 8.31667 18.8427 8.31667H21V5.13333C20.6148 5.08333 19.3242 5 17.8218 5C14.6822 5 12.5441 6.65 12.5441 9.7V12.3167H9V15.8833H12.5441V25H16.801Z' fill='white'/%3E%3C/svg%3E%0A");
    --linked: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.2165 23.9993H23.2211V17.397C23.2211 14.1677 22.5557 11.6797 18.944 11.6797C17.2078 11.6797 16.0423 12.6755 15.5664 13.6198H15.5162V11.9808H12.0913V23.9983H15.6575V18.0478C15.6575 16.4808 15.9419 14.9662 17.7979 14.9662C19.6541 14.9662 19.6541 16.7538 19.6541 18.1489V24.0003L23.2165 23.9993Z' fill='white'/%3E%3Cpath d='M6.28455 11.9844H9.85445V24.0019H6.28455V11.9844Z' fill='white'/%3E%3Cpath d='M8.06796 6C6.92663 6 6 6.96859 6 8.1616C6 9.3546 6.92663 10.3436 8.06796 10.3436C9.2093 10.3436 10.1359 9.3546 10.1359 8.1616C10.1359 6.96859 9.2093 6 8.06796 6Z' fill='white'/%3E%3C/svg%3E%0A");
    --rocket: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.4999 20C12.4624 20 12.4255 19.9969 12.388 19.99C12.1868 19.9531 12.0155 19.8206 11.9311 19.6338L10.3686 16.1963C10.2605 15.9594 10.3111 15.68 10.4955 15.4956L15.183 10.8081C15.3193 10.6719 15.5111 10.6088 15.7011 10.6294C15.8924 10.6531 16.0618 10.7631 16.1605 10.9281L16.5293 11.5425C17.5636 13.2675 17.2936 15.465 15.8711 16.8869L12.9418 19.8169C12.8236 19.935 12.6643 20 12.4999 20Z' fill='white'/%3E%3Cpath d='M4.06179 9.6875C3.97429 9.6875 3.88616 9.66938 3.80366 9.63125L0.366164 8.06875C0.179289 7.98375 0.0461644 7.81313 0.00991439 7.61125C-0.0263356 7.40938 0.0380394 7.20313 0.183039 7.05813L3.11241 4.12813C4.53429 2.70563 6.73241 2.435 8.45679 3.47L9.07116 3.83875C9.23616 3.9375 9.34616 4.1075 9.36991 4.29813C9.39366 4.48875 9.32741 4.68 9.19116 4.81625L4.50366 9.50375C4.38429 9.62375 4.22429 9.68688 4.06116 9.68688L4.06179 9.6875Z' fill='white'/%3E%3Cpath d='M18.125 0C19.1587 3.69407e-05 20 0.841273 20 1.875V4.13477C19.9999 6.47149 19.0895 8.66888 17.4365 10.3213L10.1826 17.5752C9.81697 17.9408 9.33739 18.124 8.8574 18.124L8.67771 18.1162C8.25874 18.0762 7.85123 17.8956 7.53123 17.5762L6.6738 16.7188L10.4433 12.9434C10.687 12.6996 10.687 12.3004 10.4433 12.0566C10.1996 11.8129 9.79939 11.8129 9.55564 12.0566L5.78611 15.8311L4.17283 14.2188L7.94333 10.4434C8.18701 10.1996 8.18701 9.80038 7.94333 9.55664C7.69958 9.31289 7.29939 9.31289 7.05564 9.55664L3.28513 13.3311L2.4238 12.4697C1.69268 11.7385 1.69276 10.5486 2.4238 9.81738L9.67771 2.56348C11.3301 0.909803 13.5272 8.40293e-05 15.8652 0H18.125ZM14.375 3.125C12.9962 3.125 11.875 4.24625 11.875 5.625C11.875 7.00375 12.9962 8.125 14.375 8.125C15.7537 8.12494 16.875 7.00371 16.875 5.625C16.875 4.24629 15.7537 3.12506 14.375 3.125Z' fill='white'/%3E%3C/svg%3E%0A");
    --pen: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_10349_2385' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_10349_2385)'%3E%3Cpath d='M13.0188 1.10781C12.7334 1.20052 12.4855 1.44844 11.9897 1.94427C11.4938 2.4401 11.2459 2.68802 11.1532 2.97344C11.072 3.22448 11.072 3.49427 11.1532 3.74531C11.2459 4.03073 11.4938 4.27865 11.9886 4.77344L15.2334 8.01823C15.7282 8.51302 15.9751 8.7599 16.2605 8.8526C16.5116 8.9349 16.7824 8.9349 17.0334 8.8526C17.3188 8.7599 17.5668 8.51198 18.0626 8.01719C18.5584 7.52135 18.8053 7.27344 18.898 6.98802C18.9803 6.73698 18.9803 6.46615 18.898 6.2151C18.8053 5.92969 18.5584 5.68281 18.0636 5.18802L14.8188 1.94323C14.3241 1.44844 14.0761 1.20052 13.7907 1.10781C13.5397 1.02656 13.2699 1.02656 13.0188 1.10781Z' fill='white'/%3E%3Cpath d='M10.3438 4.8729C10.1907 4.71977 9.96878 4.65623 9.75836 4.70623L5.87816 5.61873C5.24066 5.76873 4.77712 5.87707 4.38962 6.12186C4.04899 6.33644 3.75941 6.62498 3.54378 6.96561C3.29899 7.35207 3.18962 7.81561 3.03857 8.45311L1.32295 15.6885C1.21149 16.1541 1.11878 16.5458 1.07399 16.8625C1.02816 17.1844 1.01462 17.525 1.14378 17.85C1.15628 17.8791 1.16774 17.9083 1.18128 17.9364L6.79899 12.3198C6.71357 12.1198 6.6667 11.9 6.6667 11.6687C6.6667 10.7479 7.41253 10.0021 8.33336 10.0021C9.2542 10.0021 10 10.7479 10 11.6687C10 12.5896 9.2542 13.3354 8.33336 13.3354C8.10212 13.3354 7.88232 13.2885 7.68232 13.2031L2.06566 18.8208C2.09378 18.8344 2.12295 18.8458 2.15212 18.8583C2.47712 18.9875 2.81774 18.9739 3.13962 18.9281C3.45628 18.8833 3.84795 18.7906 4.31357 18.6802L11.549 16.9635C12.1865 16.8125 12.65 16.7031 13.0365 16.4583C13.3771 16.2427 13.6657 15.9531 13.8802 15.6125C14.125 15.225 14.2334 14.7614 14.3834 14.1239L15.2938 10.2541C15.3438 10.0437 15.2813 9.82186 15.1282 9.66873L10.3438 4.8729Z' fill='white'/%3E%3C/g%3E%3C/svg%3E%0A");
    --lock: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.5893 7.26133V5.06667C15.5893 2.272 13.3071 0 10.5 0C7.69286 0 5.41071 2.272 5.41071 5.06667V7.26133C3.80625 7.50933 3 8.55467 3 10.4V16.8C3 18.9333 4.07143 20 6.21429 20H14.7857C16.9286 20 18 18.9333 18 16.8V10.4C18 8.55467 17.1937 7.50933 15.5893 7.26133ZM11.3036 13.5867V15.7333C11.3036 16.176 10.9446 16.5333 10.5 16.5333C10.0554 16.5333 9.69643 16.176 9.69643 15.7333V13.56C9.38839 13.3147 9.17679 12.9547 9.17679 12.5333C9.17679 11.7973 9.77143 11.2 10.5107 11.2H10.5214C11.2607 11.2 11.8607 11.7973 11.8607 12.5333C11.8607 12.9733 11.633 13.344 11.3036 13.5867ZM13.9821 7.2H7.01786V5.06667C7.01786 3.15733 8.58214 1.6 10.5 1.6C12.4179 1.6 13.9821 3.15733 13.9821 5.06667V7.2Z' fill='%23143043'/%3E%3C/svg%3E%0A");
    --complete: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10349_2748)'%3E%3Cpath d='M11.0333 4.16667C6.73333 4.16667 4.16667 6.73333 4.16667 11.0333V22.7917C4.16667 23.0833 3.90833 23.3292 3.61667 23.3C1.2125 23.0583 0 21.6042 0 18.9667V4.36667C0 1.46667 1.46667 0 4.36667 0H18.9667C21.6083 0 23.0583 1.21667 23.3 3.61667C23.3292 3.90833 23.0833 4.16667 22.7917 4.16667H11.0333ZM30 11.0417V25.625C30 28.5417 28.5417 30 25.625 30H11.0417C8.125 30 6.66667 28.5417 6.66667 25.625V11.0417C6.66667 8.125 8.125 6.66667 11.0417 6.66667H25.625C28.5417 6.66667 30 8.125 30 11.0417ZM23.3833 14.6708C22.8958 14.1833 22.1042 14.1833 21.6167 14.6708L16.9458 19.3417L15.05 17.4458C14.5625 16.9583 13.7708 16.9583 13.2833 17.4458C12.7958 17.9333 12.7958 18.725 13.2833 19.2125L16.0625 21.9917C16.2958 22.225 16.6125 22.3583 16.9458 22.3583C17.2792 22.3583 17.5958 22.225 17.8292 21.9917L23.3833 16.4375C23.8708 15.95 23.8708 15.1583 23.3833 14.6708Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10349_2748'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --pencil: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16.0008 0.298549L19.7212 4.02146C19.9072 4.21734 20 4.46939 20 4.72082C20 4.97225 19.9002 5.24158 19.7015 5.44055L6.25811 18.886C6.20565 18.9384 6.13981 18.9699 6.0715 18.9804L1.09192 19.9719C0.920527 20.0088 0.760658 20.0088 0.619513 19.9754C0.46664 19.9398 0.336606 19.868 0.233936 19.766L0.211715 19.7415C0.121391 19.6423 0.0571964 19.5205 0.024482 19.3804C-0.00926114 19.2364 -0.00884964 19.073 0.030243 18.8981L1.02402 13.916C1.03739 13.8477 1.07072 13.7888 1.1162 13.7433L14.5579 0.298549C14.7569 0.0995849 15.0182 0 15.2795 0C15.5408 0 15.8002 0.0997907 15.9992 0.298549H16.0008Z' fill='%23143043'/%3E%3C/svg%3E%0A");
    --talk: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M10 0C11.2529 0 12.4222 0.227801 13.5078 0.683594C14.5935 1.13942 15.547 1.76757 16.3672 2.56836C17.1874 3.36913 17.8306 4.29915 18.2979 5.35742C18.7651 6.41572 18.9993 7.55644 19 8.7793C19 11.0857 18.3335 13.2286 17.001 15.208C15.6683 17.1876 13.9877 18.7375 11.959 19.8564C11.7826 19.9425 11.6061 19.99 11.4297 19.999C11.2532 20.008 11.0943 19.9686 10.9531 19.8818C10.8119 19.7951 10.6879 19.6829 10.582 19.5459C10.4764 19.409 10.4151 19.2455 10.3975 19.0557L10.2646 17.5586H10C7.49412 17.5586 5.36718 16.7061 3.62012 15.002C1.87325 13.2979 1.00005 11.2235 1 8.7793C1 6.33513 1.87335 4.26074 3.62012 2.55664C5.36718 0.852466 7.49412 1.08096e-07 10 0Z' fill='%23143043'/%3E%3C/svg%3E%0A");
    --scroll-top: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10312_883)'%3E%3Cpath d='M14.0737 5.3052C13.5557 4.49896 13.0285 3.68153 12.3281 3.04132C11.6277 2.39951 10.7205 1.9461 9.79017 2.00517C8.9733 2.05786 8.2162 2.50169 7.61849 3.08123C7.02079 3.66078 6.55641 4.37443 6.0997 5.08169C4.86444 6.99114 3.62764 8.9006 2.39237 10.8116C1.80539 11.7185 1.20309 12.6652 1.04063 13.7461C0.844463 15.052 1.3732 16.3819 2.31115 17.2505C3.292 18.1589 4.88129 18.0854 6.07518 17.8364C7.38401 17.5634 8.66372 17.0493 9.9986 17.0509C11.1419 17.0509 12.2469 17.4309 13.3596 17.7071C14.4707 17.9817 15.6646 18.1509 16.7374 17.7422C18.0692 17.2361 19.0255 15.7976 18.9995 14.3208C18.975 12.9734 17.5098 10.6488 17.5098 10.6488C17.5098 10.6488 15.2189 7.08655 14.0737 5.3052Z' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10312_883'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --arrow-up-right: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10333_34419)'%3E%3Cpath d='M11.4645 11.4688H18.5355L18.5355 18.5398' stroke='white' stroke-width='2'/%3E%3Crect x='10.7573' y='17.8281' width='10' height='2' transform='rotate(-45 10.7573 17.8281)' fill='white'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10333_34419'%3E%3Crect width='30' height='30' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --arrow-right: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12 6.5L18 12.5L12 18.5' stroke='white' stroke-width='2'/%3E%3Crect x='6' y='11.5' width='12' height='2' fill='white'/%3E%3C/svg%3E%0A");
    --chevron-down: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 9L12 15L6 9' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A");
    --external: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M8.24264 7.75781H16.7279V16.2431' stroke='white'/%3E%3Crect x='7.88909' y='15.8906' width='12' height='1' transform='rotate(-45 7.88909 15.8906)' fill='white'/%3E%3C/svg%3E%0A");
    --notice: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_10349_2194)'%3E%3Cmask id='mask0_10349_2194' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_10349_2194)'%3E%3Cpath d='M5.20833 2.29102V6.68164C5.20833 6.81185 5.16771 6.93893 5.09167 7.04518L4.41354 7.99414C3.57604 9.1681 3.125 10.5743 3.125 12.0171C3.125 12.8587 3.80729 13.541 4.64896 13.541H9.375V18.3327C9.375 18.6775 9.65521 18.9577 10 18.9577C10.3448 18.9577 10.625 18.6775 10.625 18.3327V13.541H15.351C16.1927 13.541 16.875 12.8587 16.875 12.0171C16.875 10.5743 16.424 9.1681 15.5865 7.99414L14.9083 7.04518C14.8323 6.93893 14.7917 6.81185 14.7917 6.68164V2.29102H15.8333C16.1781 2.29102 16.4583 2.01081 16.4583 1.66602C16.4583 1.32122 16.1781 1.04102 15.8333 1.04102H4.16667C3.82187 1.04102 3.54167 1.32122 3.54167 1.66602C3.54167 2.01081 3.82187 2.29102 4.16667 2.29102H5.20833Z' fill='%230678C7'/%3E%3C/g%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_10349_2194'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --search: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cmask id='mask0_10441_1397' style='mask-type:luminance' maskUnits='userSpaceOnUse' x='0' y='0' width='20' height='20'%3E%3Cpath d='M20 0H0V20H20V0Z' fill='white'/%3E%3C/mask%3E%3Cg mask='url(%23mask0_10441_1397)'%3E%3Cpath d='M1.04175 9.16602C1.04175 4.67852 4.67925 1.04102 9.16675 1.04102C13.6542 1.04102 17.2917 4.67852 17.2917 9.16602C17.2917 11.1848 16.5553 13.0316 15.3365 14.4525L18.7751 17.891C19.0199 18.1348 19.0199 18.5306 18.7751 18.7743C18.5313 19.0191 18.1355 19.0191 17.8917 18.7743L14.4532 15.3358C13.0324 16.5546 11.1855 17.291 9.16675 17.291C4.67925 17.291 1.04175 13.6535 1.04175 9.16602Z' fill='%23143043'/%3E%3C/g%3E%3C/svg%3E%0A");
    --folder: url("data:image/svg+xml,%3Csvg width='20' height='18' viewBox='0 0 20 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20 6.75V14.625C20 16.875 18.8889 18 16.6667 18H3.33333C1.11111 18 0 16.875 0 14.625V3.375C0 1.125 1.11111 0 3.33333 0H7.77778L11.1111 3.375H16.6667C18.8889 3.375 20 4.5 20 6.75Z' fill='%23143043'/%3E%3C/svg%3E%0A");
    --clip: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11175_23327)'%3E%3Cpath d='M8.31382 20C6.33796 20 4.497 19.245 3.13064 17.8725C0.250537 14.9825 0.293002 10.235 3.22556 7.29L8.95079 1.5475C9.94496 0.55 11.2664 0 12.6727 0C14.079 0 15.4004 0.55 16.3946 1.5475C18.4454 3.605 18.4454 6.9525 16.3946 9.01L10.6444 14.7825C9.46286 15.97 7.39708 15.97 6.21557 14.7825C4.99658 13.56 4.99658 11.5675 6.21557 10.345L11.2664 5.275C11.656 4.885 12.288 4.8825 12.6802 5.275C13.0724 5.665 13.0724 6.2975 12.6802 6.69L7.62939 11.76C7.18726 12.205 7.18726 12.9275 7.62939 13.3725C8.05653 13.8025 8.80091 13.8 9.22806 13.3725L14.9783 7.6025C16.2522 6.3225 16.2522 4.2425 14.9783 2.965C13.7443 1.7275 11.5986 1.7275 10.3646 2.965L4.64188 8.71C2.52114 10.8375 2.47868 14.3925 4.54696 16.4675C5.53613 17.46 6.87502 18.0075 8.31382 18.0075C9.75262 18.0075 11.2364 17.4125 12.2705 16.3725L17.2938 11.33C17.6835 10.94 18.3155 10.9375 18.7077 11.33C19.0998 11.72 19.0998 12.3525 18.7077 12.745L13.6843 17.7875C12.278 19.2 10.3196 20.01 8.31382 20.01V20Z' fill='%23111111'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11175_23327'%3E%3Crect width='20' height='20' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --download: 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='M2.54435 7.4016C1.91532 6.8112 2.33629 5.76 3.20242 5.76H5.54677V0.96C5.54677 0.4296 5.97984 0 6.51452 0H12.321C12.8556 0 13.2887 0.4296 13.2887 0.96V5.76H15.7976C16.6637 5.76 17.0847 6.8112 16.4556 7.4016L10.3831 13.092C9.8871 13.5576 9.1129 13.5576 8.61694 13.092L2.54435 7.4016ZM16.2742 16.56H2.72581C2.32419 16.56 2 16.8816 2 17.28C2 17.6784 2.32419 18 2.72581 18H16.2742C16.6758 18 17 17.6784 17 17.28C17 16.8816 16.6758 16.56 16.2742 16.56Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
    --chatbot: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14.999 0C15.9325 0 16.6895 0.74809 16.6895 1.6709C16.6894 2.43513 16.1701 3.07831 15.4619 3.27734L15.7217 5.18066C17.1304 5.25915 18.0013 5.58336 18.5391 6.17969C23.502 6.60881 26.5831 8.1749 27.6914 12.333L27.6924 12.334C29.2753 12.7243 30 13.7532 30 16.4531C29.9999 19.1527 29.2752 20.181 27.6924 20.5713C26.9795 23.2462 25.4501 24.8485 23.1289 25.7656H23.1299C18.3887 27.6889 11.8877 30 11.8877 30V26.7588C11.8862 26.7585 11.8844 26.7578 11.8838 26.7578C11.1925 26.7077 10.5352 26.6376 9.91406 26.543C9.70098 26.5107 9.49127 26.4759 9.28613 26.4375C8.15865 26.2269 7.1575 25.9258 6.2832 25.5098C5.40894 25.0938 4.66196 24.5631 4.04395 23.8916C3.87545 23.7085 3.71594 23.515 3.56641 23.3105C3.01451 22.5552 2.59526 21.6497 2.30762 20.5703C0.724789 20.18 6.07253e-05 19.1519 0 16.4521C0 13.7523 0.724362 12.7238 2.30664 12.333C2.54222 11.4486 2.8669 10.6804 3.28027 10.0166C3.32561 9.94395 3.37239 9.87224 3.41992 9.80176C3.75333 9.30781 4.13925 8.8739 4.57715 8.49414C4.70242 8.386 4.83217 8.2815 4.96582 8.18164C5.099 8.08181 5.23691 7.98608 5.37891 7.89453C6.9146 6.90543 8.94612 6.39687 11.459 6.17969C11.9968 5.5833 12.868 5.25915 14.2764 5.18066L14.5371 3.27734C13.8287 3.07849 13.3087 2.43489 13.3086 1.6709C13.3086 0.74812 14.0656 4.94093e-05 14.999 0ZM14.999 9.16797C10.9289 9.16798 8.38134 9.62048 6.98242 10.5908C6.36241 11.0207 5.92615 11.5851 5.61035 12.3672C5.20448 13.372 4.99902 14.747 4.99902 16.4521C4.99905 18.1572 5.20451 19.5314 5.61035 20.5361C5.92622 21.3185 6.36217 21.8835 6.98242 22.3135C8.38134 23.2838 10.9289 23.7353 14.999 23.7354C19.0691 23.7354 21.6167 23.2838 23.0156 22.3135C23.6359 21.8835 24.0718 21.3185 24.3877 20.5361C24.7935 19.5314 24.999 18.1572 24.999 16.4521C24.999 14.747 24.7936 13.372 24.3877 12.3672C24.0719 11.5851 23.6357 11.0207 23.0156 10.5908C21.6167 9.62048 19.0692 9.16797 14.999 9.16797ZM21.6123 16.0205L18.877 18.7568L16.1416 16.0205L18.877 13.2852L21.6123 16.0205ZM13.1836 18.0811H9.36719V14.2646H13.1836V18.0811Z' fill='white'/%3E%3C/svg%3E%0A");
    --plus: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Crect x='14' y='8' width='2' height='14' fill='%230097F6'/%3E%3Crect x='8' y='14' width='14' height='2' fill='%230097F6'/%3E%3C/svg%3E%0A");
    --brochure: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.8421 13.2543H20.5832L17.4358 16.4158C16.7926 17.0756 15.9305 17.433 15.0137 17.433C14.0968 17.433 13.2484 17.0756 12.6053 16.4158L9.45789 13.2543H8.15789C4.75053 13.2543 2 16.0309 2 19.4399V20.8144C2 24.2371 4.75053 27 8.15789 27H21.8421C25.2358 27 28 24.2371 28 20.8144V19.4399C28 16.0309 25.2358 13.2543 21.8421 13.2543ZM21.8421 21.1581C20.8842 21.1581 20.1179 20.3883 20.1179 19.4399C20.1179 18.4914 20.8842 17.7216 21.8421 17.7216C22.8 17.7216 23.5389 18.4914 23.5389 19.4399C23.5389 20.3883 22.7863 21.1581 21.8421 21.1581ZM9.95053 10.8351C9.41684 10.299 9.41684 9.43299 9.95053 8.89691C10.2105 8.62199 10.5663 8.49828 10.9084 8.49828C11.2505 8.49828 11.62 8.62199 11.88 8.89691L13.6453 10.6701V4.37457C13.6453 3.60481 14.2611 3 15.0137 3C15.7663 3 16.3821 3.60481 16.3821 4.37457V10.6701L18.1611 8.89691C18.4211 8.62199 18.7768 8.49828 19.1189 8.49828C19.4611 8.49828 19.8305 8.62199 20.0905 8.89691C20.6242 9.43299 20.6242 10.299 20.0905 10.8351L17.6821 13.2543L15.9853 14.9588C15.7253 15.2337 15.3695 15.3711 15.0137 15.3711C14.6579 15.3711 14.3158 15.2337 14.0558 14.9588L9.95053 10.8351Z' fill='white'/%3E%3C/svg%3E%0A");
    --news: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18.9133 25.0727C18.4993 25.2677 18.0193 25.4177 17.4703 25.5138L9.58619 26.8939C6.95816 27.3619 5.41014 26.2818 4.95414 23.6536L3.10612 13.1527C2.63811 10.5244 3.71812 8.9763 6.34615 8.50826L8.50318 8.13023C8.74918 8.08823 8.96518 8.30124 8.92018 8.54727L7.51016 16.537C6.87416 20.1733 8.59018 22.6215 12.2142 23.2576C12.2142 23.2576 18.4783 24.3587 18.7993 24.4217C19.1983 24.4937 19.2613 24.9197 18.9103 25.0727H18.9133ZM26.8964 9.12632L25.0454 19.6332C24.5984 22.1625 23.1403 23.2456 20.6863 22.9095C20.5933 22.8975 20.5093 22.8975 20.4103 22.8795L12.5322 21.4904C9.90719 21.0284 8.82418 19.4832 9.28618 16.855L10.8972 7.71319L11.1372 6.34807C11.6022 3.72284 13.1472 2.63975 15.7723 3.10479L23.6503 4.49391C26.2754 4.95595 27.3584 6.50109 26.8964 9.12932V9.12632ZM19.2673 17.275C19.3543 16.786 19.0273 16.3179 18.5383 16.2309L13.6152 15.3639C13.1292 15.2769 12.6582 15.6039 12.5742 16.0929C12.4872 16.582 12.8142 17.05 13.3032 17.137L18.2263 18.0041C18.2803 18.0131 18.3313 18.0161 18.3823 18.0161C18.8113 18.0161 19.1923 17.7101 19.2673 17.272V17.275ZM22.9183 13.8427C23.0053 13.3537 22.6783 12.8856 22.1893 12.7986L14.3112 11.4095C13.8252 11.3225 13.3542 11.6495 13.2702 12.1386C13.1832 12.6276 13.5102 13.0957 13.9992 13.1827L21.8773 14.5718C21.9313 14.5808 21.9823 14.5838 22.0333 14.5838C22.4623 14.5838 22.8433 14.2778 22.9183 13.8397V13.8427ZM23.7583 9.92739C23.8453 9.43834 23.5183 8.9703 23.0293 8.8833L15.1512 7.49417C14.6652 7.40717 14.1942 7.7342 14.1102 8.22324C14.0232 8.71228 14.3502 9.18032 14.8392 9.26733L22.7173 10.6565C22.7713 10.6655 22.8223 10.6715 22.8733 10.6715C23.3023 10.6715 23.6833 10.3654 23.7583 9.92739Z' fill='white'/%3E%3C/svg%3E%0A");
    --chet-pen: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0033 3C8.37668 3 3.00335 8.37333 3.00335 14.9967C3.00335 16.7833 3.40335 18.49 4.11002 20.01C4.39002 20.5967 4.39002 21.2767 4.19002 21.9033L3.07002 25.2366C2.72335 26.2766 3.72335 27.2766 4.76335 26.93L8.09668 25.81C8.72335 25.61 9.40335 25.61 9.99001 25.89C11.51 26.5966 13.2167 26.9966 15.0033 26.9966C21.63 26.9966 27 21.6233 27 14.9967C27 8.37 21.6267 3 15.0033 3ZM12.6267 20.3333H9.66668V17.3733L14.9733 12.04L17.96 15.0267L12.6267 20.3333ZM19.9867 13.0133L18.8933 14.0933L15.9067 11.1067L16.9867 10.0133C17.4533 9.54666 18.2 9.54666 18.6667 10.0133L19.9867 11.3333C20.4533 11.8 20.4533 12.5467 19.9867 13.0133Z' fill='white'/%3E%3C/svg%3E%0A");

    --icon-gpu: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.1026 9.74359V14.2564C15.1026 14.9221 14.9221 15.1026 14.2564 15.1026H9.74359C9.07795 15.1026 8.89744 14.9221 8.89744 14.2564V9.74359C8.89744 9.07795 9.07795 8.89744 9.74359 8.89744H14.2564C14.9221 8.89744 15.1026 9.07795 15.1026 9.74359ZM23 15.3846C23 15.8472 22.6277 16.2308 22.1538 16.2308H19.8974V16.5128C19.8974 18.7692 18.7692 19.8974 16.5128 19.8974H16.2308V22.1538C16.2308 22.6164 15.8585 23 15.3846 23C14.9108 23 14.5385 22.6164 14.5385 22.1538V19.8974H9.46154V22.1538C9.46154 22.6164 9.08923 23 8.61539 23C8.14154 23 7.76923 22.6164 7.76923 22.1538V19.8974H7.48718C5.23077 19.8974 4.10256 18.7692 4.10256 16.5128V16.2308H1.84615C1.38359 16.2308 1 15.8472 1 15.3846C1 14.9221 1.38359 14.5385 1.84615 14.5385H4.10256V9.46154H1.84615C1.38359 9.46154 1 9.07795 1 8.61539C1 8.15282 1.38359 7.76923 1.84615 7.76923H4.10256V7.48718C4.10256 5.23077 5.23077 4.10256 7.48718 4.10256H7.76923V1.84615C7.76923 1.38359 8.15282 1 8.61539 1C9.07795 1 9.46154 1.38359 9.46154 1.84615V4.10256H14.5385V1.84615C14.5385 1.38359 14.9221 1 15.3846 1C15.8472 1 16.2308 1.38359 16.2308 1.84615V4.10256H16.5128C18.7692 4.10256 19.8974 5.23077 19.8974 7.48718V7.76923H22.1538C22.6277 7.76923 23 8.15282 23 8.61539C23 9.07795 22.6277 9.46154 22.1538 9.46154H19.8974V14.5385H22.1538C22.6277 14.5385 23 14.9221 23 15.3846ZM16.7949 9.74359C16.7949 8.15564 15.8472 7.20513 14.2564 7.20513H9.74359C8.15282 7.20513 7.20513 8.15564 7.20513 9.74359V14.2564C7.20513 15.8444 8.15282 16.7949 9.74359 16.7949H14.2564C15.8472 16.7949 16.7949 15.8444 16.7949 14.2564V9.74359Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
    --icon-memory: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M22 8V16C22 17.3333 21.375 18 20.125 18H3.875C2.625 18 2 17.3333 2 16V8C2 6.66667 2.625 6 3.875 6H20.125C21.375 6 22 6.66667 22 8ZM6.6875 9.33333C6.6875 8.78 6.26875 8.33333 5.75 8.33333C5.23125 8.33333 4.8125 8.78 4.8125 9.33333V14.6667C4.8125 15.22 5.23125 15.6667 5.75 15.6667C6.26875 15.6667 6.6875 15.22 6.6875 14.6667V9.33333ZM9.8125 9.33333C9.8125 8.78 9.39375 8.33333 8.875 8.33333C8.35625 8.33333 7.9375 8.78 7.9375 9.33333V14.6667C7.9375 15.22 8.35625 15.6667 8.875 15.6667C9.39375 15.6667 9.8125 15.22 9.8125 14.6667V9.33333ZM12.9375 9.33333C12.9375 8.78 12.5188 8.33333 12 8.33333C11.4813 8.33333 11.0625 8.78 11.0625 9.33333V14.6667C11.0625 15.22 11.4813 15.6667 12 15.6667C12.5188 15.6667 12.9375 15.22 12.9375 14.6667V9.33333ZM16.0625 9.33333C16.0625 8.78 15.6438 8.33333 15.125 8.33333C14.6063 8.33333 14.1875 8.78 14.1875 9.33333V14.6667C14.1875 15.22 14.6063 15.6667 15.125 15.6667C15.6438 15.6667 16.0625 15.22 16.0625 14.6667V9.33333ZM19.1875 9.33333C19.1875 8.78 18.7688 8.33333 18.25 8.33333C17.7313 8.33333 17.3125 8.78 17.3125 9.33333V14.6667C17.3125 15.22 17.7313 15.6667 18.25 15.6667C18.7688 15.6667 19.1875 15.22 19.1875 14.6667V9.33333Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
    --icon-storage: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 13H6C4 13 3 14 3 16V18C3 20 4 21 6 21H18C20 21 21 20 21 18V16C21 14 20 13 18 13ZM14 18C13.4475 18 13 17.5525 13 17C13 16.4475 13.4475 16 14 16C14.5525 16 15 16.4475 15 17C15 17.5525 14.5525 18 14 18ZM17 18C16.4475 18 16 17.5525 16 17C16 16.4475 16.4475 16 17 16C17.5525 16 18 16.4475 18 17C18 17.5525 17.5525 18 17 18ZM20.67 12.18C19.96 11.74 19.06 11.5 18 11.5H6C4.94 11.5 4.04 11.74 3.33 12.18L4.55 5.46C4.81 4.04 6 3 7.5 3H16.5C18 3 19.19 4.04 19.45 5.46L20.67 12.18Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
    --icon-form-factor: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.7692 2H9.97808C9.55 2 9.13808 2.17502 8.83654 2.48896L5.47385 5.95611C5.16962 6.26726 5 6.69232 5 7.13405V18.6662C5 20.8887 6.07692 22 8.23077 22H15.7692C17.9231 22 19 20.8887 19 18.6662V5.3338C19 3.11127 17.9231 2 15.7692 2ZM10.1154 9.22323C10.1154 9.6844 9.75462 10.0567 9.30769 10.0567C8.86077 10.0567 8.5 9.6844 8.5 9.22323V6.44506C8.5 5.98389 8.86077 5.61161 9.30769 5.61161C9.75462 5.61161 10.1154 5.98389 10.1154 6.44506V9.22323ZM13.3462 9.22323C13.3462 9.6844 12.9854 10.0567 12.5385 10.0567C12.0915 10.0567 11.7308 9.6844 11.7308 9.22323V6.44506C11.7308 5.98389 12.0915 5.61161 12.5385 5.61161C12.9854 5.61161 13.3462 5.98389 13.3462 6.44506V9.22323ZM16.5769 9.22323C16.5769 9.6844 16.2162 10.0567 15.7692 10.0567C15.3223 10.0567 14.9615 9.6844 14.9615 9.22323V6.44506C14.9615 5.98389 15.3223 5.61161 15.7692 5.61161C16.2162 5.61161 16.5769 5.98389 16.5769 6.44506V9.22323Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
    --icon-footnote: url("data:image/svg+xml,%3Csvg width='20' height='20' viewBox='0 0 20 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11055_3116)'%3E%3Cpath d='M10 0C15.5228 0 20 4.47715 20 10C20 15.5228 15.5228 20 10 20C4.47715 20 0 15.5228 0 10C0 4.47715 4.47715 0 10 0ZM10.1484 12.8398C9.93892 12.8399 9.74503 12.8923 9.56738 12.9971C9.38975 13.0973 9.24833 13.2341 9.14355 13.4072C9.04335 13.5804 8.99545 13.7696 9 13.9746C8.99544 14.1796 9.04334 14.3711 9.14355 14.5488C9.24833 14.7219 9.38975 14.861 9.56738 14.9658C9.74503 15.0706 9.93892 15.123 10.1484 15.123C10.3443 15.123 10.529 15.0706 10.7021 14.9658C10.8798 14.861 11.0212 14.7219 11.126 14.5488C11.2308 14.3711 11.2832 14.1797 11.2832 13.9746C11.2832 13.7695 11.2308 13.5804 11.126 13.4072C11.0212 13.2341 10.8798 13.0973 10.7021 12.9971C10.529 12.8923 10.3443 12.8398 10.1484 12.8398ZM9.08203 5.10156L9.25977 12.0332H11.0098L11.1875 5.10156H9.08203Z' fill='%23D9D9D9'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11055_3116'%3E%3Crect width='20' height='20' rx='10' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
}
.icon-xs { width: 14px; height: 14px; }

.icon-animate { overflow: hidden; }

.icon::before,
.icon-animate::after { content: ''; display: block; width: 100%; height: 100%; background-color: currentColor; mask-size: contain; mask-repeat: no-repeat; }
.icon-animate::before,
.icon-animate::after { transition: transform .25s ease; }
.icon-animate::after { position: absolute; top: 0; left: 0; transform: translate(-100%, 100%); }
.icon-x::before { mask-image: var(--x); }
.icon-plus::before { mask-image: var(--plus); }
.icon-minus::before { mask-image: var(--minus); }
.icon-check::before { mask-image: var(--check); }
.icon-check-circle-primary { background-color: currentColor; border-radius: 50%; }
.icon-check-circle-primary::before { color: #fff; mask-image: var(--check); }
.icon-calendar::before { mask-image: var(--calendar); }
.icon-arrow-right::before { mask-image: var(--arrow-right); }
.icon-external::before { mask-image: var(--external); }
.icon-chevron-left::before { mask-image: var(--chevron-left); }
.icon-chevron-right::before { mask-image: var(--chevron-right); }
.icon-chevron-right-bold::before { mask-image: var(--chevron-right-bold); }
.icon-chevron-down::before { mask-image: var(--chevron-down); }
.icon-triangle-down::before { mask-image: var(--triangle-down); }
.icon-youtube::before { mask-image: var(--youtube); }
.icon-instagram::before { mask-image: var(--instagram); }
.icon-blog::before { mask-image: var(--blog); }
.icon-facebook::before { mask-image: var(--facebook); }
.icon-linked::before { mask-image: var(--linked); }
.icon-search::before { mask-image: var(--search); }
.icon-rotate-cw::before { mask-image: var(--rotate-cw); }
.icon-rotate-ccw::before { mask-image: var(--rotate-ccw); }
.icon-tel::before { mask-image: var(--tel); }
.icon-pin::before { mask-image: var(--pin); }
.icon-map::before { mask-image: var(--map); }
.icon-external-link::before { mask-image: var(--external-link); }
.icon-repair::before { mask-image: var(--repair); }
.icon-home::before { mask-image: var(--home); }
.icon-download::before { mask-image: var(--download); }
.icon-image::before { mask-image: var(--image); }
.icon-heart::before { mask-image: var(--heart); }
.icon-all::before { mask-image: var(--all); }
.icon-smile::before { mask-image: var(--smile); }
.icon-edit::before { mask-image: var(--edit); }
.icon-list::before { mask-image: var(--list); }
.icon-notice::before { mask-image: var(--notice); }
.icon-campus::before { mask-image: var(--campus); }
.icon-text-o { color: var(--clr-primary); }
.icon-text-o::before { mask-image: var(--text-o); }
.icon-inclass::before { mask-image: var(--inclass); }
.icon-progress-test::before { mask-image: var(--progress-test); }
.icon-file::before { mask-image: var(--file); }
.icon-folder::before { mask-image: var(--folder); }
.icon-clip::before { mask-image: var(--clip); }
.icon-receive::before { mask-image: var(--receive); }
.icon-send::before { mask-image: var(--send); }

.icon-rocket::before,
.icon-rocket::after { mask-image: var(--rocket); }
.icon-blog::before { mask-image: var(--blog); }
.icon-cafe::before { mask-image: var(--cafe); }
.icon-pen::before { mask-image: var(--pen); }
.icon-lock::before { mask-image: var(--lock); }
.icon-complete::before { mask-image: var(--complete); }
.icon-pencil::before { mask-image: var(--pencil); }
.icon-talk::before { mask-image: var(--talk); }
.icon-scroll-top::before,
.icon-scroll-top::after { mask-image: var(--scroll-top); }
.icon-arrow-up-right::before { mask-image: var(--arrow-up-right); }
.icon-chatbot { mask-image: var(--chatbot); }
.icon-plus { mask-image: var(--plus); }
.icon-brochure { mask-image: var(--brochure); }
.icon-news { mask-image: var(--news); }
.icon-chet-pen { mask-image: var(--chet-pen); }

.icon-gpu { mask-image: var(--icon-gpu); }
.icon-memory { mask-image: var(--icon-memory); }
.icon-storage { mask-image: var(--icon-storage); }
.icon-form-factor { mask-image: var(--icon-form-factor); }
.icon-footnote { mask-image: var(--icon-footnote); }
@media (hover: hover) and (pointer: fine) {
}
@media screen and (max-width: 1024px) {
    .icon,
    .icon-bg { width: 22px; height: 22px; }
}
@media screen and (max-width: 768px) {
    .icon,
    .icon-bg { width: 20px; height: 20px; }
}


/* Button */
.button {
    --padding: 0 40px; --height: 50px; --border-color: #1B1B1B;
    overflow: hidden; display: inline-flex; align-items: center; justify-content: center; position: relative; padding: var(--padding); height: var(--height); line-height: 1.1;
    font-size: var(--text-sm); font-weight: 600; color: var(--clr-dark); background: transparent; border: 2px solid transparent; border-radius: var(--height); transition: all .15s ease;
}
.button-space-between { justify-content: space-between; }
.button .icon { width: 30px; height: 30px; }
.button .icon:last-child { margin-right: -0.26em; margin-left: 0.8em; }
.button-light { color: var(--clr-black); background: #fff; }
.button-dark { color: #fff; background: var(--clr-dark); }
.button-white { color: #222; background: #fff; border-color: #fff !important; }
.button-transparent { color: #fff; background: rgb(255 255 255 / 5%); }
.button-gradient { color: var(--clr-black); background: linear-gradient(90deg, #34B1FF 0%, #64FF9F 100%); }
.button-primary { color: #fff; background: var(--clr-primary); }
.button-sky { color: #fff; background: var(--clr-sky); }
.button-orange { color: #fff; background: var(--clr-orange); }
.button-pink { color: #fff; background: var(--clr-pink); }
.button-red { color: #fff; background: var(--clr-red); }
.button-azure { color: #fff; background: var(--clr-azure); }
.button-border { background: #fff; border-color: var(--border-color); }
.button-border-gray { color: inherit; background: #fff; border-color: var(--border); }
.button-border-dark { color: #fff; background: var(--clr-dark); }
.button-border-primary { color: var(--clr-primary); background: #fff; border-color: var(--clr-primary); }
.button-border-red { color: var(--clr-red); border-color: var(--clr-red); }
.button-border-orange { color: var(--clr-orange); border-color: var(--clr-orange); }
.button-round { border-radius: 100px !important; }
.button-link { --padding: 0px; overflow: visible; border-color: transparent !important; }
.button-link .icon { padding: 8px; width: 40px; height: 40px; color: #fff; background: var(--clr-primary); border-radius: 50%; }
.button-link .icon:last-child { margin-left: 20px; margin-right: 0; }
.button-link .icon::before { border-radius: inherit; }
.button-cancel { color: #fff; background: rgba(19, 61, 83, 0.28); }
.button-60 { padding: 0 24px; height: 60px; font-size: 1.6rem; }
.button-60 .icon { width: 24px; height: 24px; }
.button-40 { padding: 0 24px; height: 40px; font-size: 1.6rem; }
.button-40 .icon { width: 24px; height: 24px; }
.button-sharp { border-radius: 0 !important; }
.button-normal { background: transparent; border-color: transparent; border-radius: 0; }
.button.disabled { color: #999999 !important; background: #E5E5E5 !important; border-color: #E5E5E5 !important; }
.button-sm { padding: 0 12px; height: 38px; font-size: 1.4rem; font-weight: 400; }
.button-sm .icon { width: 20px; height: 20px; }
.button-xs { padding: 0 10px; height: 30px; font-size: 1.4rem; font-weight: 400; }
.button-xs .icon { width: 20px; height: 20px; }
.button-func { padding: 0 8px; height: 33px; font-size: 1.4rem; font-weight: 400; border-radius: 3px; }

.button-text-block { --padding: 0 20px; color: #fff; background: var(--clr-black); border-radius: 50px; }
.button-text-block .icon { margin-right: 10px; width: 20px; height: 20px; }
.button-text-block .text-block { overflow: hidden; display: block; position: relative; }
.button-text-block .text-block span { display: block; transition: transform .25s ease; will-change: transform; }
.button-text-block .text-block span:last-child { position: absolute; top: 0; left: 0; width: 100%; transform: translateY(calc(100% + 10px)); }

.button-text {
    --padding: 0 28px; --gap: 10px;
    --icon-width: 14px;
    --icon: url("data:image/svg+xml,%3Csvg width='14' height='14' viewBox='0 0 14 14' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6 0.710938L12 6.71094L6 12.7109' stroke='black' stroke-width='2'/%3E%3Crect y='5.71094' width='12' height='2' fill='black'/%3E%3C/svg%3E%0A");
    /* gap: var(--gap); */
    padding: var(--padding);
    border: 1px solid var(--clr-black);
}
.button-text.button-gradient,
.button-text.button-light { border: none; }
.button-text::before,
.button-text::after {
    content: ''; width: var(--icon-width); height: var(--icon-width);
    background-repeat: no-repeat; background-position: center; background-size: auto 100%;
    mask-image: var(--icon); background-color: currentColor; mask-size: contain; mask-repeat: no-repeat; mask-image: var(--icon);
    transition: all ease .25s;
}
.button-text::before { transform: translateX(calc(var(--gap) * -1)); }
.button-text::after { transform: translateX(var(--gap)); }
.button-text::before { opacity: 0; }
.button-text .span { display: block; transform: translateX(calc((var(--icon-width)) * -1)); transition: transform ease .25s; }
.button-text-download {
    --padding: 0 20px; --icon-width: 24px;
    --icon: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M17 12L12 17L7 12' stroke='white' stroke-width='2'/%3E%3Crect x='13' y='7' width='10' height='2' transform='rotate(90 13 7)' fill='white'/%3E%3C/svg%3E%0A");
}
@media (hover: hover) and (pointer: fine) {
    .button-text:hover { color: #fff; background: var(--clr-black); }
    .button-text:hover::after { transform: translateX(calc(var(--icon-width))); opacity: 0; }
    .button-text:hover::before { transform: none; opacity: 1; }
    .button-text:hover .span { transform: translateX(var(--icon-width)); }
    
}

.button-icon {
    --padding: 15px; --height: 60px; --background: #fff; --border: #cccccc; --border-hover: #000;
    padding: 0 var(--padding); min-width: 200px; height: var(--height); font-weight: 500;
    background: var(--background); border-width: 2px; border-color: var(--border); border-radius: var(--height);
}
.button-icon .icon {
    overflow: hidden; position: absolute; right: var(--padding); margin: 0 !important; width: calc(var(--height) / 2); height: calc(var(--height) / 2); color: #fff; background: #000; border-radius: 50%;
    transform: scale(0); transition: transform .3s ease;
}
.button-icon .icon::before { transform: translate(-100%, 100%); transition: all .3s ease; }
.button-icon .span { padding: 0 calc(var(--padding) + 15px); text-align: left; transition: all .3s ease; }
@media (hover: hover) and (pointer: fine) {
    /* .button:hover { background: var(--clr-sky); border-color: var(--clr-sky); } */
    .button:hover .icon-arrow-right { transform: translateX(25%); }
    .button-light:hover { color: #fff; background: var(--clr-black); }
    /* .button-dark:hover { color: #fff; background: var(--clr-primary); } */
    .button-transparent:hover { color: var(--clr-dark); background: #fff; border-color: #fff; }
    .button-primary:hover { color: #fff; background: var(--clr-primary-hover); }
    .button-sky:hover { color: #fff; background: var(--clr-sky); }
    .button-pink:hover { color: #fff; background: var(--clr-pink-hover); border-color: var(--clr-pink-hover); }
    .button-red:hover { background: var(--clr-red); border-color: var(--clr-red); }
    .button-azure:hover { color: #fff; background: var(--clr-azure-hover); border-color: var(--clr-azure-hover); }
    .button-orange:hover { color: #fff; background: var(--clr-orange-hover); border-color: var(--clr-orange-hover); }
    .button-link:hover { background: transparent; }
    .button-border:hover { color: #fff; }
    /* .button-border-gray:hover { color: #fff; background: var(--clr-sky); border-color: var(--clr-sky); } */
    .button-border-gray:hover { background: #fff; border-color: var(--clr-black); }
    .button-border-orange:hover { color: #fff; background: var(--clr-orange); border-color: var(--clr-orange); }
    .button-normal:hover { background: inherit; border-color: transparent; }
    .button-border-primary:hover { color: #fff; }
    .button-border-red:hover { color: #fff; background: var(--clr-red); border-color: var(--clr-red); }
    .button-cancel:hover { background: #133D53; border-color: #133D53; }

    .button:hover .icon-check-circle-primary::before { color: var(--clr-primary); }

    .button-text-block:hover .icon-animate::before { transform: translate(100%, -100%); }
    .button-text-block:hover .icon-animate::after { transform: none; }
    .button-text-block:hover .text-block span:first-child { transform: translateY(-100%); }
    .button-text-block:hover .text-block span:last-child { transform: none; }

    .button-icon:hover { background: var(--background); border-color: var(--border-hover); }
    .button-icon:hover .icon,
    .button-icon:hover .icon::before,
    .button-icon:hover .span { transform: none; }
    .button-icon:hover .span { flex-grow: 1; padding-left: calc(var(--padding) - 2px); padding-right: calc(var(--padding) + (var(--height) / 2) + 2px); }
}
@media screen and (max-width: 1024px) {
    .button { --padding: 0 30px; --height: 55px; }
    .button .icon { width: 24px; height: 24px; }
    .button__text--display { font-size: 1.5rem; }
    .button-link { --padding: 0; }.section-experience
    .button-link .icon { padding: 4px; width: 30px; height: 30px; }
    .button-link .icon:last-child { margin-left: 10px; }
    .button-60 { height: 50px; font-size: 1.5rem; }
    .button-60 .icon { width: 22px; height: 22px; }
    .button-40 { height: 35px; font-size: 1.4rem; }
    .button-40 .icon { width: 22px; height: 22px; }
    .button-xs { padding: 0 6px; font-size: 1.3rem; }

    .button-icon { --padding: 12px; background: var(--background); border-color: var(--border-hover); }
    .button-icon .icon,
    .button-icon .icon::before,
    .button-icon .span { transform: none; }
    .button-icon .span { flex-grow: 1; padding-left: calc(var(--padding) - 2px); padding-right: calc(var(--padding) + (var(--height) / 2) + 2px); }
    
    .button-text-block .icon { width: 16px; height: 16px; }
}
@media screen and (max-width: 768px) {
    .button { --padding: 0 24px; --height: 44px; }
    .button .icon { width: 18px; height: 18px; }
    .button__text--display { font-size: 1.4rem; }
    .button-link { --padding: 0; }
    .button-link .icon { padding: 3px; width: 24px; height: 24px; }
    .button-60 { height: 40px; font-size: 1.4rem; }
    .button-60 .icon { width: 20px; height: 20px; }
    .button-40 { height: 40px; font-size: 1.3rem; }
    .button-40 .icon { width: 20px; height: 20px; }
    .button-xs { font-size: 1.2rem; }

    .button-icon { --padding: 12px; min-width: 160px; }

    .button-text { --icon-width: 12px; }
}


/* Header */
.header { z-index: 11; position: fixed; top: 0; left: 0; width: 100%; height: var(--header-height); transition-property: top; transition-duration: 0.35s; transition-timing-function: cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.header-primary { z-index: 2; position: relative; height: 100%; background: #fff; transition-property: color, background, box-shadow; transition-duration: .35s, .15s, .35s; transition-timing-function: ease; }
/* .header-primary::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 1px; background: #f1f1f1; transition: opacity .35s ease; opacity: 0; } */
.header-primary-wrap { position: relative; }
.header-logo { z-index: 4; position: absolute; top: 25px; left: 0; width: 111px; height: 29px; }
.header-logo::before,
.header-logo::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/assets/images/logo.svg'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; transition: opacity ease .35s; }
.header-logo::after { background-image: url('/assets/images/logo.svg'); opacity: 0; }
/* .header-logo::after { background-image: url('/assets/images/logo-light.svg'); opacity: 0; } */
.header-section { position: relative; }

.navigation__lists { display: flex; }
.navigation__lists-item { position: relative; }
.navigation__lists-title { display: flex; align-items: center; justify-content: center; position: relative; padding: 0 30px; height: var(--header-height); font-size: 1.7rem; text-align: center; color: var(--clr-dark); font-weight: 600; transition: color .15s cubic-bezier(0.25, 0.46, 0.45, 0.94); }
.navigation-menu__title { display: block; margin-bottom: 10px; font-size: 1.7rem; font-weight: 500; color: #111; }
.navigation-menu__lists { transition: background ease .35s; }
.navigation-menu__lists-link { display: inline-flex; align-items: center; margin: 2px 0; padding: 4px 0; line-height: 1.3; font-size: 1.5rem; font-weight: 400; color: #222222; }
.navigation-menu__lists-link .icon { margin-top: -0.1em; margin-left: 0.25em; width: 20px; height: 20px; }
.navigation-menu__lists-link .icon::before { transition-duration: 0s; }
.navigation-menu__lists-group { position: relative; display: flex; align-items: center; justify-content: center; }
.navigation-menu__lists-toggle { z-index: 3; position: absolute; top: 0; left: 0; width: 100%; height: 100%; display: inline-flex; align-items: center; justify-content: center; width: 100%; height: 100%; color: #555; border-radius: 50%; transition: all .15s ease; }
/* .navigation-menu__lists-toggle { display: inline-flex; align-items: center; justify-content: center; margin-right: -24px; margin-left: 4px; padding: 1px; width: 24px; height: 24px; color: #555; border-radius: 50%; transition: all .15s ease; }
.navigation-menu__lists-toggle .icon { width: 100%; height: 100%; transition: none; } */
.navigation-menu__lists-toggle ~ .icon { margin-right: -24px; transition-duration: 0s; }
.navigation-menu__sub { overflow: hidden; height: 0; }
.navigation-menu__sub-lists { margin: 8px 0; }
.navigation-menu__sub-link { display: block; padding: 4px 0; font-size: 1.5rem; color: #555; }
/* .navigation-menu__lists-toggle[aria-expanded="true"] { color: #fff; background: var(--clr-primary); } */
/* .navigation-menu__lists-toggle[aria-expanded="true"] .icon { transform: scaleY(-1); } */
.navigation-menu__subtitle { display: block; margin: 12px 0 3px; font-size: 1.4rem; font-weight: 500; color: #999999; }
.navigation-menu__subtitle:first-child { margin-top: 0; margin-bottom: 7px; }
.navigation-menu__lists-toggle[aria-expanded="true"] ~ .navigation-menu__lists-link { color: var(--clr-primary); }
.navigation-menu__lists-toggle[aria-expanded="true"] ~ .icon { transform: scaleY(-1); color: var(--clr-primary); }

.header-section .close { display: none; position: fixed; top: 8px; margin: auto; }
.header-section .close a { display: block; width: 100%; height: 100%; }
.header-section .close .circle { display: block; position: relative; width: 100%; height: 100%; border: none; border-radius: 50%; }
.header-section .close .circle::before,
.header-section .close .circle::after { content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 22px; height: 2px; background: var(--clr-black); transition: background ease .35s; }
.header-section .close .circle::before { transform: rotate(45deg); }
.header-section .close .circle::after { transform: rotate(-45deg); }
.header-primary .social-menu-button .item { z-index: 3; position: absolute; top: 25px; right: -6px; padding: 6px; width: 50px; height: 50px; color: inherit; }
.header-primary .social-menu-button .item .svg { display: block; width: 100%; height: 100%; fill: currentColor; }
.header-primary .social-menu-button .item .svg path { stroke: currentColor; stroke-linejoin: round; stroke-width: 2px; }

.header-buttons { display: flex; align-items: center; gap: 30px; }
.header-buttons__text { display: block; font-family: var(--font-display); font-size: 1.4rem; font-weight: 700; color: var(--clr-dark); }
.header-buttons__link { line-height: 1.3; text-align: center; }
.header-buttons .icon { width: 36px; height: 36px; }
.header-buttons .icon::before,
.header-buttons .icon::after { background-repeat: no-repeat; background-position: center; background-size: auto 100%; background-color: transparent; }
.header-buttons .icon::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transition: all .35s ease; }
.header .icon-login::before { background-image: url('/assets/images/header-button-login.svg'); }
.header .icon-editalk::before { background-image: url('/assets/images/header-button-editalk.svg'); }
.header .icon-menu::before { background-image: url('/assets/images/header-button-menu.svg'); }
.header .icon-menu::after { opacity: 0; background-image: url('/assets/images/header-button-menu-dark.svg'); }

.header-search { position: relative; }
.header-search__form { position: relative; margin-right: 30px; }
.header-search__input { display: block; padding: 0 54px 0 20px; width: 195px; height: 50px; font-family: var(--font-display); font-size: 1.5rem; font-weight: 400; color: inherit; background: rgba(255, 255, 255, 0.1); border: none; border-radius: 50px; }
.header-search__input:focus { outline-color: currentColor; }
.header-search__input::placeholder { color: #c5c5c7; }
.header-search__button { position: absolute; top: 0; right: 0; padding: 12px; width: 50px; height: 50px; color: inherit; transition: all ease .15s; }
.header-search__button .svg { display: block; width: 100%; height: 100%; stroke: currentColor; transition: all ease .15s; }

.header-language { display: flex; align-items: center; }
.header-language::before { content: ''; display: block; margin: auto; margin: 0 20px; width: 1px; height: 10px; background: #DDDDDD; }
.header-language__list { display: flex; align-items: center; }
.header-language__item { display: flex; align-items: center; }
.header-language__item::after { content: ''; margin: 0 10px; width: 3px; height: 3px; background: #999999; }
.header-language__item:last-child:after { content: none; }
.header-language__link { font-size: 1.5rem; font-weight: 600; color: #999999;  }
.header-language__link.active { color: var(--clr-dark); }
/* .header-language .flag { display: block; padding: 4px; width: 28px; height: 28px; }
.header-language .text { display: none; }
.header-language .svg { width: 100%; height: 100%; fill: none; shape-rendering: geometricPrecision; }
.header-language .svg path { stroke: currentColor; }
.header-language .arrow { margin-left: 10px; width: 8px; height: auto; fill: none; }
.header-language .arrow path { fill: currentColor; }
.header-language__current { display: flex; align-items: center; position: relative; line-height: 1; text-align: left; font-family: var(--font-display); font-size: 1.5rem; font-weight: 400; color: inherit; }
.header-language__list { position: absolute; left: 50%; top: 35px; margin-top: 5px; padding: 6px 0; width: 115px; background: var(--clr-primary); border-radius: 12px; transform: translateX(-50%); visibility: hidden; opacity: 0; transition: all ease .1s; }
.header-language__link { display: block; padding: 10px; text-align: center; font-size: 1.6rem; font-weight: 600; color: #fff; transition: all ease .15s; }
.header-language__link .icon { margin: -2px 5px 0 -5px; width: 20px; height: 20px; }
.header-language__current[aria-expanded="true"] + ul { visibility: visible; opacity: 1; } */

.header-search-handler { display: none; z-index: 10; position: fixed; top: 0; left: 0; width: 100%; height: 100vh; background: rgba(0, 0, 0, .5); opacity: 0; visibility: hidden; }
.header-search-handler-wrapper { position: relative; top: 0; padding: 80px 60px; background: #F7F7F7; }
.header-search-handler form { display: block; width: 100%; }
.header-search-handler .heading { margin-bottom: 20px; text-align: center; font-size: 3.6rem; font-weight: 700; color: var(--clr-black); }
.header-search-handler .input-group { position: relative; margin: auto; max-width: 780px; background: #fff; border: 1px solid #ddd; border-radius: 55px; }
.header-search-handler .input-group .search { position: absolute; top: 0; right: 0; width: 80px; height: 100%; background: url('/assets/images/search.svg') no-repeat center / auto 46%; }
.header-search-handler .input-group .input { padding-right: 100px; padding-left: 20px; width: 100%; height: 55px; font-size: 1.6rem; font-weight: 400; background: transparent; border: none; outline: none; }
.header-search-handler .close { position: absolute; top: 24px; right: 120px; width: 55px; height: 55px; background: url('/assets/images/x.svg') no-repeat center / auto 60%; }

.header-link { margin-top: 15px; margin-right: -10px; display: flex; align-items: center; }
.header-link .item { margin: 0 3px; padding: 8px; width: 50px; height: 50px; }
.header-link .item .svg { display: block; width: 100%; height: 100%; fill: currentColor; }

.social-menu { z-index: 5; position: fixed; top: 0; left: 0; padding-top: 80px; width: 100%; height: 100%; color: var(--clr-black); background: transparent; opacity: 0; visibility: hidden; }
.social-menu-wrap { overflow-x: hidden; overflow-y: auto; height: 100%; }
.social-menu-inner { margin: auto; padding: 40px 0 60px; width: 90%; max-width: 1500px; }
.social-menu .heading { margin-bottom: 84px; line-height: 1.1; text-align: center; font-family: var(--font-display); font-size: 7rem; font-weight: 900; color: var(--clr-primary); }
.social-menu-card { display: flex; justify-content: space-between; padding: 80px 100px; background: #fff; border-radius: 24px; }
.social-menu-section { width: 20%; }
.social-menu-heading { margin-bottom: 32px; padding-bottom: 16px; font-size: 2.4rem; font-weight: 600; color: var(--clr-black); border-bottom: 1px solid var(--border); transition: color ease .15s; }
.social-menu-item { display: flex; justify-content: space-between; margin-bottom: 24px; }
.social-menu-item:last-child { margin-bottom: 0; }
.social-menu-title { margin-right: 20px; width: 80px; font-size: 1.6rem; font-weight: 600; color: var(--clr-black); transition: color ease .15s; }
.social-menu-child { flex: 1 1 auto; }
.social-menu-child .item { margin-bottom: 4px; font-size: 1.6rem; color: #767676; white-space: nowrap; transition: color ease .15s; }
.social-menu-child .item:last-child { margin-bottom: 0; }
.social-menu-child .item .icon { margin-top: -0.25em; margin-left: 0.25em; width: 20px; height: 20px; opacity: 0.56; transition: opacity ease .15s; }
.social-foot-text { margin-top: 40px; text-align: center; font-size: 1.6rem; color: #fff; }
.social-menu .social-menu-close { position: absolute; top: 0; left: 0; right: 0; margin: auto; max-width: var(--inner-lg); width: 90%; }
.social-menu .social-menu-close .item { z-index: 3; position: absolute; top: 15px; right: -6px; padding: 6px; width: 80px; height: 80px; color: inherit; }
.social-menu .social-menu-close .svg circle { fill: transparent; }
.social-menu .social-menu-close .svg path { stroke: #fff; }

.header-external { display: flex; align-items: center; }
.header-external .button { padding: 0 20px; height: 40px; font-size: 1.5rem; }
.header-external .button-block { --padding: 0 20px; color: #fff; background: var(--clr-black); border-radius: 50px; }

/* header for mobile */
.header-mobile-logo { display: none; margin-left: 24px; width: 76px; height: 20px; }
.header-mobile-logo::after { content: ''; display: block; width: 100%; height: 100%; background: url('/assets/images/logo.svg') no-repeat center / auto 100%; }

.header-mobile-external { display: none; }

.hamburger {
    --width: 50px; --depth: 2px; --gap: -7px; --padding-x: 14px; --radius: 0;
    z-index: 21; display: none; position: absolute; top: 7px; right: 10px; padding: 0 var(--padding-x); width: var(--width); height: var(--width);
}
.hamburger__wrap { position: relative; width: 100%; height: 100%; }
.hamburger__icon { position: absolute; top: 50%; left: 0; margin-top: -2px; width: 100%; height: var(--depth); background-color: currentColor; border-radius: var(--radius); transition-timing-function: cubic-bezier(.55,.055,.675,.19); transition-duration: 0.075s; }
.hamburger__icon:before,
.hamburger__icon:after { content: ''; display: block; }
.hamburger__icon:before { top: var(--gap); transition: top 0.075s ease .12s, opacity 0.075s ease; }
.hamburger__icon:after { bottom: var(--gap); transition: bottom 0.075s ease .12s, transform 0.075s cubic-bezier(.55,.055,.675,.19); }
.hamburger__icon:before,
.hamburger__icon:after { position: absolute; width: 100%; height: var(--depth); background-color: currentColor; border-radius: var(--radius); }

.header-menu-close { display: none; }


/* header menu */
.header-menu { z-index: 3; position: fixed; top: 0; right: 0; width: 420px; height: 100%; color: var(--clr-black); background: #fff; transform: translateX(100%); transition: transform .5s cubic-bezier(0.22, 0.61, 0.36, 1); }
.header-menu__wrap { display: flex; flex-direction: column; height: 100%; }
.header-menu__head { padding: 40px 48px 0; }
.header-menu__body { flex: 1 1; overflow: auto; }
.header-menu__logo-item { width: 122px; }
.header-menu__link { display: flex; align-items: center; position: relative; padding: 0 48px; height: 60px; font-family: "Montserrat", "Paperlogy", "Pretendard", sans-serif; font-size: var(--text-base); font-weight: 600; }
.header-menu__link .icon { position: absolute; top: 0; right: 50px; bottom: 0; margin: auto; width: 30px; height: 30px; color: #a4a49b; opacity: 0; }
.header-menu__close { display: flex; align-items: center; justify-content: center; position: absolute; top: 34px; right: 36px; padding: 4px; width: 42px; height: 42px; color: #a4a49b; }
.header-menu__close .icon { width: 100%; height: 100%; }
.header-menu__button .icon::before { background-repeat: no-repeat; background-position: center; background-size: auto 100%; background-color: transparent; }
.header-menu-user { display: flex; margin-top: 60px; }
.header-menu-user__item { flex: 1 1; display: flex; align-items: center; justify-content: space-around; position: relative; }
.header-menu-user__item::after { content: ''; display: block; width: 1px; height: 10px; background: var(--border); }
.header-menu-user__item:last-child:after { content: none; }
.header-menu-user__link { display: block; font-family: "Montserrat", "Paperlogy", "Pretendard", sans-serif; font-size: var(--text-base); font-weight: 600; }
.header-menu-grid { display: flex; align-items: center; margin: 32px 0; padding: 32px 0; border-top: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.header-menu-grid .icon-notice::before { background-image: url('/assets/images/menu-grid-icon-notice.svg'); }
.header-menu-grid .icon-curriculum::before { background-image: url('/assets/images/menu-grid-icon-curriculum.svg'); }
.header-menu-grid .icon-admissiontest::before { background-image: url('/assets/images/menu-grid-icon-admissiontest.svg'); }
.header-menu-grid .icon-briefing::before { background-image: url('/assets/images/menu-grid-icon-briefing.svg'); }
.header-menu-grid__item { flex: 1 1; }
.header-menu-grid__link { display: flex; flex-direction: column; align-items: center; text-align: center; font-size: var(--text-sm); font-weight: 500; }
.header-menu-grid__link .icon-bg { margin-bottom: 12px; width: 54px; height: 54px; background: #fff; border-radius: 50%; border: 1px solid var(--border); }

[data-hamburger] .header-contents { transition-property: transform, opacity; transition-duration: .5s; transition-timing-function: cubic-bezier(0.22, 0.61, 0.36, 1); }

[data-header-menu="opened"] .header-menu { transform: none; }
[data-header-menu="opened"] .header-backdrop { opacity: 1; visibility: visible; }

[data-header-menu="true"] .header-primary,
[data-header-theme="dark"] .header-primary,
[data-header-theme="light"] .header-primary,
[data-header-theme="light"][data-header-expanded="true"] .header-primary,
[data-header-theme="transparent"][data-header-expanded="true"] .header-primary { color: var(--clr-black); }
[data-header-theme="transparent"][data-header-expanded="true"] .header-logo::before { opacity: 1; }
[data-header-theme="transparent"][data-header-expanded="true"] .header-logo::after { opacity: 0 }
[data-header-theme="transparent"] .header-logo::before,
[data-hamburger="opened"] .header-logo::before,
[data-header-menu="true"] .header-logo::before,
[data-header-theme="dark"] .header-logo::before { opacity: 0; }
[data-header-theme="transparent"] .header-logo::after,
[data-hamburger="opened"] .header-logo::after,
[data-header-menu="true"] .header-logo::after,
[data-header-theme="dark"] .header-logo::after { opacity: 1; }
[data-hamburger="opened"] .header-logo::before { opacity: 1 !important; }
[data-hamburger="opened"] .header-logo::after { opacity: 0 !important; }
[data-header-theme="transparent"] .header-primary .header-language__current::after { opacity: 0; }
[data-header-theme="light"] .header-primary .header-right .button-solid { background: #fff; border-color: rgba(0, 0, 0, 0.3); }
[data-header-theme="dark"] .header-primary .header-right .button-solid { background: rgba(150, 150, 150, 0.1); }
[data-header-theme="dark"] .header-primary .language li:not(:last-child)::before { background: rgba(0, 0, 0, 1); }
[data-header-theme="light"] .header-primary .language li:not(:last-child)::before { background: rgba(5, 5, 5, 0.3); }
[data-header-theme="light"] .header-primary .header-right .button-solid .icon::before { filter: brightness(0); }
[data-header-theme="light"][data-header-expanded="true"] { box-shadow: 0px 0px 0px 1px #dddddd; }
[data-header-theme="light"] .header-primary .social-menu-button .item .svg { color: var(--clr-primary); }
[data-header-theme="light"] .hamburger .svg { color: var(--clr-primary); }
[data-header-theme="light"] .header-search__input,
[data-header-expanded="true"] .header-search__input { background: rgba(0, 0, 0, 0.1); }
[data-header-theme="light"] .header-search__input::placeholder,
[data-header-expanded="true"] .header-search__input::placeholder { color: #999999; }
[data-header-expanded="true"] .header-primary::after,
[data-header-theme="light"][data-header-sticky="true"] .header-primary::after { opacity: 1; }
[data-header-expanded="true"] .header-backdrop { opacity: 1; visibility: visible; }
/* [data-header-hide] { top: -100px; } */

/* [data-hamburger="opened"] .header-language__current { color: var(--clr-black); }
[data-hamburger="opened"] .header-primary .header-language__current::before { opacity: 0; }
[data-hamburger="opened"] .header-primary .header-language__current::after { opacity: 1; }
[data-hamburger="opened"] .header-primary { color: var(--clr-black); background: #fff; } */
[data-hamburger="opened"] .hamburger__icon { transition-delay: .12s; transition-timing-function: cubic-bezier(.215,.61,.355,1); transform: rotate(45deg); }
[data-hamburger="opened"] .hamburger__icon:before { top: 0; transition: top 0.075s ease, opacity 0.075s ease .12s; opacity: 0; }
[data-hamburger="opened"] .hamburger__icon:after { bottom: 0; transition: bottom 0.075s ease, transform 0.075s cubic-bezier(.215,.61,.355,1) .12s; transform: rotate(-90deg); }


@media screen and (pointer: fine) {
    /* .navigation:hover .navigation__lists-title { color: #999999; }
    .navigation__lists-item:hover .navigation__lists-title,
    .navigation__lists-title:hover { color: #111111 !important; } */
    .navigation-menu__lists-link:hover { text-decoration: underline; text-underline-offset: 0.25em; }

    .header-menu__link:hover { background: #f7f7f7; }
    .header-menu__link:hover .icon { opacity: 1; }
    .header-menu-user__link:hover { color: var(--clr-primary); }
    .header-menu-grid__link:hover { color: var(--clr-primary); }
    
    [data-header-theme="light"] .header-primary .header-right .button-solid:hover { color: #fff; }
    [data-header-theme="light"] .header-primary .header-right .button-solid:hover .icon::before { filter: brightness(1); }
    [data-header-expanded="true"] .header-link .item:hover,
    [data-header-expanded="true"] .header-primary .social-menu-button .item:hover { color: var(--clr-primary); }
}
@media screen and (min-width: 1025px) {
    .header-primary-wrap { margin: auto; max-width: 1440px; width: 90%; }
    /* .header-background { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; background: #fff; } */
    .header-section { z-index: 3; display: flex; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: var(--header-height); transition-property: padding, opacity, visibility; transition-timing-function: ease; transition-duration: .35s; }
    .header-backdrop { user-select: none; pointer-events: none; }
    .navigation-menu { display: flex; flex-wrap: wrap; gap: 0 30px; position: absolute; top: 100%; left: 0; margin-top: -10px; padding: 30px; width: 600px; background: #fff; border-radius: 20px; box-shadow: 0px 10px 30px rgba(12, 34, 119, 0.2); transform: translateY(-15px); opacity: 0; visibility: hidden; transition: all .3s ease; }
    .navigation-menu--active { transform: none; opacity: 1; visibility: visible; }
    .navigation-menu__column { flex: 1 1; }
    .navigation-menu__title { width: 100%; }
    .navigation-menu__image { display: block; max-width: 255px; background: #000; border-radius: 10px; aspect-ratio: 1.42; }
    .navigation-menu__lists { margin-bottom: 6px; padding-bottom: 6px; border-bottom: 1px solid #eeeeee; }
    .navigation-menu__lists:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }

    .header-tools { z-index: 3; display: flex; align-items: center; position: absolute; top: 20px; right: 0; }

    [data-header-theme="light"][data-header-expanded="true"] .navigation-menu { border-top-color: var(--border); }
    [data-header-theme="transparent"][data-header-expanded="true"] .navigation-menu { border-top-color: var(--border); }
    /* [data-header-theme="transparent"][data-header-expanded="true"] .header-background { background: #fff; } */
    [data-header-spread="false"] .header-primary .header-right .button-solid,
    [data-header-spread="true"] .header-primary .header-right .button-solid { visibility: visible; opacity: 1; }
    [data-header-spread="true"] .header-section { padding-right: 128px; }
    /* [data-header-expanded="true"] .header-background { border-bottom: 1px solid #f1f1f1; } */
}
@media screen and (max-width: 1024px) {
    .header { position: fixed; z-index: 12; height: 64px; }
    .header-primary-wrap { margin: 0; }
    .header-primary { transition: background ease .3s; }
    .header-logo { top: 22px; left: 24px; width: 76px; height: 20px; }
    .header-backdrop { z-index: 4; position: fixed; inset: 0; background-color: rgb(0 0 0 / 60%); opacity: 0; visibility: hidden; transition: all .5s ease; }


    .header-buttons__link:not(.header-buttons__link-menu) { display: none; }
    .header-buttons__text { position: absolute; width: 1px; height: 1px; clip-path: rect(0 0 0 0); overflow: hidden; }

    .header-contents { z-index: 20; display: flex; flex-direction: column; position: fixed; top: 0; right: 0; padding-top: 24px; max-width: 340px; width: 80vw; height: 100dvh; background: #fff; transform: translateX(100%); opacity: 0; }
    
    .header-menu { max-width: 645px; width: 85%; }
    .header-menu__close { top: 32px; right: 14px; }
    .header-menu__head { padding: 40px 24px 0; }
    .header-menu-user { margin-top: 30px; }
    .header-menu-grid { margin: 24px 0; padding: 24px 0; }
    .header-menu-grid__link .icon-bg { width: 46px; height: 46px; }
    .header-menu__link { padding: 0 24px; height: 44px; }
    
    .header-section { order: 2; overflow-y: auto; margin-top: 16px; }

    .navigation {
        --icon: url("data:image/svg+xml,%3Csvg width='48' height='48' viewBox='0 0 48 48' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11.9004 19.15L14.0504 17L23.9504 26.9L33.8504 17L36.0004 19.15L23.9504 31.2L11.9004 19.15Z' fill='black'/%3E%3C/svg%3E%0A");
        overflow-x: hidden; overflow-y: auto; height: 100%; padding: 16px 24px; border-top: 1px solid #DDDDDD;
    }
    .navigation__lists { flex-direction: column; }
    .navigation__lists-item:last-child { border-bottom: none; }
    .navigation__lists-title { justify-content: flex-start; padding: 0; width: 100%; height: 50px; text-align: left; font-size: 1.6rem; font-weight: 600; -webkit-tap-highlight-color: transparent; }
    .navigation__lists-title[aria-expanded]::after { content: ''; z-index: 2; position: absolute; top: 0; bottom: 0; right: -5px; margin: auto; width: 30px; height: 30px; background-color: currentColor; mask-size: contain; mask-repeat: no-repeat; mask-image: var(--icon); transition: transform ease .15s; }
    .navigation-menu { overflow: hidden; padding: 0 0 0 16px; max-height: 0; opacity: 0; visibility: hidden; }
    .navigation-menu__title { display: none; margin-bottom: 2px; font-size: 1.8rem; }
    .navigation-menu__column { margin-bottom: 0; }
    .navigation-menu__column:last-child { margin-bottom: 16px; }
    .navigation-menu__image { display: none; }
    /* .navigation-menu__lists { padding: 10px 24px; background: var(--background-primary); border-radius: 24px; } */
    .navigation-menu__lists-group { justify-content: flex-start; }
    .navigation-menu__lists-link { display: flex; align-items: center; justify-content: flex-start; padding: 8px 0; width: 100%; height: auto; text-align: left; font-size: 1.4rem; color: var(--clr-dark); }
    .navigation-menu__lists-link .icon { width: 18px; height: 18px; }
    .navigation-menu__lists-link .icon-external-link-light::before { background-image: url('/images/external-link.svg'); }
    .navigation-menu__subtitle + .navigation-menu__lists { padding-left: 16px; }
    .navigation-menu__sub-link { padding-left: 20px; font-size: 1.4rem; }
    .navigation__lists-title[aria-expanded="true"] { color: var(--clr-sky); }
    .navigation__lists-title[aria-expanded="true"]::after { transform: scaleY(-1); }

    .header-tools { order: 1; position: static; padding: 36px 24px 0; }
    .header-external { display: none; }

    /* header for mobile */
    .header-mobile-logo { flex-shrink: 0; display: block; }

    .header-mobile-external { display: flex; align-items: center; gap: 20px; max-width: 300px; }
    .header-mobile-external .button { padding: 0; font-size: inherit; }
    .header-mobile-external .button-dark { padding: 0 16px; }
    .header-mobile-external .button:first-child { justify-content: flex-start; }
    .header-mobile-external .button .icon { margin-right: 0.325em; width: 14px; height: 14px; }

    .header-menu-close { z-index: 22; display: flex; align-items: center; justify-content: center; position: absolute; top: 7px; right: 10px; width: 50px; height: 50px; pointer-events: none; }
    .header-menu-close .icon { width: 30px; height: 30px; }

    .hamburger { display: block; }

    [data-header-theme="transparent"][data-header-sticky="true"] .header-primary { background: rgb(255, 255, 255, 1); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
    [data-header-theme="transparent"][data-header-sticky="true"] .header-logo::before { opacity: 1; }
    [data-header-theme="transparent"][data-header-sticky="true"] .header-logo::after { opacity: 0; }
    [data-header-theme="transparent"][data-header-sticky="true"] .header-buttons .icon::before { opacity: 0; }
    [data-header-theme="transparent"][data-header-sticky="true"] .header-buttons .icon::after { opacity: 1; }
    
    [data-header-menu="opened"] .header-contents { transform: none; }

	[data-hamburger="opened"] .header-backdrop { visibility: visible; opacity: 1; }
    [data-hamburger="opened"] .header-contents { transform: none; opacity: 1; }
    [data-hamburger="opened"] .header-menu-close { pointer-events: auto; }
}
@media screen and (max-width: 768px) {
}


/* Footer */
.footer { z-index: 2; position: relative; background: #fff; opacity: 0; }
.footer-primary { overflow: hidden; position: relative; font-size: 1.6rem; color: #fff; background: #000000; }
.footer-primary-wrap { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.footer-primary__text { font-size: var(--text-base); }
.footer-primary .button-primary { justify-content: space-between; padding: 0 24px; width: 195px; font-size: 1.6rem; font-weight: 400; }
.footer-primary__row { display: flex; justify-content: space-between; position: relative; }
.footer-primary__row:nth-child(1) { gap: 30px; padding: 100px 0; }
.footer-primary__row:nth-child(2) { flex-direction: row-reverse; padding-bottom: 20px; }
.footer-primary__row:nth-child(2) .footer-primary__col { display: flex; align-items: center; gap: 30px; }
.footer-primary__heading { margin-bottom: 20px; line-height: 1.2; font-size: 2rem; font-weight: 700; }
.footer-primary__logo { margin-bottom: 20px; width: auto; height: 39px; }
.footer-primary__external { display: inline-flex; align-items: center; justify-content: space-between; position: relative; margin: 60px 0 20px; width: 185px; height: 50px; font-size: var(--text-sm); font-weight: 600; }
.footer-primary__external::after { content: ''; position: absolute; bottom: 0; left: 0; width: 100%; height: 2px; background: linear-gradient(90deg, #64FF9F 0%, #34B1FF 100%); pointer-events: none; }
.footer-primary__social { display: flex; align-items: center; gap: 10px; }
.footer-primary__social-item { position: relative; }
.footer-primary__social-item:last-child::after { content: none; }
.footer-primary__social-link { display: block; width: 30px; height: 30px; transition: all .15s ease; }
.footer-primary__social-link .icon { width: 100%; height: 100%; }
.footer-primary__link { display: flex; align-items: center; gap: 10px; }
.footer-primary__link-link { font-weight: 600; }
.footer-primary__info-title { display: flex; align-items: center; margin-bottom: 18px; font-size: 1.8rem; font-weight: 700; }
.footer-primary__info-badge { display: inline-flex; align-items: center; justify-content: center; margin-right: 16px; padding: 0 16px; height: 30px; text-align: center; font-size: 1.4rem; font-weight: 700; color: var(--clr-teal); border: 1px solid var(--clr-teal); border-radius: 30px;  }
.footer-primary__info-data { display: flex; flex-wrap: wrap; gap: 10px 0; }
.footer-primary__info-row { display: block; margin: 4px 0; }
.footer-primary__info-item { display: flex; position: relative; padding-right: 21px; }
.footer-primary__info-item::after { content: ''; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; width: 1px; height: 60%; background: #666666; }
.footer-primary__info-item:nth-child(3)::after,
.footer-primary__info-item:last-child::after { content: none; }
.footer-primary__info-dt { flex-shrink: 0; padding-right: 0.25em; }
.footer-primary__copyright { display: block; font-weight: 400; color: #7f7f7f; }
.footer-primary__block-col:nth-child(2) .footer-primary__block-title { color: var(--clr-purple); }
.footer-primary__block-col { flex: 1 1; }
.footer-primary__block { padding: 40px; height: 100%; background: #35342e; border-radius: 20px; }
.footer-primary__block-title { font-size: inherit; color: var(--clr-teal); }
.footer-primary__block-phone { display: block; margin: 12px 0 30px; line-height: 1; font-family: var(--font-secondary); font-size: 3.2rem; font-weight: 600; }
.footer-primary__data-title { display: block; margin-bottom: 10px; }
.footer-primary__data-item { display: flex; }
.footer-primary__data-dt { position: relative; padding-right: 21px; }
.footer-primary__data-dt::after { content: ''; position: absolute; top: 0; right: 10px; bottom: 0; margin: auto; width: 1px; height: 60%; background: #666666; }
.footer-primary__data-dd { font-family: var(--font-secondary); }
.footer-primary__language { display: flex; align-items: center; gap: 30px; }
.footer-primary__language-link { font-weight: 500; color: #7f7f7f; }

.footer-sitemap { display: grid; grid-auto-flow: column; gap: clamp(50px, 5.21vw, 100px); }
.footer-sitemap__link { display: block; margin-bottom: 20px; font-weight: 500; }
.footer-sitemap__subtitle { display: block; margin-bottom: 10px; font-size: 1.5rem; }
.footer-sitemap__sub { margin-bottom: 20px; padding-bottom: 20px; border-bottom: 1px solid #191919; }
.footer-sitemap__sub:last-child { margin-bottom: 0; padding-bottom: 0; border-bottom: none; }
.footer-sitemap__sub-item { margin-bottom: 10px; font-weight: 1.5rem; color: #7f7f7f; }
.footer-sitemap__sub-item:last-child { margin-bottom: 0; }
.footer-sitemap__sub-link { display: inline-flex; align-items: center; }
.footer-sitemap__sub-link .icon { width: 24px; height: 24px; }

.family-site { position: relative; margin-right: 67px; }
.family-site .toggle { display: inline-flex; align-items: center; justify-content: space-between; position: relative; padding: 0 20px 0 25px; width: 200px; height: 50px; font-size: 1.4rem; font-weight: 600; color: inherit; border: 1px solid #333333; border-radius: 50px; transition: all ease .3s; }
.family-site .toggle .icon { margin-left: 1.5em; }
/* .family-site .toggle::after { content: ''; position: absolute; top: 0; right: 24px; bottom: 0; margin: auto; width: 12px; height: 12px; } */
.family-site .listbox { z-index: 11; position: absolute; bottom: 100%; left: 0; margin-bottom: 10px; padding: 10px 0; width: 235px; background: rgba(255, 255, 255, 1); box-shadow: 0 0 10px 0 rgba(0, 0, 0, .15); border-radius: 12px; opacity: 0; visibility: hidden; transition: all .1s ease; }
.family-site .listbox li a { display: block; padding: 6px 20px; color: var(--clr-black); }
.family-site[aria-expanded="true"] .listbox { opacity: 1; visibility: visible; }
/* .family-site[aria-expanded="true"] .toggle { color: #fff; border-color: #555555; } */
.family-site[aria-expanded="true"] .toggle { color: var(--clr-primary); background: #fff; }
/* .family-site[aria-expanded="true"] .toggle::after { transform: scaleX(-1); } */
.family-site[aria-expanded="true"] .toggle .icon { transform: scaleY(-1); }
.family-site[aria-expanded="true"] .toggle .icon-chevron-right-light::before { opacity: 0; }
.family-site[aria-expanded="true"] .toggle .icon-chevron-right-light::after { opacity: 1; }

.floaty { z-index: 10; position: fixed; right: 40px; bottom: 40px; overflow: hidden; opacity: 0; visibility: hidden; transition-property: opacity, visibility; transition-duration: .35s; transition-timing-function: ease; }
.floaty__list { display: flex; flex-direction: column; align-items: flex-end; z-index: 11; position: fixed; bottom: 120px; right: 60px; }
.floaty__button { width: 60px; height: 60px; }
.floaty__button .icon { width: 100%; height: 100%; }
.floaty__button .icon-kakao::before { background-image: url('/assets/images/kakao-channel.png'); }
.floaty__top-button { display: flex; align-items: center; width: 60px; height: 60px; font-size: 1.8rem; font-weight: 700; color: #fff; background: var(--clr-black); border-radius: 50%; outline: none; transition: all ease .15s; pointer-events: all; }
.floaty__top-button::before { content: ''; display: block; width: 100%; height: 100%; background: url('/assets/images/scroll-top-arrow.svg') no-repeat center / auto 51%; }
[data-scroll-top] .floaty { opacity: 1; visibility: visible; }
[data-scroll-top] .floaty__top { pointer-events: auto; }
[data-floating="false"] { position: absolute; }
@media (hover: hover) and (pointer: fine) {
    .footer-primary__social-link:hover { color: var(--clr-green); }
    .footer-primary .bottom-button .button:hover { color: var(--clr-primary); background: #fff; }
    .footer-primary .bottom-button .button:hover .icon-chevron-right-light::before { opacity: 0; }
    .footer-primary .bottom-button .button:hover .icon-chevron-right-light::after { opacity: 1; }
    .footer-primary__social .button-icon:hover { border-color: #fff; }
    .footer-sitemap__sub-link:hover { color: #fff; }
    .floaty__top-button:hover { background: var(--clr-primary); }
}
@media screen and (min-width: 1201px) {
    .footer-primary__info-data { max-width: 890px; }
}
@media screen and (max-width: 1024px) {
    .footer-primary { font-size: 1.4rem; }
    .footer-primary__heading { font-size: 1.6rem; }
    .footer-primary__row { display: block; }
    .footer-primary__row:nth-child(1) { padding: 40px 0 30px; }
    .footer-primary__row:nth-child(2) { padding-bottom: 40px; }
    .footer-primary__row:nth-child(2) .footer-primary__col { flex-direction: column-reverse; align-items: flex-start; gap: 16px; }
    /* .footer-primary__row:nth-child(1) .footer-primary__col:nth-child(1),
    .footer-primary__row:nth-child(1) .footer-primary__col:nth-child(2) { max-width: none; }
    .footer-primary__row:nth-child(1) .footer-primary__col:nth-child(2) { margin: 16px 0; } */
    .footer-primary__block { padding: 24px 22px; border-radius: 12px; }
    .footer-primary__block-phone { margin: 10px 0 20px; font-size: 2rem; }
    .footer-primary__logo { margin-bottom: 20px; height: 26px; }
    .footer-primary__external { margin: 40px 0 10px; }
    .footer-primary__social { gap: 16px; }
    .footer-primary__social-link--icon { width: 55px; height: 55px; }
    .footer-primary__info-item { padding-right: 0; }
    .footer-primary__info-item::after { content: none; }
    .footer-primary__info-title { margin-bottom: 10px; font-size: 1.5rem; }
    .footer-primary__info-data { flex-direction: column; gap: 2px 0; }
    .footer-primary__social { justify-content: flex-start; margin-left: -4px; }
    .footer-primary__social-link .icon { width: 24px; height: 24px; }
    .footer-primary__contact { margin-top: 30px; text-align: left; }
    .footer-primary__contact-title { font-size: 1.8rem; }
    .footer-primary__contact-tel { margin: 0; font-size: 3rem; }
    .footer-primary .button-primary { margin-top: 35px; font-size: 1.4rem; }
    .footer-primary__external-link { height: 45px; line-height: 45px; }
    .footer-primary__data-title { margin-bottom: 6px; }
    .footer-primary .bottom-button .button { height: 45px; font-size: 1.5rem; }
    .footer-primary__info-badge { margin-right: 14px; padding: 0 12px; height: 26px; font-size: 1.2rem; }
    .footer-sitemap { display: none; }
    .footer-primary__info-row { margin: 3px 0; }
    .footer-primary__copyright { font-size: 1.3rem; }

    .family-site { margin: 0 0 30px; }
    
    .floaty { bottom: 15px; right: 15px; }
    .floaty__top { top: 50px; right: 0; margin: 0; }
	.floaty__top-button { width: 45px; height: 45px; }
    .floaty__top-button::before { background-size: auto 80%; }
    .floaty__button { margin-bottom: 5px; }
    .floaty__button .textbox { justify-content: center; margin-right: 0; padding: 0; width: 45px; height: 45px; line-height: 45px; transform: none; }
    .floaty__button .text { position: absolute; width: 1px; height: 1px; clip-path: rect(0 0 0 0); overflow: hidden; }
    .floaty__button .icon { margin-right: 0; width: 22px; height: 22px; }
    .floaty__button--toggle { display: block; }

}
@media screen and (max-width: 768px) {
    .footer-primary { font-size: 1.3rem; }
    /* .footer-primary__row:nth-child(2) .footer-primary__col { flex-direction: column; } */
    .footer-primary__block { padding: 24px 20px; }
    .footer-primary__block-phone { margin: 10px 0 16px; font-size: 1.8rem; }
    .footer-primary__info-item { font-size: 1.3rem; }
    .footer-primary__info-title { font-size: 1.4rem; }
    .footer-primary__info-badge { margin-right: 12px; padding: 0 10px; height: 24px; font-size: 1.15rem; }
    .footer-primary__social { flex-wrap: wrap; gap: 10px; }
    .footer-primary__social-link--icon { width: 44px; height: 44px; }
}
@media screen and (max-width: 480px) {
    /* .footer-primary-wrap { padding: 0 24px; } */
    /* .footer-primary__row:nth-child(1) { padding: 30px 0 16px; }
    .footer-primary__row:nth-child(2) { padding-bottom: 30px; } */
    .footer-primary__social .button-icon,
    .footer-primary__social:first-child .footer-primary__social-item:nth-child(1),
    .footer-primary__social:first-child .footer-primary__social-item:nth-child(2) { width: 100%; }
}


/* Promotion */
[data-promotion-session-hidden] .promotion { display: none !important; }
.promotion { z-index: 12; position: fixed; top: 0; left: 0; width: 100%; height: 60px; color: #fff; background: #000; }
.promotion .close { display: inline-flex; align-items: center; justify-content: center; position: absolute; top: 0; bottom: 0; right: 20px; margin: auto; padding: 2px; width: 34px; height: 34px; color: #fff; }
.promotion .close .icon { width: 100%; height: 100%; }
.promotion-slide { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; height: 100%; }
.promotion-slide .col:first-child { padding-right: 16px; }
.promotion-slide .swiper-slide { display: flex; align-items: center; justify-content: space-between; }
.promotion-slide .title { display: flex; flex-wrap: wrap; gap: 20px; font-size: var(--text-sm); font-weight: 600; }
.promotion-slide .title .small { display: block; margin-top: 0.1em; font-size: var(--text-xs); font-weight: 500; color: rgba(255, 255, 255, 0.7); }
.promotion-slide .button { padding: 0 20px; height: 30px; font-size: 1.3rem; border: none; white-space: nowrap; }
[data-promotion] .header { top: 60px; }
[data-promotion] [data-hamburger="opened"] .hamburger,
[data-promotion] [data-hamburger="opened"] .header-menu-close { top: -48px; }
@media screen and (max-width: 1024px) {
    .promotion { padding-right: 50px; }
    .promotion .close { right: 10px; }
    .promotion-slide { padding-left: 5%; width: 100%; }
    .promotion-slide .button { padding: 0 12px; font-size: 1.1rem; }
}
@media screen and (max-width: 768px) {
    .promotion { padding-right: 44px; }
    .promotion .close { right: 6px; width: 30px; height: 30px; }
    .promotion-slide .title { gap: 2px; font-size: 1.15rem; }
    .promotion-slide .title .small { margin-top: 0; font-size: 1rem; }
}


/* Quick Menu */
.quick-menu { --width: 54px; --icon-width: 30px; --margin-bottom: 20px; --gap: 10px; --radius: 15px; z-index: 4; display: flex; flex-direction: column; gap: 10px; position: fixed; bottom: 20px; right: 20px; text-align: right; }
.quick-menu__toggle { position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--width); height: var(--width); color: var(--clr-primary); background: #fff; border-radius: 50%; box-shadow: 0px 0px 10px rgba(12, 34, 119, 0.2); }
.quick-menu__toggle .icon { width: var(--icon-width); height: var(--icon-width); transition: transform .2s ease; }
.quick-menu__main { position: relative; }
.quick-menu__lists { display: flex; flex-direction: column; gap: var(--gap); position: absolute; right: 0; bottom: 100%; margin-bottom: var(--margin-bottom); }
.quick-menu__item { position: relative; transition-property: transform, opacity; transition-duration: .3s; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); opacity: 0; }
.quick-menu__item:nth-child(1) { position: relative; transform: translateY(calc(300% + var(--margin-bottom) + (var(--gap) * 2))); }
.quick-menu__item:nth-child(2) { position: relative; transform: translateY(calc(200% + var(--margin-bottom) + var(--gap))); }
.quick-menu__item:nth-child(3) { position: relative; transform: translateY(calc(100% + var(--margin-bottom))); }
.quick-menu__item .icon { width: var(--icon-width); height: var(--icon-width); }
.quick-menu__link { position: relative; display: inline-flex; align-items: center; justify-content: center; width: var(--width); height: var(--width); color: #fff; background: linear-gradient(135deg, rgba(0, 151, 246, 0.4) 0%, rgba(0, 151, 246, 0) 100%), #222222; border-radius: var(--radius); }
.quick-menu__link .span { position: absolute; right: 100%; margin-right: 15px; font-size: 1.4rem; font-weight: 600; color: var(--clr-text); white-space: nowrap; }
/* .quick-menu__item .button { --padding: 0 20px 0 16px; color: var(--clr-dark-navy); background: #fff; box-shadow: 0 0px 4px 0px rgb(17 45 65 / 2%), 0 0px 20px 0px rgb(17 45 65 / 10%); }
.quick-menu__item .button .icon { margin-right: 15px; } */
.quick-menu__top { display: inline-flex; align-items: center; justify-content: center; width: 50px; height: 50px; color: #fff; background: linear-gradient(132.48deg, #0678C7 11.52%, #78C823 91.18%); border-radius: 50%; }
.quick-menu__top .icon { width: 20px; height: 20px; }
.quick-menu__top .icon::after { transform: translate(0%, 100%); }
.quick-menu__chatbot { display: inline-flex; align-items: center; justify-content: center; width: var(--width); height: var(--width); color: #fff; background: linear-gradient(147.36deg, #B1FFCF -3.02%, #0097F6 55.27%, #005890 110.29%); border-radius: var(--radius); }
.quick-menu__chatbot .icon { width: var(--icon-width); height: var(--icon-width); }
.quick-menu__toggle[aria-pressed="true"] .icon { transform: rotate(135deg); }
.quick-menu__main.active .quick-menu__item { transform: none; opacity: 1; }
@media (hover: hover) and (pointer: fine) {
    .quick-menu__item .button:hover { border-color: var(--clr-dark-navy); }
    .quick-menu__top:hover .icon::before { transform: translate(0, -100%); }
    .quick-menu__top:hover .icon::after { transform: none; }
}
@media screen and (max-width: 1024px) {
    .quick-menu { display: none; }
}
@media screen and (max-width: 768px) {
    
}


/* Modal */
/* Common */
.modal { --modal-margin: 24px; overflow-y: auto; display: none; z-index: 20; position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .15s cubic-bezier(0.22, 0.61, 0.36, 1); }
.modal__wrapper { margin: var(--modal-margin) auto; max-width: 620px; max-height: none; width: 90%; transform: scale(0.9); transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) .45s; pointer-events: none; will-change: transform; }
.modal__contents { display: flex; flex-direction: column; position: relative; padding: 60px 40px; width: 100%; color: var(--clr-dark); background: #fff; border-radius: 50px; pointer-events: auto; }
.modal__close { display: block; position: absolute; top: 20px; right: 20px; width: 36px; height: 36px; }
.modal__close::before { content: ''; display: block; width: 100%; height: 100%; background: url('/assets/images/x.svg') no-repeat center / auto 80%; }
.modal--center .modal__wrapper { display: flex; align-items: center; min-height: calc(100% - var(--modal-margin) * 2); }
.modal--opened .modal__wrapper { transform: none; }
.modal:not(.modal--opened) { opacity: 0; }
.modal .contents { font-family: var(--font-secondary); }
.modal .modal-heading { margin-bottom: 40px; }
.modal .modal-heading .heading { font-family: "Montserrat", "Paperlogy", "Pretendard", sans-serif; font-size: 2.8rem; font-weight: 700; color: var(--clr-black); }
.modal .modal-heading .icon-top { margin-bottom: 40px; width: 60px; height: 60px; }
.modal .modal-heading .icon-top.icon-lg { width: 84px; height: 84px; }
.modal .modal-heading p { margin-top: 6px; }
.modal .mt2 { margin-top: 20px !important; }
.modal .buttons { display: flex; align-items: center; justify-content: center; gap: 10px; margin-top: 40px; }
.modal .row { margin-bottom: 28px; }
.modal .h3 { margin-bottom: 0.8889em; font-size: 1.8rem; color: var(--clr-black); }
.modal .p3 { font-size: 2rem; }
.modal .p2 { font-size: 2.4rem; }
.modal .input-group { gap: 10px; }
.modal .input-group .input { flex: 1 1 auto; }
.modal .input-auto { width: auto; }
.modal .ts-dropdown.single,
.modal .ts-wrapper.single .ts-control { font-size: 1.8rem; }
.modal .select-item { margin-top: 10px; }

.modal-basic .buttons { display: flex; align-items: center; justify-content: center; }
.modal-basic .buttons .button { width: 170px; height: 60px; outline: none; }
.modal-basic .buttons .modal__close { position: static; width: 170px; height: 60px; }
.modal-basic .buttons .modal__close::before { content: none; }
.modal-basic .buttons-wide .button { max-width: 222px; width: 100%; }

.modal-lock .form { margin: auto; max-width: 430px; }
.modal-lock .icon-lock { width: 30px; height: 30px; color: var(--clr-dark-navy); }
.modal-lock .modal-heading { margin: 30px 0; }
.modal-lock .modal-heading p { margin-top: 10px; line-height: 1.3; }
.modal-lock .input-group { width: 100%; }

.backdrop { z-index: 19; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background-color: rgb(0 0 0 / 60%); opacity: 0; transition: opacity ease .35s; }
.backdrop--in { opacity: 1; }
@media screen and (min-width: 1025px) {
}
@media screen and (max-width: 1024px) {
    .select-item { height: 52px; }
    .select-item .item-title { font-size: 1.6rem; }
    .select-item .item-right { font-size: 1.8rem; }

    .modal__contents { padding: 36px; border-radius: 8px; }
    .modal .modal-heading { margin-bottom: 30px; }
    .modal .modal-heading .heading { font-size: 2rem; }
    .modal .modal-heading .icon-top { margin-bottom: 30px; }
    .modal .row { margin-bottom: 20px; }
    .modal .mt2 { margin-top: 16px !important; }
    .modal .h3 { font-size: 1.7rem; margin-bottom: 0.45em; }
    .modal .p3 { font-size: 1.8rem; }
    .modal .p2 { font-size: 2rem; }
    .modal__close { top: 10px; right: 10px; }
    .modal__close::before { background-size: auto 66%; }
    .modal .buttons { margin-top: 30px; }
    .modal .ts-dropdown.single,
    .modal .ts-wrapper.single .ts-control { font-size: 1.6rem; }
    .modal .input-group { gap: 5px; }

    .modal-basic .buttons .button { width: 150px; height: 52px; }
    .modal-basic .buttons .modal__close { width: 150px; height: 52px; }
}
@media screen and (max-width: 768px) {
    .select-item { height: 44px; }
    .select-item .item-title { font-size: 1.4rem; }
    .select-item .item-right { font-size: 1.6rem; }

    .bill .bill-item .thumbnail { width: 78px; height: 78px; }
    .bill .bill-item .context { padding-left: 16px; }
    .bill .bill-row { padding-top: 16px; }

    .modal__contents { padding: 24px; }
    .modal .modal-heading { margin-bottom: 24px; }
    .modal .modal-heading .heading { font-size: 1.8rem; }
    .modal .modal-heading .icon-top { margin-bottom: 24px; }
    .modal .row { margin-bottom: 16px; }
    .modal .mt2 { margin-top: 14px !important; }
    .modal .h3 { font-size: 1.6rem; }
    .modal .p3 { font-size: 1.7rem; }
    .modal .p2 { font-size: 1.8rem; }
    .modal__close { top: 4px; right: 4px; }
    .modal .buttons { margin-top: 24px; }
    .modal .ts-dropdown.single,
    .modal .ts-wrapper.single .ts-control { font-size: 1.4rem; }

    .modal-lock .input-group .input { width: 100%; }
    .modal-lock .input-group .button { width: 100%; }
    
    .modal-basic .buttons .button { width: 130px; height: 44px; }
    .modal-basic .buttons .modal__close { width: 130px; height: 44px; }
}


/* Pagination */
.pagination {
    --gap: 5px; --width: 30px; --color: #666666; --color-hover: var(--clr-black); --color-arrow: #AAAAAA; --color-arrow-hover: var(--clr-black); --color-active: #FFFFFF; --background-active: var(--clr-dark-navy); --radius: 50%;
    --first: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M14 20L9 15L14 10' stroke='%23AAAAAA' stroke-width='1.5'/%3E%3Cpath d='M21 20L16 15L21 10' stroke='%23AAAAAA' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    --prev: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 20L13 15L18 10' stroke='%23AAAAAA' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    --next: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M13 20L18 15L13 10' stroke='%23AAAAAA' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    --last: url("data:image/svg+xml,%3Csvg width='30' height='30' viewBox='0 0 30 30' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M16 20L21 15L16 10' stroke='%23AAAAAA' stroke-width='1.5'/%3E%3Cpath d='M9 20L14 15L9 10' stroke='%23AAAAAA' stroke-width='1.5'/%3E%3C/svg%3E%0A");
    margin-top: 60px;
}
.pagination__list { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: var(--gap); }
.pagination__link { display: flex; align-items: center; justify-content: center; position: relative; width: var(--width); height: var(--width); font-family: var(--font-display); font-size: 1.4rem; font-weight: 500; color: var(--color); border-radius: var(--radius); background-repeat: no-repeat; background-position: center; background-size: auto 100%; }
.pagination__link::after { display: block; width: 100%; height: 100%; background-color: currentColor; mask-size: contain; mask-repeat: no-repeat; }
.pagination__link--first::after,
.pagination__link--prev::after,
.pagination__link--next::after,
.pagination__link--last::after { content: ''; }
.pagination__link--first::after { mask-image: var(--first); }
.pagination__link--prev::after { mask-image: var(--prev); }
.pagination__link--next::after { mask-image: var(--next); }
.pagination__link--last::after { mask-image: var(--last); }
.pagination__link.active { color: var(--color-active); background: var(--background-active); pointer-events: none; }
.pagination__link.disabled { pointer-events: none; }
.pagination__link .span { display: block; line-height: 1.2; }
@media screen and (pointer: fine) {
    .pagination__link:hover { color: var(--color-hover); }
}
@media screen and (max-width: 1024px) {
    .pagination { --width: 28px; margin-top: 36px; }
    .pagination__link { font-size: 1.4rem; }
    .pagination__link--prev { margin-right: 12px; }
    .pagination__link--next { margin-left: 12px; }
}
@media screen and (max-width: 768px) {
    .pagination {--gap: 3px; --width: 24px; margin-top: 24px; }
    .pagination__link { margin: 0; font-size: 1.3rem; }
    .pagination__link span { background-size: auto 100%; }
}
@media screen and (max-width: 500px) {
}


.lenis-scrolling .document-scrollbar { opacity: 1; }
.os-scrollbar { z-index: 2; }
.document-scrollbar { opacity: 0; }
.os-theme-dark {
    --os-handle-bg: var(--scrollbar);
    --os-handle-bg-hover: var(--clr-primary);
    --os-handle-bg-active: var(--clr-primary);
}
@media screen and (max-width: 1024px) {
    .os-scrollbar-vertical .os-scrollbar-handle { width: 4px; }
    .os-scrollbar { display: none; }
}

.dot-list > li { position: relative; margin-bottom: 0.1em; padding-left: 1em; }
.dot-list > li::before { content: ''; position: absolute; top: 0.625em; left: 0; width: 0.2em; height: 0.2em; background: currentColor; border-radius: 50%; will-change: transform; }

.section-scroll { z-index: 2; position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); }
.section-scroll .item { display: block; }
.section-scroll .item .roof { fill: var(--background); }
.section-scroll .item .arrow { fill: none; stroke: #000; stroke-width: 2; }

.ts-wrapper.single { padding-right: 0 !important; padding-left: 0 !important; font-size: 1.6rem; }
.ts-wrapper.single .ts-control { padding: 16px 46px 16px 26px !important; font-family: inherit; font-size: inherit; font-weight: 500; color: var(--clr-dark); background-color: var(--form-background); background-image: none; border-color: #f5f5f5; border-radius: var(--form-radius); box-shadow: none; }
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single.input-active .ts-control input { cursor: pointer; }
.ts-wrapper.single.input-active .ts-control { background-color: var(--form-background); }
.ts-wrapper.single.focus .ts-control { box-shadow: none !important; }
.ts-wrapper.single .ts-control:focus { outline: 2px solid var(--clr-primary) }
.ts-wrapper.single .ts-control input { font-weight: 700; color: #AAAAAA; }
.ts-dropdown { margin-top: 8px; padding: 10px 10px 10px 0; line-height: inherit; font-size: inherit; border: none; border-radius: 30px; box-shadow: 0 0px 4px 0px rgb(17 45 65 / 2%), 0 0px 20px 0px rgb(17 45 65 / 10%); }
.ts-dropdown-content { padding: 8px 8px 8px 18px; }
.ts-dropdown .active { color: #151515; background: #F2F2F2; }
.ts-wrapper.single .ts-control:after { top: 0; bottom: 0; margin: auto; width: 24px; height: 24px; background: url('/assets/images/chevron-down.svg') no-repeat center / auto 100%; border: none; }
.ts-wrapper.single.dropdown-active .ts-control:after { margin-top: auto; transform: scaleY(-1); }
.ts-dropdown .option { padding: 6px 12px; border-radius: 30px; }
[data-ts-item] + input { left: -10000px; opacity: 0; position: absolute; }

[aria-activedescendant] .item { color: var(--clr-black); }

[data-selects="transparent"] + .ts-dropdown.si.button-text-block .iconngle,
[data-selects="transparent"] + .ts-wrapper.single .ts-control { border: none; }
@media screen and (max-width: 1024px) {
    .ts-wrapper.single { font-size: 1.5rem; }
    .ts-wrapper.single .ts-control { padding: 12px 46px 12px 20px !important; }
    .ts-dropdown-content { padding: 0 2px 0 8px; }
}
@media screen and (max-width: 768px) {
    .ts-wrapper.single { font-size: 1.4rem; }
	.ts-wrapper.single .ts-control:after { background-size: auto 90%; }
    .ts-control { padding: 12px 46px 12px 20px !important; }
    .ts-dropdown { margin-top: 5px; }
}


/* datepicker */
.ui-widget { font-family: inherit; }
/* .ui-widget.ui-widget-content { border:0px; padding:0; box-shadow: 0px 2px 10px 0px rgba(26, 26, 26, .15); } */
.ui-widget.ui-widget-content { border:0px; padding:0; box-shadow: none; }
.ui-widget-header { background: var(--clr-primary); border: 0px; border-radius: 0px; }
.ui-widget-header .ui-icon { background: none; }
.ui-datepicker-prev { text-align:center; line-height: 2em; }
.ui-widget.ui-datepicker { box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, .15); }
.ui-datepicker-prev::before { font: var(--fa-font-solid); content:'\f0d9'; color:#fff; }
.ui-datepicker-next { text-align:center; line-height: 2em; }
.ui-datepicker-next::before { font: var(--fa-font-solid); content:'\f0da'; color:#fff; }
.ui-datepicker .ui-datepicker-title { font-size: 0.89em; color: #fff; }
.ui-datepicker table { margin: 0 6px 6px; width: calc(100% - 12px); font-size: 0.89em; }
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default,
.ui-button,
html .ui-button.ui-state-disabled:hover,
html .ui-button.ui-state-disabled:active { border:0px; background: none; text-align: center; width: 30px; height: 30px; line-height: 26px; border-radius: 100%; padding: 0.15em 0 0; margin: 0 auto; font-family: var(--font-secondary); }
.ui-datepicker .ui-datepicker-header { padding: 8px; }
.ui-state-highlight,
.ui-widget-content .ui-state-highlight,
.ui-widget-header .ui-state-highlight { border:0px; color: var(--clr-black); background: #fff; font-weight: 500; border: 2px solid var(--clr-black); }
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active,
a.ui-button:active,
.ui-button:active,
.ui-button.ui-state-active:hover { color: #fff !important; background: var(--clr-primary); }
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next { top: 4px; width: 40px; height: 40px; background-repeat: no-repeat; background-position: center; background-size: auto 60%; background-color: transparent; border: none; cursor: pointer; }
.ui-datepicker .ui-datepicker-prev { left: 2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-left'%3E%3Cpolyline points='15 18 9 12 15 6'%3E%3C/polyline%3E%3C/svg%3E"); }
.ui-datepicker .ui-datepicker-next { right: 2px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' fill='none' stroke='%23fff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' class='feather feather-chevron-right'%3E%3Cpolyline points='9 18 15 12 9 6'%3E%3C/polyline%3E%3C/svg%3E"); }
.ui-datepicker .ui-datepicker-prev::before,
.ui-datepicker .ui-datepicker-next::before { content: none; }
.ui-datepicker-calendar .ui-state-hover:not(.ui-state-active):not(.ui-state-highlight) { background: #f1f1f1 !important; }


/* dialog */
.ui-widget-overlay { background: #000; opacity: 0.5; }
.ui-dialog.ui-widget.ui-widget-content { padding: 10px; background: transparent; border: none; border-radius: 0; }
.ui-dialog .ui-dialog-content { padding: 0.5em 1.5em 2em; max-height: 600px !important; background: #fff; }
.ui-dialog .ui-dialog-titlebar { padding: 1em 1.5em; background: #fff; }
.ui-dialog .ui-dialog-titlebar-close { top: 18px; right: 10px; width: 50px; height: 50px; }
.ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { top: 0; left: 0; margin: 0; width: 100%; height: 100%; background: url('/assets/images/x.svg') no-repeat center / auto 50%; }
.ui-dialog .ui-dialog-titlebar-close:hover,
.ui-dialog .ui-dialog-titlebar-close:focus { background: transparent; border: none; }
.ui-dialog .bottom-button { display: flex; align-items: center; justify-content: center; margin-top: 36px; margin-right: -4px; margin-left: -4px; }
.ui-dialog .bottom-button .button { margin-bottom: 0; margin-right: 4px; margin-left: 4px; max-width: 200px; }
@media screen and (max-width: 1024px) {
    .ui-dialog .ui-dialog-titlebar-close { top: 14px; right: 6px; }
    .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { background-size: auto 42%; }
}
@media screen and (max-width: 768px) {
    .ui-dialog .ui-dialog-titlebar-close { top: 12px; right: 4px; }
    .ui-dialog .ui-dialog-titlebar-close .ui-icon-closethick { background-size: auto 38%; }
}


/* Tab Menu */
.tabby { --gap: 20px; --padding: 0 24px; --color: var(--clr-dark); --color-hover: #AAAAAA; --background: #FFFFFF; --background-hover: var(--clr-primary-hover); --background-active: var(--clr-primary); --border-radius: 10px; position: relative; }
.tabby .tabs { display: flex; align-items: center; gap: var(--gap); background: rgba(255 255 255 / 10%); border-radius: 10px; }
.tabby .tabs .tab { display: inline-flex; align-items: center; justify-content: center; padding: 0 24px; height: 64px; text-align: center; font-family: var(--font-secondary); font-weight: 600; color: var(--color); border: 1px solid var(--border); border-radius: var(--border-radius); transition: all ease .15s; }
.tabby .tabs .tab .icon { margin-right: 8px; width: 18px; height: 18px; }
.tabby .tabs .tab .icon-lg { width: 24px; height: 24px; }
.tabby .tabs .tab[aria-selected="true"] { color: #fff; background: var(--background-active); border-color: var(--background-active); }
.tabby .tabs .tab.disabled { color: #999999 !important; background: #E5E5E5 !important; border-color: #E5E5E5; }
.tabby-menu .tabs .tab { flex: 1 1; height: 54px; font-size: inherit; font-weight: 500; }
.tabby-sm { --gap: 10px; }
.tabby-sm .tabs { margin-bottom: 16px; }
.tabby-sm .tabs .tab { padding: 0 16px; height: 40px; font-size: 1.4rem; font-weight: 500; border-radius: 6px; }
.tabby-50 { --gap: 10px; }
.tabby-50 .tabs { margin-bottom: 16px; }
.tabby-50 .tabs .tab { padding: 0 16px; height: 48px; font-size: var(--text-basic); font-weight: 500; border-radius: 6px; }
.tabby-basic { --color: #999999; }
.tabby-basic > .tabs > .tab { padding: 0; height: auto; background: transparent; border: none; }
.tabby-basic > .tabs > .tab[aria-selected="true"] { color: inherit; background: transparent; }
.tabby-violet { --background-active: var(--clr-violet); }
.tabby .tab-dropdown-toggle { display: none; align-items: center; position: relative; padding: 0 24px; width: 100%; height: 52px; border: 1px solid var(--border); border-radius: 12px; }
.tabby .tab-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");
}
.tabby .tab-dropdown-toggle[aria-expanded="true"]::after { transform: scaleY(-1); }
.tabby .tab-dropdown-toggle[aria-expanded="true"] + .tabs { display: block; }
.tabby-fixed .tab-dropdown-toggle { display: none !important; }
@media (hover: hover) and (pointer: fine) {
	.tabby .tabs .tab:hover[aria-selected="false"] { color: #fff; background: var(--background-hover); border-color: var(--background-hover); }
    .tabby-basic > .tabs > .tab:hover[aria-selected="false"] { color: inherit; background: transparent; border-color: transparent; }
}
@media screen and (max-width: 1024px) {
    .tabby { --gap: 16px; }
    .tabby .tab-dropdown-toggle { display: inline-flex; }
    .tabby:not(.tabby-fixed) .tabs { display: none; z-index: 3; position: absolute; top: 58px; left: 0; width: 100%; padding: 16px 24px; background: #fff; border: 1px solid var(--border); border-radius: 12px; }
    .tabby:not(.tabby-fixed) .tabs .tab { display: flex; align-items: center; justify-content: flex-start; padding: 10px 0; width: 100%; height: 45px; font-size: var(--text-base); font-weight: 500; background: none; border: none; border-radius: 0; }
    .tabby:not(.tabby-fixed) .tabs .tab[aria-selected="true"] { color: inherit; background: none; }
    .tabby:not(.tabby-fixed) .tabs .tab.disabled { color: #d9d9d9 !important; background: none !important; }
}
@media screen and (max-width: 768px) {
    .tabby { --gap: 10px; }
    .tabby:not(.tabby-fixed) .tabs { top: 50px; padding: 16px 20px; }
    .tabby:not(.tabby-fixed) .tabs .tab { height: 40px; font-size: 1.4rem; }
    .tabby-fixed .tabs .tab { height: 44px; }
    .tabby .tab-dropdown-toggle { padding: 0 20px; height: 44px; }
    .tabby .tab-dropdown-toggle::after { right: 14px; width: 24px; height: 24px; }
}


/* Accordion */
.accordionjs { --radius: 0; }
.accordionjs .acc_head { display: flex; align-items: center; position: relative; padding: 30px; height: auto; font-size: 2rem; font-weight: 400; color: inherit; background: #ffffff; border-top: 1px solid var(--border); border-radius: var(--radius); user-select: none; }
.accordionjs .acc_head::after { content: ''; position: absolute; top: 40px; right: 0; margin: auto; width: 60px; height: 60px; background-position: center; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M42.5 22.5L30 35L17.5 22.5' stroke='black' stroke-width='3' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); }
.accordionjs .acc_section:last-child .acc_head { border-bottom: 1px solid var(--border); }
.accordionjs .acc_content { transition-timing-function: ease; }
.accordionjs .acc_content .context { margin-top: 8px; padding: 24px 20px; background: #fff; border-radius: var(--radius); }
.accordionjs .acc_content .text { margin-bottom: 8px; font-size: 2rem; color: var(--clr-primary); }
.accordionjs .acc_content .text:last-child { margin-bottom: 0; }
.accordionjs .acc_content .text b { font-weight: 500; }
.accordionjs .acc_active .acc_head::after { transform: scaleY(-1); }
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}


/* viewer */
[data-viewer],
[data-viewer] img { cursor: pointer; }
[data-viewer-mobile],
[data-viewer-mobile] img { cursor: default; }
.viewer-backdrop { background-color: rgba(0, 0, 0, 0.7); }
.viewer-container img { background: #fff; }
.viewer-button { top: 5px; right: 5px; width: 60px; height: 60px; background-color: transparent; border-radius: 0; }
.viewer-close::before { top: 0; left: 0; width: 100%; height: 100%; background: url('/assets/images/close-light.svg') no-repeat center / auto 50%; }
.viewer-button:focus,
.viewer-button:hover { background: transparent; }
.viewer-canvas img { pointer-events: auto; }
@media screen and (max-width: 1024px) {
    .view-container img { pointer-events: auto; }
    .view-container .accessibility-text { display: flex; }
}


/* Split */
/* [data-animate] [data-split] { opacity: 0; }
[data-animate] [data-split-ready] { opacity: 1; }
[data-animate] [data-split] .line { overflow: hidden; }
[data-animate] [data-split] .sentence { transform: translateY(100%); } */

/* [data-split] { opacity: 0; }
[data-split-ready] { opacity: 1; }
[data-split] .line { overflow: hidden; }
[data-split] .sentence { transform: translateY(100%); will-change: transform; } */
[data-split="fill"] { --mask-x: 0%; position: relative; color: #6d6d6d; }
[data-split="fill"] .line { position: relative; }
[data-split="fill"] .sentence-fill {
    position: absolute; top: 0; left: 0; width: 100%; color: #fff;
    mask: url(#text-mask);
    -webkit-mask: linear-gradient(#fff, #fff);
    -webkit-mask-size: var(--mask-x) 100%;
    -webkit-mask-repeat: no-repeat;
    user-select: none;
    pointer-events: none;
}

.global-text-mask { position: absolute; width: 0; height: 0; overflow: hidden; pointer-events: none; }


/* Section Experience */
.section-experience { overflow: hidden; position: relative; padding: 368px 0; }
.section-experience .phrase { position: absolute; top: 50%; left: 50%; width: 400px; height: 400px; background: linear-gradient(129.66deg, #78C823 7.27%, #0678C7 92.4%); opacity: 0.4; transform: translate(-50%, -50%); filter: blur(75px); }
.section-experience .shapes .item { position: absolute; opacity: 0; }
.section-experience .shapes .item-1 { top: 28%; left: 25%; }
.section-experience .shapes .item-2 { top: 21%; left: 68%; }
.section-experience .shapes .item-3 { top: 56%; left: 16%; }
.section-experience .shapes .item-4 { top: 49%; left: 79%; }
.section-experience .shapes .item-5 { top: 75%; left: 60%; }
.section-experience .contents { z-index: 2; position: relative; text-align: center; }
.section-experience .heading { font-size: clamp(1.7rem, 3.2vw, 4rem); font-weight: 700; color: var(--clr-black); }
.section-experience .heading strong { font-weight: 900; }
.section-experience .button { margin-top: 40px; }
@media screen and (max-width: 1024px) {
    .section-experience { padding: 280px 0; }
    .section-experience .phrase { width: 300px; height: 300px; }
    .section-experience .button { margin-top: 30px; }
    .section-experience .shapes .item img { transform: scale(0.9); }
    .section-experience .shapes .item-1 { top: 26%; left: 15%; }
    .section-experience .shapes .item-3 { top: 54%; left: 9%; }
    .section-experience .shapes .item-5 { top: 70%; left: 68%; }
}
@media screen and (max-width: 768px) {
    .section-experience .button { margin-top: 24px; }
    .section-experience .shapes .item img { transform: scale(0.75); }
}
@media screen and (max-width: 480px) {
    .section-experience { padding: 200px 0; }
    .section-experience .phrase { width: 240px; height: 240px; }
    .section-experience .shapes .item img { transform: scale(0.6); }
    .section-experience .shapes .item-1 { top: 25%; left: 2%; }
    .section-experience .shapes .item-2 { top: 24%; left: 68%; }
    .section-experience .shapes .item-3 { top: 54%; left: -2% }
    .section-experience .shapes .item-5 { top: 61%; left: 68% }
}