/* 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('/theme/basic/images/slide-next.svg'); }
.swiper-button-prev { left: 0; background-image: url('/theme/basic/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; user-select: none; }
.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('/theme/basic/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('/theme/basic/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('/theme/basic/images/check-gray.svg') no-repeat center / auto 100%; border-color: var(--border-color); }
.check-black .check-label::after { background: var(--clr-dark) url('/theme/basic/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");
    --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='24' height='24' viewBox='0 0 24 24' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.99805 14.998L11.998 20.998L17.998 14.998' stroke='black' stroke-width='2'/%3E%3Crect x='12.998' y='2.99805' width='18' height='2' transform='rotate(90 12.998 2.99805)' fill='black'/%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");

    --home: 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='M25 13.9583V20.2675C25 22.8759 22.8763 25 20.2632 25H17.6316V20.2675C17.6316 18.8198 16.45 17.6407 15 17.6407C13.55 17.6407 12.3684 18.8198 12.3684 20.2675V25H9.73684C7.12368 25 5 22.8785 5 20.2675V13.9583C5 12.5186 5.64474 11.1762 6.76579 10.2708L12.0289 6.03836C13.75 4.65388 16.2474 4.65388 17.9684 6.03836L23.2316 10.2681C24.3553 11.171 24.9974 12.516 24.9974 13.9557L25 13.9583Z' fill='white'/%3E%3C/svg%3E%0A");
    --rocket: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11820_12690)'%3E%3Cpath d='M6.35951 23.7816C5.29257 24.8486 1.57178 25.8008 0.835724 25.9797C0.781702 25.9932 0.727679 26 0.677034 26C0.498085 26 0.322512 25.9291 0.194209 25.7974C0.0287657 25.6286 -0.0387622 25.3821 0.0220129 25.1525C0.224597 24.386 1.29491 20.5096 2.35848 19.446C2.9561 18.8483 3.73267 18.541 4.51262 18.5478C5.26893 18.5647 5.99148 18.8855 6.55534 19.446C7.69656 20.5873 7.60877 22.5356 6.35951 23.7849V23.7816ZM19.8651 16.8527L19.5173 18.9766C19.1122 21.5294 17.3564 23.7039 14.9524 24.6629L11.7381 25.946C11.6571 25.9865 11.5625 26 11.4815 26C11.3329 26 11.1709 25.946 11.0493 25.8379C10.8602 25.6894 10.7657 25.4327 10.8197 25.1896L11.7145 20.6852C11.5828 20.7088 11.4579 20.746 11.3262 20.7696C11.1607 20.7966 10.9953 20.8135 10.8299 20.8135C10.0398 20.8135 9.26658 20.4927 8.68584 19.9153L6.0894 17.3187C5.3871 16.6164 5.06635 15.6304 5.23179 14.6782C5.25543 14.5465 5.28919 14.4249 5.3162 14.2966L0.839101 15.1881C0.798584 15.2016 0.744561 15.2016 0.704045 15.2016C0.501461 15.2016 0.312383 15.1205 0.190833 14.9584C0.0287657 14.7694 -0.0117511 14.4992 0.082788 14.2696L1.37932 11.0416C2.32471 8.65091 4.49911 6.89506 7.05167 6.48987L9.14841 6.14208C12.6058 2.16779 18.0385 0 24.9871 0C25.5476 0 26 0.452468 26 1.01299C26 7.96208 23.8324 13.3951 19.8651 16.8527ZM22.2421 10.0556C22.0327 6.66545 19.3316 3.96416 15.9417 3.75481C12.0251 5.43974 8.32119 8.71169 7.22724 15.0192C7.17659 15.3164 7.28802 15.6473 7.52099 15.8803L10.1174 18.4769C10.3504 18.7099 10.6813 18.8213 10.9784 18.7706C17.2855 17.6766 20.5573 13.9725 22.2421 10.0556ZM14.8579 8.1039C13.1798 8.1039 11.8191 9.46468 11.8191 11.1429C11.8191 12.821 13.1798 14.1818 14.8579 14.1818C16.536 14.1818 17.8967 12.821 17.8967 11.1429C17.8967 9.46468 16.536 8.1039 14.8579 8.1039Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11820_12690'%3E%3Crect width='26' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");
    --database: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.92 20.4506L15.1333 24.5301C13.7867 25.1566 12.2133 25.1566 10.8667 24.5301L2.08 20.4506C0.64 19.7841 0.64 17.731 2.08 17.0644L2.26667 16.9844L10.0267 20.5706C10.96 21.0106 11.96 21.2372 13 21.2372C14.04 21.2372 15.04 21.0106 15.9733 20.5706L23.7333 16.9844L23.92 17.0644C25.36 17.731 25.36 19.7841 23.92 20.4506ZM23.92 11.2919L23.7467 11.2119L17.5333 14.1048L15.9733 14.8247C15.04 15.2514 14.04 15.478 13 15.478C11.96 15.478 10.96 15.2514 10.0267 14.8247L8.46667 14.1048L2.25333 11.2119L2.08 11.2919C0.64 11.9718 0.64 14.0249 2.08 14.6914L4.64 15.8779L10.8667 18.7575C11.5467 19.0775 12.2667 19.2375 13 19.2375C13.7333 19.2375 14.4533 19.0775 15.1333 18.7575L21.36 15.8779L23.92 14.6914C25.36 14.0249 25.36 11.9718 23.92 11.2919ZM23.92 5.54604L15.1333 1.4666C14.4533 1.15998 13.7333 1 13 1C12.2667 1 11.5467 1.15998 10.8667 1.4666L2.08 5.54604C0.64 6.21261 0.64 8.26566 2.08 8.93223L2.25333 9.01222L3.44 9.55881L4.62667 10.1187L10.8667 13.0117C11.5467 13.3183 12.2667 13.4783 13 13.4783C13.7333 13.4783 14.4533 13.3183 15.1333 13.0117L21.3733 10.1187L22.56 9.55881L23.7467 9.01222L23.92 8.93223C25.36 8.26566 25.36 6.21261 23.92 5.54604Z' fill='black'/%3E%3C/svg%3E%0A");
    --fire: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 15.7351C24 21.3945 19.289 26 13.5 26C7.711 26 3 21.3945 3 15.7351C3 12.6591 3.8995 10.4658 6.0065 8.40946C6.4195 8.0057 6.8885 7.59853 7.3715 7.18109C9.3525 5.46344 11.4035 3.69104 11.4035 0.68344C11.4035 0.43024 11.547 0.19757 11.7745 0.0812346C12.002 -0.038522 12.2785 -0.0248355 12.492 0.115451C12.576 0.170197 20.3845 5.40185 16.3805 14.3904C17.322 13.8772 18.4455 13.0355 19.135 11.7284C19.5795 10.8901 19.8035 9.93892 19.8035 8.89532C19.8035 8.61817 19.975 8.3684 20.2375 8.26233C20.4965 8.15625 20.801 8.21784 21.0005 8.4163C22.908 10.3119 24 12.9807 24 15.7386V15.7351Z' fill='black'/%3E%3C/svg%3E%0A");
    --trust: url("data:image/svg+xml,%3Csvg width='26' height='26' viewBox='0 0 26 26' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cg clip-path='url(%23clip0_11820_12725)'%3E%3Cpath d='M25.5074 12.3143L21.775 11.2447C18.3437 10.2608 15.7061 7.62104 14.7276 4.18249L13.6603 0.442247C13.4926 -0.147416 12.5108 -0.147416 12.3432 0.442247L11.2758 4.18249C10.2939 7.62447 7.65974 10.2642 4.22842 11.2447L0.496053 12.3143C0.201842 12.4001 0 12.6675 0 12.9726C0 13.2777 0.201842 13.5485 0.496053 13.6308L4.22842 14.7004C7.65974 15.6843 10.2974 18.3241 11.2758 21.7627L12.3432 25.5029C12.4287 25.7977 12.6955 26 13 26C13.3045 26 13.5747 25.7977 13.6568 25.5029L14.7242 21.7627C15.7061 18.3207 18.3403 15.6809 21.7716 14.7004L25.5039 13.6308C25.7982 13.5451 26 13.2777 26 12.9726C26 12.6675 25.7982 12.3966 25.5039 12.3143H25.5074Z' fill='black'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='clip0_11820_12725'%3E%3Crect width='26' height='26' fill='white'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E%0A");

    --vacation: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 13.984V24.16C27 26.72 25.7222 28 23.1667 28H7.83333C5.27778 28 4 26.72 4 24.16V13.984C4 13.7728 4.1725 13.6 4.38333 13.6H26.6167C26.8275 13.6 27 13.7728 27 13.984ZM23.1667 6.88H21.5694V4.96C21.5694 4.4352 21.135 4 20.6111 4C20.0872 4 19.6528 4.4352 19.6528 4.96V6.88H11.3472V4.96C11.3472 4.4352 10.9128 4 10.3889 4C9.865 4 9.43056 4.4352 9.43056 4.96V6.88H7.83333C5.27778 6.88 4 8.16 4 10.72V11.296C4 11.5072 4.1725 11.68 4.38333 11.68H26.6167C26.8275 11.68 27 11.5072 27 11.296V10.72C27 8.16 25.7222 6.88 23.1667 6.88Z' fill='black'/%3E%3C/svg%3E%0A");
    --family: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.6668 12.5202L18.5432 4.91897C17.0693 3.69368 14.9338 3.69368 13.4599 4.91897L4.33624 12.5202C3.94237 12.8475 3.88699 13.4368 4.21008 13.8359C4.53318 14.2349 5.11783 14.2911 5.50862 13.9637L6.76715 12.913V23.6351C6.76715 26.491 8.25647 28 11.0751 28H20.9218C23.7405 28 25.2298 26.491 25.2298 23.6351V12.9161L26.4883 13.9668C26.6606 14.1102 26.8668 14.1788 27.076 14.1788C27.3407 14.1788 27.6053 14.0635 27.7899 13.839C28.113 13.4399 28.0576 12.8506 27.6638 12.5233L27.6668 12.5202ZM20.8326 18.3941C20.1895 21.7239 16.0015 23.6413 16.0015 23.6413C16.0015 23.6413 11.8136 21.7239 11.1705 18.3941C10.7766 16.3519 11.6382 14.2973 13.826 14.2879C15.4569 14.2786 16.0015 15.931 16.0015 15.931C16.0015 15.931 16.5493 14.2786 18.1771 14.2879C20.3679 14.2973 21.2265 16.3519 20.8326 18.3941Z' fill='black'/%3E%3C/svg%3E%0A");
    --event: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M18.1871 4.10464C18.46 4.25115 18.63 4.53162 18.63 4.8372C18.63 5.87674 19.0071 6.79627 19.6357 7.71302C20.2271 8.57395 21.0043 9.38464 21.8571 10.2735L22.0843 10.5093C23.9086 12.4139 26 14.6772 26 18.0233V18.2326C26 23.627 21.5229 28 16 28C10.4771 28 6 23.627 6 18.2326C6 15.7781 6.93 13.2763 8.5 11.5391C8.72857 11.2865 9.09 11.1916 9.41714 11.3005C9.74429 11.4079 9.97286 11.6967 9.99714 12.033C10.0557 12.8172 10.1914 13.4465 10.5343 14.0423C10.6543 14.2516 10.8057 14.4665 10.9986 14.687C10.8771 13.0809 10.9443 11.5726 11.5014 10.1102C12.3043 8.00046 14.0671 6.12929 17.3157 4.12836C17.58 3.9665 17.9143 3.95673 18.1871 4.10464ZM21.4286 18.2326C21.4286 17.7707 21.0443 17.3953 20.5714 17.3953C20.0986 17.3953 19.7143 17.7707 19.7143 18.2326C19.7143 20.2363 18.0514 21.8605 16 21.8605C15.5271 21.8605 15.1429 22.2358 15.1429 22.6977C15.1429 23.1595 15.5271 23.5349 16 23.5349C18.9986 23.5349 21.4286 21.1614 21.4286 18.2326Z' fill='black'/%3E%3C/svg%3E%0A");
    --insurance: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27 14.668C27 22.669 20.0731 26.668 16 28C11.9269 26.668 5 22.666 5 14.668V7.6C11.1111 6.4 13.2836 5.332 16.0214 4C18.7164 5.332 20.8889 6.4 27 7.6C27 9.034 27 13.195 27 14.668Z' fill='black'/%3E%3C/svg%3E%0A");
    --bonus: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24 6H8C5.33333 6 4 7.35714 4 10.0714V20.9286C4 23.6429 5.33333 25 8 25H24C26.6667 25 28 23.6429 28 20.9286V10.0714C28 7.35714 26.6667 6 24 6ZM8 16.8571C7.26333 16.8571 6.66667 16.2498 6.66667 15.5C6.66667 14.7502 7.26333 14.1429 8 14.1429C8.73667 14.1429 9.33333 14.7502 9.33333 15.5C9.33333 16.2498 8.73667 16.8537 8 16.8571ZM16 19.5714C13.79 19.5714 12 17.7495 12 15.5C12 13.2505 13.79 11.4286 16 11.4286C18.21 11.4286 20 13.2505 20 15.5C20 17.7461 18.2167 19.568 16.01 19.5714H16ZM24 16.8571C23.2633 16.8571 22.6667 16.2498 22.6667 15.5C22.6667 14.7502 23.2633 14.1429 24 14.1429C24.7367 14.1429 25.3333 14.7502 25.3333 15.5C25.3333 16.2498 24.7367 16.8537 24 16.8571Z' fill='black'/%3E%3C/svg%3E%0A");
    --living: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M26.6667 12.5522V13.8657C25.2667 13.8657 24.0267 15.0872 23.2133 16.1642C22.48 15.0872 21.28 13.8657 19.5467 13.8657C17.8133 13.8657 16.7333 14.9821 16 16.0197C15.2667 14.9821 14.1067 13.8657 12.4533 13.8657C10.8 13.8657 9.52 15.0872 8.78667 16.1642C7.97333 15.0872 6.73333 13.8657 5.33333 13.8657V12.5522C5.33333 9.92537 6.66667 8.61194 9.33333 8.61194H9.66667V5.98507C9.66667 5.44657 10.12 5 10.6667 5C11.2133 5 11.6667 5.44657 11.6667 5.98507V8.61194H15V5.98507C15 5.44657 15.4533 5 16 5C16.5467 5 17 5.44657 17 5.98507V8.61194H20.3333V5.98507C20.3333 5.44657 20.7867 5 21.3333 5C21.88 5 22.3333 5.44657 22.3333 5.98507V8.61194H22.6667C25.3333 8.61194 26.6667 9.92537 26.6667 12.5522ZM24 18.594C23.8133 18.9355 23.44 19.1457 23.04 19.1194C22.6533 19.0931 22.3067 18.8304 22.1733 18.4627C22.16 18.4364 21.1733 15.8358 19.5467 15.8358C18.1867 15.8358 17.1867 17.7797 16.9467 18.4627C16.8 18.8567 16.4267 19.1194 16 19.1194C15.5733 19.1194 15.2 18.8567 15.0533 18.4627C15.0533 18.4364 14.0667 15.8358 12.4533 15.8358C10.84 15.8358 9.84 18.4364 9.82667 18.4627C9.69333 18.8304 9.34667 19.0931 8.96 19.1194C8.54667 19.1325 8.18667 18.9355 8 18.594C7.37333 17.4382 6.09333 15.8358 5.33333 15.8358V22.0746H26.6667V15.8358C25.9067 15.8358 24.6267 17.4382 24 18.594ZM4 24.0448V24.3731C4 25.8179 5.2 27 6.66667 27H25.3333C26.8 27 28 25.8179 28 24.3731V24.0448H4Z' fill='black'/%3E%3C/svg%3E%0A");
    --education: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.005 18.6743V21.6702C24.005 22.5824 23.5149 23.4225 22.7348 23.9081C18.2472 26.6973 13.7629 26.6973 9.27527 23.9081C8.49177 23.4225 8.00501 22.5792 8.00501 21.6702V18.6743C8.00501 18.5759 8.11503 18.5103 8.20171 18.5595L13.0994 21.1977C13.9796 21.6702 14.9931 21.9196 16.0067 21.9196C17.0202 21.9196 18.0338 21.6702 18.914 21.1977L23.8117 18.5595C23.9017 18.5103 24.0084 18.5759 24.0084 18.6743H24.005ZM26.5889 10.1263L17.9571 5.48975C16.7402 4.83675 15.2665 4.83675 14.0496 5.48975L5.4178 10.1263C3.5274 11.1403 3.5274 13.8146 5.4178 14.8285L14.0496 19.4619C15.2665 20.1148 16.7402 20.1148 17.9571 19.4619L26.5889 14.8285L25.672 15.3208V20.7514C25.672 21.2961 26.1188 21.7358 26.6723 21.7358C27.2257 21.7358 27.6725 21.2961 27.6725 20.7514V13.7555C28.3426 12.5316 27.9859 10.8745 26.5889 10.1231V10.1263Z' fill='black'/%3E%3C/svg%3E%0A");
    --culture: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M23.9999 8.27397H22.3333V6.30137C22.3266 5.03233 21.2866 4.00658 20 4H12.0001C10.7134 4 9.66678 5.03233 9.66678 6.30137V8.27397H8.00013C5.33349 8.27397 4.00017 9.58904 4.00017 12.2192V13.4816C3.98684 14.6915 4.73683 15.7797 5.88015 16.217C7.71347 16.9337 9.60344 17.4926 11.5334 17.8871C11.6834 17.897 11.8234 17.8181 11.8934 17.6899C13.2834 15.4477 16.25 14.7441 18.52 16.1118C19.1733 16.5063 19.72 17.0455 20.12 17.6899C20.19 17.8181 20.33 17.897 20.48 17.8871C22.4033 17.4893 24.2899 16.937 26.1199 16.2301C27.2632 15.7863 28.0099 14.6948 27.9999 13.4816V12.2192C27.9999 9.58904 26.6666 8.27397 23.9999 8.27397ZM11.6668 8.27397V6.30137C11.6668 6.12055 11.8101 5.97589 11.9934 5.9726C11.9934 5.9726 11.9968 5.9726 12.0001 5.9726H20C20.1833 5.9726 20.33 6.11397 20.3333 6.29479C20.3333 6.29479 20.3333 6.29808 20.3333 6.30137V8.27397H11.6668ZM20.88 19.8203C20.73 19.8466 20.58 19.8597 20.4267 19.8597C19.6267 19.8499 18.8867 19.4455 18.4533 18.7814C17.6734 17.4499 15.9467 16.9929 14.5967 17.7589C14.1667 18.0022 13.8101 18.3573 13.5601 18.7814C13.0401 19.5803 12.0801 19.9912 11.1334 19.8203C9.09012 19.4093 7.08681 18.8175 5.14683 18.0581C4.7335 17.9036 4.34684 17.6866 4.00017 17.4137V24.0548C4.00017 26.6849 5.33349 28 8.00013 28H23.9999C26.6666 28 27.9999 26.6849 27.9999 24.0548V17.4268C27.6499 17.6899 27.2632 17.9036 26.8532 18.0581C24.9166 18.8175 22.92 19.406 20.88 19.8203ZM16.0034 21.4247C15.2667 21.4247 14.6667 20.8427 14.6634 20.1162C14.6601 19.3896 15.2534 18.7978 15.99 18.7945H16C16.7367 18.7945 17.3334 19.383 17.3334 20.1096C17.3334 20.8362 16.7367 21.4247 16 21.4247H16.0034Z' fill='black'/%3E%3C/svg%3E%0A");
    --support: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 4.92199C28 5.43216 27.5877 5.84398 27.0769 5.84398H25.8462V17.2152C25.8462 20.0303 24.3569 21.5178 21.5385 21.5178H16.9231V24.0994L20.2092 26.2875C20.6308 26.5734 20.7385 27.1481 20.4523 27.5691C20.28 27.8211 19.9969 27.9717 19.6923 27.9717C19.5077 27.9717 19.3262 27.9164 19.1754 27.8119L16 25.6975L12.8246 27.8119C12.4185 28.1192 11.84 28.0424 11.5323 27.6367C11.2246 27.231 11.3015 26.6533 11.7077 26.3459C11.7354 26.3244 11.7631 26.306 11.7908 26.2875L15.0769 24.0994V21.5178H10.4615C7.64308 21.5178 6.15385 20.0303 6.15385 17.2152V5.84398H4.92308C4.41231 5.84398 4 5.43216 4 4.92199C4 4.41182 4.41231 4 4.92308 4H27.0769C27.5877 4 28 4.41182 28 4.92199Z' fill='black'/%3E%3C/svg%3E%0A");
    --meal: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M28 24.0448V25.0299C28 26.12 27.1067 27 26 27H6C4.89333 27 4 26.12 4 25.0299V24.0448H28ZM26.6667 20.4328C26.6667 20.9976 26.6267 21.5361 26.5333 22.0746H5.46667C5.37333 21.5361 5.33333 20.9976 5.33333 20.4328C5.33333 15.3104 9.05 11.0516 13.9733 10.1191C13.38 9.57731 13 8.81224 13 7.95522C13 6.32657 14.3467 5 16 5C17.6533 5 19 6.32657 19 7.95522C19 8.81224 18.62 9.5806 18.0267 10.1191C22.95 11.0516 26.6667 15.3104 26.6667 20.4328ZM15 7.95522C15 8.49701 15.45 8.9403 16 8.9403C16.55 8.9403 17 8.49701 17 7.95522C17 7.41343 16.55 6.97015 16 6.97015C15.45 6.97015 15 7.41343 15 7.95522ZM22.28 15.9672C21.28 14.391 19.4933 13.2352 17.5067 12.8937C16.96 12.8018 16.44 13.1564 16.3467 13.6949C16.2533 14.2334 16.6133 14.7457 17.16 14.8376C18.5733 15.0872 19.8933 15.9146 20.5733 17.0179C20.7733 17.3069 21.0933 17.4776 21.4267 17.4776C21.6133 17.4776 21.7867 17.4251 21.96 17.3331C22.4267 17.0442 22.5733 16.44 22.28 15.9672Z' fill='black'/%3E%3C/svg%3E%0A");
    --transport: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M20.9231 4H11.0769C8.09846 4 6.46154 5.63692 6.46154 8.61538V22.1538C6.46154 24.3046 7.32615 25.7446 8.92308 26.3846V27.0769C8.92308 27.5815 9.34154 28 9.84615 28C10.3508 28 10.7692 27.5815 10.7692 27.0769V26.7477C10.8738 26.7508 10.9692 26.7692 11.0769 26.7692H20.9231C21.0308 26.7692 21.1262 26.7508 21.2308 26.7477V27.0769C21.2308 27.5815 21.6492 28 22.1538 28C22.6585 28 23.0769 27.5815 23.0769 27.0769V26.3846C24.6738 25.7446 25.5385 24.3046 25.5385 22.1538V8.61538C25.5385 5.63692 23.9015 4 20.9231 4ZM12.3323 23.3846C11.6554 23.3846 11.1015 22.8308 11.1015 22.1538C11.1015 21.4769 11.6431 20.9231 12.32 20.9231H12.3323C13.0092 20.9231 13.5631 21.4769 13.5631 22.1538C13.5631 22.8308 13.0092 23.3846 12.3323 23.3846ZM19.7169 23.3846C19.04 23.3846 18.4862 22.8308 18.4862 22.1538C18.4862 21.4769 19.0277 20.9231 19.7046 20.9231H19.7169C20.3938 20.9231 20.9477 21.4769 20.9477 22.1538C20.9477 22.8308 20.3938 23.3846 19.7169 23.3846ZM8.30769 17.5385V8.61538C8.30769 6.67077 9.13231 5.84615 11.0769 5.84615H20.9231C22.8677 5.84615 23.6923 6.67077 23.6923 8.61538V17.5385H8.30769ZM18.1538 8.61538C18.1538 9.12615 17.7415 9.53846 17.2308 9.53846H14.7692C14.2585 9.53846 13.8462 9.12615 13.8462 8.61538C13.8462 8.10462 14.2585 7.69231 14.7692 7.69231H17.2308C17.7415 7.69231 18.1538 8.10462 18.1538 8.61538ZM28 13.5385V17.2308C28 17.7415 27.5877 18.1538 27.0769 18.1538C26.5662 18.1538 26.1538 17.7415 26.1538 17.2308V13.5385C26.1538 13.0277 26.5662 12.6154 27.0769 12.6154C27.5877 12.6154 28 13.0277 28 13.5385ZM5.84615 13.5385V17.2308C5.84615 17.7415 5.43385 18.1538 4.92308 18.1538C4.41231 18.1538 4 17.7415 4 17.2308V13.5385C4 13.0277 4.41231 12.6154 4.92308 12.6154C5.43385 12.6154 5.84615 13.0277 5.84615 13.5385Z' fill='black'/%3E%3C/svg%3E%0A");
    --health: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M21.3034 4.00008C17.3331 3.97978 15.9997 8.04197 15.9997 8.04197C15.9997 8.04197 14.6663 3.97978 10.696 4.00008C5.36221 4.02713 3.26538 9.07697 4.22545 14.0997C5.78891 22.285 15.9997 27 15.9997 27C15.9997 27 26.2105 22.285 27.7739 14.0997C28.734 9.07697 26.6472 4.02713 21.3034 4.00008ZM22.6669 16.5147H20.5367L18.1665 20.1203C17.9798 20.4044 17.6665 20.5736 17.3331 20.5736C17.2898 20.5736 17.2431 20.5736 17.1998 20.5634C16.8198 20.5127 16.5031 20.2455 16.3831 19.8802L14.3629 13.7311L12.8294 16.0649C12.6461 16.3456 12.3327 16.5181 11.996 16.5181H9.32918C8.7758 16.5181 8.3291 16.0649 8.3291 15.5034C8.3291 14.942 8.7758 14.4887 9.32918 14.4887H11.4593L13.8295 10.8831C14.0429 10.5618 14.4196 10.3859 14.7929 10.4401C15.173 10.4908 15.4897 10.758 15.6097 11.1233L17.6298 17.2724L19.1633 14.9386C19.3466 14.6578 19.66 14.4853 19.9967 14.4853H22.6635C23.2169 14.4853 23.6636 14.9386 23.6636 15.5C23.6636 16.0615 23.2169 16.5147 22.6635 16.5147H22.6669Z' fill='black'/%3E%3C/svg%3E%0A");
    --housing: url("data:image/svg+xml,%3Csvg width='31' height='31' viewBox='0 0 31 31' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M27.1628 24.32H25.2093V21.0972C26.3367 20.7388 27.1628 19.6888 27.1628 18.44V15.08C27.1628 13.5372 25.9126 12.28 24.3721 12.28C22.8316 12.28 21.5814 13.5372 21.5814 15.08V18.44C21.5814 19.6888 22.4074 20.7388 23.5349 21.0972V24.32H19.3488V8.36C19.3488 6.12 18.2326 5 16 5H9.30233C7.06977 5 5.95349 6.12 5.95349 8.36V24.32H4.83721C4.37395 24.32 4 24.6952 4 25.16C4 25.6248 4.37395 26 4.83721 26H27.1628C27.626 26 28 25.6248 28 25.16C28 24.6952 27.626 24.32 27.1628 24.32ZM14.3256 9.76H15.4419C15.9051 9.76 16.2791 10.1352 16.2791 10.6C16.2791 11.0648 15.9051 11.44 15.4419 11.44H14.3256C13.8623 11.44 13.4884 11.0648 13.4884 10.6C13.4884 10.1352 13.8623 9.76 14.3256 9.76ZM14.3256 13.12H15.4419C15.9051 13.12 16.2791 13.4952 16.2791 13.96C16.2791 14.4248 15.9051 14.8 15.4419 14.8H14.3256C13.8623 14.8 13.4884 14.4248 13.4884 13.96C13.4884 13.4952 13.8623 13.12 14.3256 13.12ZM9.86047 9.76H10.9767C11.44 9.76 11.814 10.1352 11.814 10.6C11.814 11.0648 11.44 11.44 10.9767 11.44H9.86047C9.39721 11.44 9.02326 11.0648 9.02326 10.6C9.02326 10.1352 9.39721 9.76 9.86047 9.76ZM9.86047 13.12H10.9767C11.44 13.12 11.814 13.4952 11.814 13.96C11.814 14.4248 11.44 14.8 10.9767 14.8H9.86047C9.39721 14.8 9.02326 14.4248 9.02326 13.96C9.02326 13.4952 9.39721 13.12 9.86047 13.12ZM10.4186 20.68C10.4186 19.4424 11.4177 18.44 12.6512 18.44C13.8847 18.44 14.8837 19.4424 14.8837 20.68V24.32H10.4186V20.68Z' fill='black'/%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-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-rocket::before { mask-image: var(--rocket); }
.icon-database::before { mask-image: var(--database); }
.icon-fire::before { mask-image: var(--fire); }
.icon-trust::before { mask-image: var(--trust); }

.icon-vacation { mask-image: var(--vacation); }
.icon-family { mask-image: var(--family); }
.icon-event { mask-image: var(--event); }
.icon-insurance { mask-image: var(--insurance); }
.icon-bonus { mask-image: var(--bonus); }
.icon-living { mask-image: var(--living); }
.icon-education { mask-image: var(--education); }
.icon-culture { mask-image: var(--culture); }
.icon-support { mask-image: var(--support); }
.icon-meal { mask-image: var(--meal); }
.icon-transport { mask-image: var(--transport); }
.icon-health { mask-image: var(--health); }
.icon-housing { mask-image: var(--housing); }
@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 { --gap: 10px; --padding: 0 20px; --icon-width: 24px; color: var(--clr-black); background: #fff; border: 1px solid var(--clr-black); border-radius: 50px; }
.button-text-block.button-light { color: var(--clr-black) !important; background: #fff !important; border-color: #fff !important; }
.button-text-block.button-border-light { color: #fff; background: transparent; border-color: #fff; }
.button-text-block .icon { will-change: width; }
.button-text-block .icon:last-child { margin-left: 0; margin-right: 0; width: 0; height: 24px; transition: width ease .35s; }
.button-text-block .icon::before { mask-image: 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 19L22 12L15 5' stroke='white' stroke-width='2'/%3E%3Crect x='2' y='11' width='20' height='2' fill='white'/%3E%3C/svg%3E%0A"); mask-size: auto var(--icon-width); mask-position: right; }
.button-text-block .text-block { overflow: hidden; display: block; position: relative; }
.button-text-block .text-block span { display: block; padding: 0 var(--gap); 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");
}

.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-text-block.button-border-light:hover { color: var(--clr-black); background: #fff; }
    .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: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-text-block:hover { color: #fff; background: var(--clr-black); }
    .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-text-block:hover .icon:last-child { width: var(--icon-width); }

    .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: 20px; left: 0; width: 155px; height: 40px; }
.header-logo::before,
.header-logo::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/theme/basic/images/logo.svg'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; transition: opacity ease .35s; }
.header-logo::after { background-image: url('/theme/basic/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: inherit; 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('/theme/basic/images/header-button-login.svg'); }
.header .icon-editalk::before { background-image: url('/theme/basic/images/header-button-editalk.svg'); }
.header .icon-menu::before { background-image: url('/theme/basic/images/header-button-menu.svg'); }
.header .icon-menu::after { opacity: 0; background-image: url('/theme/basic/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; gap: 10px; }
.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: 500; color: inherit; opacity: 0.5; }
.header-language__link.active { opacity: 1; }
/* .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('/theme/basic/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('/theme/basic/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: 110px; height: 28px; }
.header-mobile-logo::after { content: ''; display: block; width: 100%; height: 100%; background: url('/theme/basic/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); color: inherit;
}
.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('/theme/basic/images/menu-grid-icon-notice.svg'); }
.header-menu-grid .icon-curriculum::before { background-image: url('/theme/basic/images/menu-grid-icon-curriculum.svg'); }
.header-menu-grid .icon-admissiontest::before { background-image: url('/theme/basic/images/menu-grid-icon-admissiontest.svg'); }
.header-menu-grid .icon-briefing::before { background-image: url('/theme/basic/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); box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1); }
[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-primary { color: #fff; background: transparent; }
[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"] .header-primary { color: var(--clr-black); }
[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: 0 50px; }
    .header-background { overflow: hidden; z-index: 2; position: absolute; top: 0; left: 0; width: 100%; background: #fff; }
    .header-background::before { content: ''; position: absolute; top: var(--header-height); left: 0; width: 100%; height: 1px; background: #EEEEEE; }
    .header-section { overflow: hidden; z-index: 3; display: flex; justify-content: flex-end; position: absolute; top: 0; left: 0; padding-right: 150px; 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; padding: 30px; width: 600px; transform: translateY(-10px); 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 { display: flex; gap: 20px; 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: 29px; 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: 19px; left: 24px; width: 110px; height: 28px; }
    .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 { color: var(--clr-black); 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: var(--text-sm); color: #fff; background: #001121; }
.footer-primary-wrap { margin-right: auto; margin-left: auto; max-width: 1720px; 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: var(--text-sm); 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 250px; border-bottom: 1px solid rgba(255, 255, 255, 0.1); }
.footer-primary__row:nth-child(2) { padding: 20px 0 50px; }
.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: 0; width: auto; height: 40px; }
.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 { display: flex; align-items: center; }
.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: 31px; }
.footer-primary__info-item::after { content: ''; position: absolute; top: 0; right: 15px; bottom: 0; margin: auto; width: 1px; height: 60%; background: rgba(255, 255, 255, 0.2); }
.footer-primary__info-item:last-child { padding-right: 0; }
.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-size: 1.5rem; font-weight: 500; color: inherit; }
.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: 15px; font-weight: 500; color: rgba(255, 255, 255, 0.5); }
.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; color: inherit; }
.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; }

.footer-primary__location { margin-top: 30px; }
.footer-primary__location-item { margin-top: 10px; color: rgba(255, 255, 255, 0.5); }

.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('/theme/basic/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('/theme/basic/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 (min-width: 1025px) {
    .footer-primary__row:nth-child(2) .footer-primary__col:nth-child(1) { width: 15%; }
}
@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 { height: 30px; }
    .footer-primary__external { margin: 40px 0 10px; }
    .footer-primary__social { gap: 16px; }
    .footer-primary__social-link--icon { width: 55px; height: 55px; }
    .footer-primary__info { flex-wrap: wrap; gap: 5px 10px; margin: 20px 0; }
    .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-primary__info-row { margin: 3px 0; }
    .footer-sitemap { display: none; }
    .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 */
.promotion { 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('/theme/basic/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: #0076eb;
    --os-handle-bg-active: #0076eb;
}
@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('/theme/basic/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; border-radius: 20px; }
}


/* 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('/theme/basic/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('/theme/basic/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-split-animate] [data-split] { opacity: 0; }
[data-split-animate] [data-split-ready] { opacity: 1; }
[data-split-animate] [data-split] .line { overflow: hidden; }
[data-split-animate] [data-split] .sentence { transform: translateY(100%); } */

[data-split] { opacity: 0; }
[data-split-ready] { opacity: 1; }
[data-split-animate] .line { overflow: hidden; }
[data-split-animate] .sentence { 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% }
}