/* common */
app-header { z-index: 12; display: block; position: relative; 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 { position: relative; opacity: 0; }
.footer { opacity: 0; }
.document-loaded .main,
.document-loaded .footer { animation: pageIn 0.65s cubic-bezier(0.4, 0, 0.2, 1) forwards; }

[role="button"] { cursor: pointer; }
[data-theme="black"] { color: #fff; background: var(--background-dark); }
[data-theme="dark"] { color: #fff; background: var(--background-dark); }
[data-theme="dark"] .footer { color: var(--clr-dark); background: #fff; }

.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%; }
/* .heading { color: var(--heading); } */
.me-0 { margin-bottom: 0 !important; }
.color-black { color: var(--clr-black) !important; }
.color-dark { color: var(--clr-black) !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-orange { color: var(--clr-orange) !important; }
.bg-light { background-color: #fff !important; }
.bg-gray { background-color: var(--background) !important; }
.bg-dark { background-color: #272B31 !important; }
.align-top { vertical-align: top; }
.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; }
.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; }
.justify-content-center { justify-content: center; }
.w-auto { width: auto; }
.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; }
@media (hover: hover) and (pointer: fine) {
    .text-link:hover { color: var(--clr-primary) !important; }
    /* .text-link:hover .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='%23FCAF17' stroke-width='1.5'/%3E%3Cpath d='M6 10.0833L8.94737 13L14 8' stroke='%23FCAF17' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A"); } */
}
@media screen and (min-width: 1025px) {
    .main { min-height: calc(100vh - 377px); }
}
@media screen and (max-width: 1024px) {
    .main { min-height: calc(100vh - 263px); }

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


@media screen and (max-width: 1024px) {
    .maw-800 { max-width: 1200px; }
    .maw-900 { max-width: 1200px; }
    .maw-1000 { max-width: 1200px; }
    .maw-1100 { max-width: 1200px; }
    .maw-1200 { max-width: 1200px; }
}


/* 본문 바로가기 */
.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; }
/*
.backdrop { z-index: 4; position: fixed; inset: 0; background: rgba(51, 56, 60, 0.4); backdrop-filter: blur(12px); opacity: 0; } */

.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('/images/slide-next.svg'); }
.swiper-button-prev { left: 0; background-image: url('/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: 10px; height: 10px; }
.swiper-pagination-bullet { background: #ebebeb; opacity: 1; }
.swiper-pagination-bullet-active { background: var(--clr-primary); }
.swiper-horizontal>.swiper-scrollbar,
.swiper-scrollbar.swiper-scrollbar-horizontal { z-index: 2; }
.swiper-lazy-preloader { border: 4px solid#ffffff; border-top-color: transparent; }
@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; }
}
@media screen and (max-width: 768px) {
    /* .mobile-scroll { padding-bottom: 14px; } */
    /* .mobile-scroll { overflow: visible; position: relative; padding-bottom: 25px; }
    .mobile-scroll img { max-width: none; } */
    .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet { margin: 0 3px; width: 8px; height: 8px; }
}
@media screen and (max-width: 684px) {
    /* .mobile-scroll .swiper-slide { min-width: 550px; width: auto; } */
}


/* Form */
.check { --gap: 16px; --width: 25px; --background: #ffffff; --border-color: #DDDDDD; --border-radius: 0; }
.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-left: calc(var(--width) + var(--gap)); cursor: pointer; user-select: none; }
.check .check-label::before,
.check .check-label::after { content: ''; position: absolute; top: 0.1em; 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); border-color: var(--border-color); }
.check .check-label::after { background-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='M7 10.2L11.4444 15L17 9' stroke='white' stroke-width='2'/%3E%3C/svg%3E%0A"); background-repeat: no-repeat; background-position: center; background-color: var(--clr-primary); border-color: var(--clr-primary); opacity: 0; }
.check .check-hidden:focus ~ .check-label::before { outline: 2px solid var(--clr-primary); }
.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; outline: none !important; }
.check-black .check-label::before,
.check-black .check-label::after { top: 0; }
.check-black .check-label::before { background: var(--background) url('/images/check-gray.svg') no-repeat center / auto 100%; border-color: var(--border-color); }
.check-black .check-label::after { background: var(--clr-dark) url('/images/check-light.svg') no-repeat center / auto 100%; border-color: var(--clr-dark); opacity: 0; }
.check-black .check-hidden:focus ~ .check-label::before { outline: 0; }

/* .radio { --gap: 10px; --width: 25px; --background: #fff; --border-color: #DDDDDD; --border-radius: 50%; }
.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-left: calc(var(--width) + var(--gap)); cursor: pointer; user-select: none; }
.radio .radio-label::before,
.radio .radio-label::after { content: ''; position: absolute; top: 0.1em; 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::after { background: var(--clr-primary); border-width: calc(var(--width) * 0.25); border-color: #fff; opacity: 0; }
.radio .radio-hidden:focus ~ .radio-label::before { outline: 2px solid var(--clr-primary); }
.radio .radio-hidden:checked ~ .radio-label::after { opacity: 1; } */

.radio { --gap: 8px; --width: 20px; --background: #ffffff; --border-color: #E5E5E5; --border-radius: 50%; }
.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-left: calc(var(--width) + var(--gap)); font-size: 1.6rem; color: var(--clr-dark); cursor: pointer; user-select: none; }
.radio .radio-label::before,
.radio .radio-label::after { content: ''; position: absolute; top: 0.1em; 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); border-color: var(--border-color); }
.radio .radio-label::after { background: var(--clr-primary); opacity: 0; transform: scale(0.6); }
.radio .radio-hidden:checked ~ .radio-label { color: var(--clr-teal); }
/* .radio .radio-hidden:focus ~ .radio-label::before { outline: 2px solid var(--clr-primary); } */
.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: 12px; padding: 0; width: 130px; height: 65px; text-align: center; font-size: 1.6rem; font-weight: 700; color: var(--clr-primary); background: #C4CED4; 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-primary); }
}
@media screen and (max-width: 1024px) {
    .check { --gap: 10px; --width: 20px; }
    .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; }
}

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

    /* .check a:hover { color: var(--clr-black); } */
}
@media screen and (max-width:1024px){
    .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: 24px; height: 24px; 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");
    --plus: 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 17V7M7 12H17' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --minus: 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 12H17' stroke='white' stroke-width='1.5' stroke-linecap='round'/%3E%3C/svg%3E%0A");
    --calendar: 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 fill-rule='evenodd' clip-rule='evenodd' d='M8 4H16V2H18V4H19C19.5304 4 20.0391 4.21071 20.4142 4.58579C20.7893 4.96086 21 5.46957 21 6V20C21 20.5304 20.7893 21.0391 20.4142 21.4142C20.0391 21.7893 19.5304 22 19 22H5C4.46957 22 3.96086 21.7893 3.58579 21.4142C3.21071 21.0391 3 20.5304 3 20V6C3 5.46957 3.21071 4.96086 3.58579 4.58579C3.96086 4.21071 4.46957 4 5 4H6V2H8V4ZM5 8V20H19V8H5ZM7 11H9V13H7V11ZM11 11H13V13H11V11ZM15 11H17V13H15V11ZM15 15H17V17H15V15ZM11 15H13V17H11V15ZM7 15H9V17H7V15Z' fill='black'/%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='M7 12L17 12M17 12L12.2778 17M17 12L12.2778 7' stroke='white' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --chevron-left: 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='M14 17L9 12L14 7' stroke='%23333333' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --chevron-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='M10 7L15 12L10 17' stroke='white' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");
    --chevron-down: 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");
    --instagram: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cpath d='M19.9056 8.70234C19.8926 8.03867 19.7674 7.38199 19.5354 6.76006C19.3347 6.22709 19.0205 5.74418 18.6144 5.34481C18.2166 4.93751 17.7344 4.62231 17.2016 4.42137C16.5821 4.18893 15.9277 4.06334 15.2662 4.04995C14.4137 4.00897 14.1428 4 11.9768 4C9.81081 4 9.53926 4.00897 8.68874 4.04803C8.02677 4.0611 7.37185 4.1867 6.75202 4.41945C6.21898 4.62109 5.73653 4.93693 5.33854 5.34481C4.93252 5.74418 4.61826 6.22709 4.41757 6.76006C4.18556 7.38177 4.0604 8.03824 4.04739 8.7017C4.00897 9.55597 4 9.8275 4 12.0003C4 14.1731 4.00897 14.4447 4.04803 15.2983C4.06103 15.962 4.18619 16.6187 4.41821 17.2406C4.62342 17.7716 4.93713 18.2539 5.33931 18.6568C5.74148 19.0597 6.22329 19.3743 6.75394 19.5805C7.37341 19.813 8.02786 19.9386 8.68938 19.952C9.54118 19.991 9.81209 20 11.9787 20C14.1454 20 14.4163 19.991 15.2668 19.952C15.9288 19.9389 16.5837 19.8133 17.2035 19.5805C17.7341 19.3745 18.2158 19.0598 18.6177 18.6567C19.0196 18.2537 19.3328 17.7711 19.5373 17.2399C19.7693 16.6182 19.8945 15.9618 19.9075 15.2983C19.9466 14.444 19.9555 14.1719 19.9555 11.9997C19.9555 9.8275 19.9472 9.55597 19.9056 8.70234ZM18.4697 15.2343C18.4633 15.7411 18.3704 16.2431 18.1949 16.7187C18.0626 17.0634 17.8595 17.3766 17.5987 17.6381C17.338 17.8996 17.0253 18.1036 16.6809 18.237C16.2069 18.4133 15.7059 18.5065 15.2002 18.5124C14.358 18.5508 14.1063 18.5585 11.9768 18.5585C9.84731 18.5585 9.59434 18.5508 8.75343 18.5124C8.24793 18.5061 7.74727 18.413 7.27334 18.237C6.92869 18.104 6.6158 17.9001 6.35489 17.6385C6.09399 17.377 5.89087 17.0636 5.75868 16.7187C5.58291 16.243 5.48998 15.7407 5.48392 15.2336C5.4455 14.389 5.43781 14.1366 5.43781 12.001C5.43781 9.86528 5.4455 9.61169 5.48392 8.7683C5.4903 8.26146 5.58322 7.75944 5.75868 7.28389C5.88612 6.93624 6.08986 6.62157 6.35494 6.36302C6.61189 6.09737 6.92535 5.89294 7.27206 5.7649C7.74611 5.5886 8.24704 5.49544 8.75278 5.48953C9.59498 5.45111 9.84667 5.44343 11.9762 5.44343C14.1057 5.44343 14.3586 5.45111 15.1996 5.48953C15.7049 5.49594 16.2057 5.58879 16.6796 5.7649C17.0268 5.89298 17.3406 6.09726 17.5981 6.36302C17.8632 6.62173 18.0669 6.93616 18.1943 7.28325C18.3701 7.75893 18.463 8.26122 18.4691 8.7683C18.5075 9.61297 18.5152 9.86528 18.5152 12.001C18.5152 14.1366 18.5081 14.3896 18.4697 15.233V15.2343ZM11.9768 7.89161C11.1639 7.88946 10.3687 8.1284 9.69159 8.57821C9.01452 9.02801 8.48607 9.66848 8.17306 10.4186C7.86005 11.1687 7.77655 11.9948 7.93312 12.7924C8.08968 13.59 8.47929 14.3233 9.05265 14.8994C9.62602 15.4756 10.3574 15.8688 11.1543 16.0294C11.9511 16.1899 12.7777 16.1105 13.5295 15.8013C14.2813 15.492 14.9244 14.9668 15.3776 14.2921C15.8309 13.6174 16.0738 12.8234 16.0757 12.0106V12.0003C16.0765 11.4616 15.9713 10.928 15.7658 10.4299C15.5604 9.93191 15.2589 9.47921 14.8786 9.09768C14.4982 8.71615 14.0464 8.41327 13.5489 8.20633C13.0515 7.9994 12.5182 7.89246 11.9794 7.89161H11.9768ZM11.9768 14.6669C11.4494 14.6684 10.9333 14.5135 10.4939 14.2217C10.0545 13.93 9.7115 13.5145 9.50825 13.0279C9.305 12.5412 9.25065 12.0052 9.35206 11.4876C9.45347 10.9701 9.70609 10.4942 10.078 10.1202C10.4499 9.74623 10.9243 9.4909 11.4413 9.38652C11.9583 9.28214 12.4947 9.3334 12.9826 9.53382C13.4705 9.73424 13.8879 10.0748 14.1822 10.5125C14.4765 10.9501 14.6344 11.4652 14.636 11.9926V12.0003C14.6368 12.7065 14.3572 13.384 13.8585 13.8841C13.3599 14.3841 12.683 14.6657 11.9768 14.6669ZM17.1933 7.7296C17.1929 7.85532 17.1677 7.97973 17.1192 8.09573C17.0707 8.21172 16.9998 8.31702 16.9106 8.40563C16.8214 8.49423 16.7156 8.5644 16.5993 8.61212C16.4829 8.65984 16.3583 8.68419 16.2326 8.68377C16.1069 8.68335 15.9824 8.65817 15.8664 8.60967C15.7504 8.56117 15.6451 8.4903 15.5565 8.4011C15.3776 8.22095 15.2775 7.97711 15.2783 7.72319C15.2792 7.46928 15.3809 7.22611 15.561 7.04717C15.7412 6.86822 15.9851 6.76817 16.239 6.76902C16.493 6.76987 16.7362 6.87155 16.9151 7.05169C17.0941 7.23184 17.1941 7.47569 17.1933 7.7296Z' /%3E%3C/svg%3E");
    --youtube: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24' %3E%3Cpath d='M10 15L15.19 12L10 9V15ZM21.56 7.17C21.69 7.64 21.78 8.27 21.84 9.07C21.91 9.87 21.94 10.56 21.94 11.16L22 12C22 14.19 21.84 15.8 21.56 16.83C21.31 17.73 20.73 18.31 19.83 18.56C19.36 18.69 18.5 18.78 17.18 18.84C15.88 18.91 14.69 18.94 13.59 18.94L12 19C7.81 19 5.2 18.84 4.17 18.56C3.27 18.31 2.69 17.73 2.44 16.83C2.31 16.36 2.22 15.73 2.16 14.93C2.09 14.13 2.06 13.44 2.06 12.84L2 12C2 9.81 2.16 8.2 2.44 7.17C2.69 6.27 3.27 5.69 4.17 5.44C4.64 5.31 5.5 5.22 6.82 5.16C8.12 5.09 9.31 5.06 10.41 5.06L12 5C16.19 5 18.8 5.16 19.83 5.44C20.73 5.69 21.31 6.27 21.56 7.17Z' /%3E%3C/svg%3E%0A");
    --search: url("data:image/svg+xml,%3Csvg width='24' height='24' viewBox='0 0 24 24' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M18 10C18 5.59 14.41 2 10 2C5.59 2 2 5.59 2 10C2 14.41 5.59 18 10 18C11.85 18 13.54 17.37 14.9 16.31L20 21.41L21.41 20L16.31 14.9C17.4015 13.4995 17.9961 11.7756 18 10ZM4 10C4 6.69 6.69 4 10 4C13.31 4 16 6.69 16 10C16 13.31 13.31 16 10 16C6.69 16 4 13.31 4 10Z' /%3E%3C/svg%3E%0A");
    --rotate-cw: 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='M13.5 3C15.28 3 17.0201 3.52784 18.5001 4.51677C19.9802 5.5057 21.1337 6.91131 21.8149 8.55585C22.4961 10.2004 22.6743 12.01 22.3271 13.7558C21.9798 15.5016 21.1226 17.1053 19.864 18.364C18.6053 19.6226 17.0016 20.4798 15.2558 20.8271C13.51 21.1743 11.7004 20.9961 10.0559 20.3149C8.41131 19.6337 7.00571 18.4802 6.01677 17.0001C5.02784 15.5201 4.5 13.78 4.5 12V7.34999L1.8 10.05L0.75 9L5.25 4.5L9.75 9L8.7 10.05L6 7.34999V12C6 13.4834 6.43987 14.9334 7.26398 16.1668C8.08809 17.4001 9.25943 18.3614 10.6299 18.9291C12.0003 19.4967 13.5083 19.6453 14.9632 19.3559C16.418 19.0665 17.7544 18.3522 18.8033 17.3033C19.8522 16.2544 20.5665 14.918 20.8559 13.4632C21.1453 12.0083 20.9968 10.5003 20.4291 9.12987C19.8614 7.75942 18.9001 6.58809 17.6668 5.76397C16.4334 4.93986 14.9834 4.5 13.5 4.5V3Z' fill='black'/%3E%3C/svg%3E%0A");
    --rotate-ccw: 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='M3.40948 6.17822C4.33588 4.57937 5.81176 3.37168 7.56232 2.78002C9.31288 2.18836 11.2188 2.25306 12.9252 2.96206C14.6316 3.67106 16.0222 4.97604 16.8381 6.63402C17.6539 8.29201 17.8394 10.19 17.36 11.9746C16.8807 13.7591 15.7691 15.3087 14.2322 16.3347C12.6954 17.3607 10.8381 17.7932 9.00606 17.5516C7.17407 17.3101 5.49228 16.4111 4.27383 15.0219C3.05539 13.6326 2.38334 11.848 2.38281 10.0001' stroke='%23777777' stroke-linecap='round' stroke-linejoin='round'/%3E%3Cpath d='M7.14546 6.19038H3.33594V2.38086' stroke='%23777777' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --tel: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M3.43823 7.7448C4.88126 10.8885 7.44482 13.3801 10.6272 14.7321L11.1382 14.9599C11.7041 15.212 12.3408 15.2562 12.9361 15.0847C13.5314 14.9132 14.047 14.5369 14.3922 14.0222L15.0603 13.0266C15.1649 12.8705 15.2072 12.6808 15.179 12.495C15.1507 12.3092 15.054 12.1407 14.9078 12.0227L12.6442 10.1955C12.5654 10.1319 12.4745 10.0849 12.3771 10.0573C12.2797 10.0297 12.1777 10.0221 12.0772 10.035C11.9768 10.0478 11.88 10.0809 11.7926 10.1321C11.7052 10.1833 11.6291 10.2517 11.5688 10.3331L10.8684 11.2783C9.0705 10.3898 7.61521 8.93336 6.72759 7.13421L7.67148 6.43338C7.75283 6.37304 7.82115 6.29688 7.87235 6.20946C7.92354 6.12204 7.95655 6.02517 7.9694 5.92467C7.98224 5.82417 7.97466 5.7221 7.9471 5.62461C7.91953 5.52711 7.87257 5.4362 7.80901 5.35732L5.98284 3.0924C5.86493 2.94611 5.69654 2.8493 5.51085 2.82105C5.32515 2.79279 5.13562 2.83514 4.97958 2.93975L3.97782 3.61201C3.46033 3.95925 3.08283 4.47903 2.91259 5.07876C2.74234 5.67849 2.7904 6.31922 3.0482 6.88681L3.43823 7.7448Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
    --pin: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M9 15.75C8.84914 15.7502 8.70224 15.7029 8.57983 15.615C4.95809 13.0335 1.11434 7.7235 5.00009 3.8865C6.06684 2.83714 7.50346 2.24934 8.99984 2.25C10.4998 2.25 11.9391 2.83875 12.9996 3.88575C16.8853 7.72275 13.0416 13.032 9.41984 15.615C9.29743 15.7029 9.15053 15.7502 9 15.75ZM9 9C9.82843 9 10.5 8.32843 10.5 7.5C10.5 6.67157 9.82843 6 9 6C8.17157 6 7.5 6.67157 7.5 7.5C7.5 8.32843 8.17157 9 9 9Z' fill='%23000'/%3E%3C/svg%3E");
    --map: url("data:image/svg+xml,%3Csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M5.625 2.50088L1.38938 5.148C1.30847 5.19857 1.24176 5.26888 1.19551 5.35232C1.14926 5.43576 1.125 5.5296 1.125 5.625V15.1875C1.125 15.2879 1.15188 15.3865 1.20284 15.473C1.2538 15.5595 1.327 15.6308 1.41482 15.6795C1.50264 15.7282 1.60189 15.7524 1.70226 15.7498C1.80264 15.7472 1.90048 15.7177 1.98562 15.6645L5.625 13.3898V2.50088ZM6.75 13.2851L11.25 15.5351V4.71488L6.75 2.46488V13.2851ZM16.6106 12.852L12.375 15.4991V4.60913L16.0144 2.3355C16.0995 2.28228 16.1974 2.25283 16.2977 2.25019C16.3981 2.24756 16.4974 2.27184 16.5852 2.32051C16.673 2.36919 16.7462 2.44048 16.7972 2.527C16.8481 2.61351 16.875 2.71209 16.875 2.8125V12.375C16.875 12.4704 16.8507 12.5642 16.8045 12.6477C16.7582 12.7311 16.6915 12.8014 16.6106 12.852Z' fill='%23AAAAAA'/%3E%3C/svg%3E%0A");
    --external-link: 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='M6 18.5L18 5.5M18 5.5L18 16.5M18 5.5L7 5.5' stroke='%23DDDDDD' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --repair: url("data:image/svg+xml,%3Csvg width='32' height='32' viewBox='0 0 32 32' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M15.0001 14.9997L10.0007 10.001' stroke='white'/%3E%3Cpath d='M9.00089 11.5011L11.5006 9.00167L8.50096 7.50204L7.50109 8.50179L9.00089 11.5011ZM23.9739 12.9757C24.454 12.4961 24.7842 11.8874 24.9244 11.2235C25.0647 10.5596 25.0089 9.86932 24.7638 9.23661L23.342 10.6583H21.3423V8.65875L22.7641 7.2371C22.1312 6.9915 21.4406 6.93524 20.7764 7.07516C20.1121 7.21508 19.5029 7.54515 19.023 8.02515C18.543 8.50515 18.2131 9.11436 18.0733 9.77857C17.9335 10.4428 17.9899 11.1333 18.2357 11.766L11.7665 18.2354C11.1338 17.9897 10.4432 17.9332 9.77888 18.073C9.1146 18.2128 8.50532 18.5427 8.02526 19.0226C7.54521 19.5025 7.2151 20.1117 7.07517 20.7758C6.93523 21.44 6.9915 22.1305 7.23713 22.7633L8.65794 21.3416H10.6577V23.3411L9.23586 24.7628C9.86853 25.0084 10.559 25.0647 11.2231 24.925C11.8872 24.7852 12.4964 24.4554 12.9764 23.9757C13.4564 23.4959 13.7865 22.887 13.9266 22.223C14.0667 21.559 14.0106 20.8686 13.7653 20.2359L20.2364 13.7655C20.8689 14.0101 21.5589 14.0657 22.2224 13.9255C22.886 13.7853 23.4945 13.4553 23.9739 12.9757Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M15.7971 18.4992L21.4004 24.1018C21.5258 24.2274 21.6747 24.3271 21.8386 24.3951C22.0025 24.4631 22.1783 24.4981 22.3558 24.4981C22.5332 24.4981 22.709 24.4631 22.8729 24.3951C23.0368 24.3271 23.1857 24.2274 23.3111 24.1018L24.103 23.31C24.2286 23.1847 24.3283 23.0358 24.3963 22.8719C24.4643 22.7079 24.4993 22.5322 24.4993 22.3548C24.4993 22.1773 24.4643 22.0016 24.3963 21.8377C24.3283 21.6738 24.2286 21.5249 24.103 21.3995L18.4998 15.7969' stroke='white' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --home: 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='M8.33366 16.6667V11.6667H11.667V16.6667H15.8337V10H18.3337L10.0003 2.5L1.66699 10H4.16699V16.6667H8.33366Z' fill='black'/%3E%3C/svg%3E%0A");
    --download: 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='M7.5 25H22.5M15 5V20M15 20L19.375 15.625M15 20L10.625 15.625' stroke='white' stroke-width='2' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
    --image: url("data:image/svg+xml,%3Csvg width='35' height='35' viewBox='0 0 35 35' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M24.0385 11H10.9615C9.87821 11 9 11.7937 9 12.7727V22.2273C9 23.2063 9.87821 24 10.9615 24H24.0385C25.1218 24 26 23.2063 26 22.2273V12.7727C26 11.7937 25.1218 11 24.0385 11Z' stroke='white' stroke-linejoin='round'/%3E%3Cpath d='M21 16C21.5523 16 22 15.5523 22 15C22 14.4477 21.5523 14 21 14C20.4477 14 20 14.4477 20 15C20 15.5523 20.4477 16 21 16Z' stroke='white' stroke-miterlimit='10'/%3E%3Cpath d='M19.4615 20.5652L15.7567 17.3345C15.5209 17.1286 15.2041 17.0091 14.8708 17.0005C14.5376 16.9919 14.2132 17.0948 13.9639 17.2881L9 21.1439M16.1923 24L21.2326 19.5966C21.4632 19.3948 21.7717 19.2756 22.0976 19.2624C22.4236 19.2492 22.7434 19.3429 22.9944 19.5252L26 21.7151' stroke='white' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E%0A");
}
.icon::before { content: ''; display: block; width: 100%; height: 100%; background-color: currentColor; mask-size: contain; mask-repeat: no-repeat; }
.icon-x::before { mask-image: var(--x); }
.icon-plus::before { mask-image: var(--plus); }
.icon-minus::before { mask-image: var(--minus); }
.icon-calendar::before { mask-image: var(--calendar); }
.icon-arrow-right::before { mask-image: var(--arrow-right); }
.icon-chevron-left::before { mask-image: var(--chevron-left); }
.icon-chevron-right::before { mask-image: var(--chevron-right); }
.icon-chevron-down::before { mask-image: var(--chevron-down); }
.icon-instagram::before { mask-image: var(--instagram); }
.icon-youtube::before { mask-image: var(--youtube); }
.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); }
@media (hover: hover) and (pointer: fine) {
}
@media screen and (max-width: 1024px) {
}
@media screen and (max-width: 768px) {
}


/* Button */
.button {
    --padding: 0 40px; --height: 80px; --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: 1.8rem; font-weight: 500; color: var(--clr-dark); background: transparent; border: 1px solid transparent; border-radius: 12px; 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-primary); background: #fff; }
.button-dark { color: #fff; background: var(--clr-dark); }
.button-transparent { color: #fff; background: rgb(255 255 255 / 5%); }
.button-primary { color: #fff; background: var(--clr-primary); }
.button-border { background: #fff; border: 1px solid var(--border-color); }
.button-border-gray { color: inherit; background: #fff; border: 1px solid var(--border); }
.button-border-dark { color: #fff; background: var(--clr-dark); }
.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-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; }
@media (hover: hover) and (pointer: fine) {
    .button:hover { background: var(--clr-primary-hover); border-color: var(--clr-primary-hover); }
    .button:hover .icon-arrow-right { transform: translateX(25%); }
    .button-light:hover { color: #fff; background: var(--clr-primary); }
    .button-dark:hover { color: #fff; background: var(--clr-primary); }
    .button-transparent:hover { color: var(--clr-dark); background: #fff; border-color: #fff; }
    .button-primary:hover { color: #fff; background: var(--clr-primary-hover); }
    .button-link:hover { background: transparent; }
    .button-border:hover { color: #fff; }
    .button-border-gray:hover { color: #fff; }
    .button-normal:hover { background: inherit; border-color: transparent; }
}
@media screen and (max-width: 1024px) {
    .button { --padding: 0 30px; --height: 55px; font-size: 1.6rem; border-radius: 10px; }
    .button .icon { width: 24px; height: 24px; }
    .button__text--display { font-size: 1.5rem; }
    .button-link { --padding: 0; }
    .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; }
}
@media screen and (max-width: 768px) {
    .button { --padding: 0 24px; --height: 50px; font-size: 1.5rem; border-radius: 6px; }
    .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; }
}


/* 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%; color: #fff; transition-property: color, background, box-shadow; transition-duration: .35s, .35s, .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: 21px; left: 0; width: 155px; height: 34px; }
.header-logo::before,
.header-logo::after { content: ''; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-image: url('/images/logo.svg'); background-repeat: no-repeat; background-position: center; background-size: auto 100%; transition: opacity ease .35s; }
.header-logo::after { background-image: url('/images/logo-light.svg'); opacity: 0; }
.header-section { position: relative; }
.header-primary .hamburger,
.header-section .close { transition: all ease .15s; }
.header-primary .hamburger { display: none; position: absolute; top: 22px; right: 40px; width: 50px; height: 50px; }
.header-primary .hamburger a { display: block; position: relative; padding: 10px; width: 100%; height: 100%; }
.header-primary .hamburger .svg { fill: currentColor; }
.header-primary .hamburger .svg path { stroke: currentColor; stroke-linejoin: round; stroke-width: 2px; }
.header-primary .hamburger .circle { display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 26px; height: 0; background: #fff; border: none; }
.header-primary .hamburger .circle::before,
.header-primary .hamburger .circle::after { content: ''; position: absolute; width: 100%; height: 2px; background: #fff; }
.header-primary .hamburger .circle::before { top: -7px; }
.header-primary .hamburger .circle::after { top: 0px; }

.navigation__lists { display: flex; }
.navigation__lists-item { position: relative; }
.navigation__lists-title { display: flex; align-items: center; justify-content: center; position: relative; height: var(--header-height); font-size: 1.8rem; text-align: center; color: inherit; font-weight: 600; }
.navigation-menu { padding: 0 25px; }
.navigation-menu .name { margin-bottom: 12px; font-size: 2rem; font-weight: 600; }
.navigation-menu__lists { height: 100%; transition: background ease .35s; }
.navigation-menu__lists-link { display: inline-block; padding: 8px 0; line-height: 1.45; font-size: 1.7rem; font-weight: 400; color: #555; background-image: linear-gradient(transparent calc(100% - 1px), #fff 1px); background-size: 0% 100%; background-position: 0px -5px; background-repeat: no-repeat; transition: background-size .3s; }
.navigation-menu__lists-link .icon { margin-top: -0.25em; 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__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-tools { z-index: 3; display: flex; align-items: center; position: absolute; top: 26px; right: 0; }

.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 { position: relative; }
.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('/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('/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; }
/* [data-hamburger="opened"] .header-primary { background: var(--clr-primary); } */
[data-header-menu="true"] .header-primary,
[data-header-theme="dark"] .header-primary,
/* [data-header-sticky="true"] .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); background: #fff; }

[data-header-theme="transparent"][data-header-expanded="true"] .header-logo::before { opacity: 1; }
[data-header-theme="transparent"][data-header-expanded="true"] .header-logo::after { opacity: 0 }
[data-header-theme="transparent"] .header-logo::before,
[data-hamburger="opened"] .header-logo::before,
[data-header-menu="true"] .header-logo::before,
[data-header-theme="dark"] .header-logo::before { opacity: 0; }
[data-header-theme="transparent"] .header-logo::after,
[data-hamburger="opened"] .header-logo::after,
[data-header-menu="true"] .header-logo::after,
[data-header-theme="dark"] .header-logo::after { opacity: 1; }
[data-hamburger="opened"] .header-logo::before { opacity: 1 !important; }
/* [data-header-sticky="true"] .header-logo::before  */
[data-hamburger="opened"] .header-logo::after { opacity: 0 !important; }
/* [data-header-sticky="true"] .header-logo::after  */
[data-header-theme="transparent"] .header-primary .header-language__current::after { opacity: 0; }
[data-header-theme="dark"] .header-primary .hamburger .circle,
[data-header-theme="light"] .header-primary .hamburger .circle,
[data-header-theme="dark"] .header-primary .hamburger a .circle::before,
[data-header-theme="dark"] .header-primary .hamburger a .circle::after { background: #fff; }
[data-header-theme="light"] .header-primary .hamburger .circle::before,
[data-header-theme="light"] .header-primary .hamburger .circle::after { background: #000; }
[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"] .header-primary .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-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-social-menu="opened"] .header-primary { color: var(--clr-black); }
[data-social-menu="opened"] .header-logo::before { opacity: 1; }
[data-social-menu="opened"] .header-logo::after { opacity: 0 }
[data-header-expanded="true"] .header-primary::after,
[data-header-theme="light"][data-header-sticky="true"] .header-primary::after { opacity: 1; }
[data-header-hide] { top: -100px; }
@media screen and (pointer: fine) {
    .navigation__lists-item > a:hover span { transform: translateY(-100%); }
    .navigation__lists-item:hover .navigation__lists-title { color: var(--clr-primary); }
    .navigation__lists-item:hover .navigation__lists-title::after { transform: none; }
    /* .navigation__lists-item:hover .navigation-menu { background: #f7f7f7; } */
    .navigation-menu__lists-link:hover { color: var(--clr-primary); }
    .navigation-menu__lists-link:hover .icon-external-link-light::before { background-image: url('/images/external-link-primary.svg'); }
    .navigation-menu__column:hover .name { color: var(--clr-primary); }
    /* .navigation-menu__lists-toggle:hover { color: #fff; background: var(--clr-primary); } */
    /* .navigation-menu__lists-toggle:hover { background: #fafafa; } */
    .navigation-menu__sub-link:hover { color: var(--clr-primary); }

    .navigation-menu__lists-toggle:hover ~ .icon { color: var(--clr-primary); }
    .navigation-menu__lists-group:hover .navigation-menu__lists-link { color: var(--clr-primary); }

    .header-language__link:hover { text-decoration: underline; text-underline-offset: 0.25em; }

    [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); }

    .social-menu-section:hover .social-menu-heading,
    .social-menu-item:hover .social-menu-title { color: var(--clr-primary); }
    .social-menu-child .item:hover { color: #000; }
    .social-menu-child .item:hover .icon { opacity: 1; }
}
@media screen and (min-width: 1025px) {
    .header-primary-wrap { margin: auto; max-width: var(--inner-lg); width: 90%; }
    .navigation { transition: all ease .35s; }
    .header-section { overflow: hidden; z-index: 3; display: flex; justify-content: center; position: absolute; top: 0; left: 0; width: 100%; height: var(--header-height); transition-property: padding, opacity, visibility; transition-timing-function: ease; transition-duration: .35s; }
    .navigation__lists-item { display: flex; flex-direction: column; }
    .navigation__lists-item:last-child .navigation-menu { border-right: none; }
    .navigation__lists-item.on > .title { color: var(--clr-primary); }
    .navigation__lists-item.on > .title::before { opacity: 1; }
    .navigation__lists-title { padding: 0 40px; }
    .navigation__lists-title::after { content: ''; z-index: 3; position: absolute; bottom: -1px; left: 0; width: 100%; height: 3px; background: var(--clr-primary); transform: scaleX(0); transform-origin: left; transition: transform ease .3s; }
    /* .navigation-menu { display: flex; position: absolute; top: 0; left: 0; margin-top: 100px; width: calc(100% - 180px); visibility: hidden; opacity: 0; border-top: 1px solid rgba(255, 255, 255, 0.2); } */
    .navigation-menu { flex: 1; display: flex; margin: 20px 0; width: 100%; border-right: 1px solid #f1f1f1; transition: background ease .35s; }
    .navigation-menu__column { padding: 0 40px; width: 100%; text-align: center; }
    .navigation-menu__column:first-child { padding-left: 0; }
    .navigation-menu__column:last-child { padding-right: 0; }
    .navigation-menu .name { color: #fff; }
    /* .navigation__lists-item:nth-child(1) .navigation-menu { min-width: 290px; } */
    [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-primary .background { background: #fff; }
    /* [data-header-gnb="opened"] .header-primary .background { opacity: 1; } */
    /* [data-header-spread="false"] .header-section { visibility: hidden; opacity: 0; } */
    [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; }

    .header-primary .background { position: absolute; top: 0; margin-top: var(--header-height); left: 0; width: 100%; background: #fff; }
    [data-header-expanded="true"] .header-primary .background { border-bottom: 1px solid #f1f1f1; }

    /* .header-background { z-index: 2; position: absolute; top: var(--header-height); left: 0; width: 100%; height: 1px; background: #ccc; opacity: 0; transition: opacity ease .6s; pointer-events: none; } */
    /* [data-header-expanded="true"] .header-background { opacity: 1; } */

}
@media screen and (max-width: 1600px) and (min-width: 1025px) {
    .header-primary-wrap { width: 95%; }
    .header-section { margin-left: -36px; }
    .navigation__lists-title { padding: 0 26px; }
}
@media screen and (max-width: 1024px) {
    .header { z-index: 12; height: 64px; }
    .header-primary-wrap { margin: 0; }
    .header-primary { transition: background ease .3s; }
    .header-logo { top: 20px; left: 5%; width: 112px; height: 24px; }
    .header-primary .hamburger { display: block; top: 6px; margin-right: -12px; }
    .header-primary .hamburger,
    .header-section .close { top: 7px; right: 5%; margin-right: -15px; width: 50px; height: 50px; }
    .header-section .close { top: 7px; margin-right: -15px; }
    .header-section { z-index: 1; position: fixed; top: 0; right: -100%; margin-top: 64px; padding: 30px 5% 170px 24px; max-width: 500px; width: 80%; height: 100vh !important; background: #fff; transition: all ease .6s; }
    .header-section .header-side { display: block; top: auto; bottom: 0; right: 0; margin: 0; padding: 30px 5%; width: 100%; background: #fff; border-top: 1px solid var(--border); }
    .navigation { overflow-x: hidden; overflow-y: auto; height: 100%; }
    .navigation__lists { flex-direction: column; }
    .navigation__lists-item { margin-top: 20px; }
    .navigation__lists-item:last-child { border-bottom: none; }
    /* .navigation__lists-item > .title[aria-expanded="true"] { color: var(--clr-primary); } */
    .navigation__lists-item > .title[aria-expanded="true"] { color: var(--clr-primary); }
    .navigation__lists-item > .title[aria-expanded="true"]::after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48' fill='%230081bd'%3E%3Cpath d='m375 816-43-43 198-198-198-198 43-43 241 241-241 241Z'/%3E%3C/svg%3E"); transform: rotate(90deg) scaleX(-1); }
    .navigation__lists-title { justify-content: flex-start; padding: 2px 0; width: 100%; height: auto; text-align: left; font-family: var(--font-display); 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-repeat: no-repeat; background-size: auto 100%; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48' fill='%23333333'%3E%3Cpath d='m375 816-43-43 198-198-198-198 43-43 241 241-241 241Z'/%3E%3C/svg%3E"); transition: transform ease .15s; }
    .navigation-menu { overflow: hidden; margin: 6px 0 0 12px; padding: 0; max-height: 0; opacity: 0; visibility: hidden; }
    .navigation-menu .name { margin-bottom: 2px; font-size: 1.8rem; }
    .navigation-menu__lists { padding: 4px 0 0; }
    .navigation-menu__lists-group { justify-content: flex-start; }
    .navigation-menu__lists-link { padding: 6px 0.865rem; text-align: left; font-family: var(--font-display); font-size: 1.4rem; }
    .navigation-menu__column { margin-bottom: 10px; }
    .navigation-menu__column:last-child { margin-bottom: 0; }
    .navigation-menu__sub-link { padding-left: 20px; font-size: 1.4rem; }
    .header-primary .social-menu-button .item { top: 7px; left: calc(5% - 8px); padding: 8px; }

    .header-tools { top: 18px; right: calc(5% + 48px); }
    .header-link { margin-top: 0; }
    .header-link .item { margin: 0 6px; padding: 4px; width: 36px; height: 36px; }

    .header-search__form { display: none; position: absolute; top: 100%; }
    .header-language__current { min-width: auto; }
    .header-language__current .text { display: none; }
    /* .header-language .flag { margin-right: 0; margin-top: 0; width: 20px; height: 20px; } */
    .header-language .arrow { display: none; }

    .header-search-handler-wrapper { padding: 60px 5% 40px; }
    .header-search-handler .heading { margin-bottom: 16px; font-size: 2.4rem; }
    .header-search-handler .input-group .input { padding-right: 60px; height: 50px; }
    .header-search-handler .input-group .search { width: 50px; }
    .header-search-handler .close { top: 8px; right: 5%; background-size: auto 50%; }

    .social-menu { display: none; }
    .social-menu-button { display: none; }
    .backdrop { display: none; }

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

    /* [data-header-theme="light"] .header-section { color: #fff; background: var(--clr-primary); } */

	[data-hamburger="opened"] .header-background { visibility: visible; opacity: 1; }
    [data-hamburger="opened"] .header-primary .hamburger { opacity: 0; visibility: hidden; }
    [data-hamburger="opened"] .header-primary .close { opacity: 1; visibility: visible; }
    [data-hamburger="opened"] .header-section { right: 0; }
    [data-hamburger="opened"] .header-section .close { display: block; opacity: 1; visibility: visible; }
    /* [data-hamburger="opened"] .header-section .close .circle::before,
    [data-hamburger="opened"] .header-section .close .circle::after { background: var(--clr-black); } */

    .navigation__lists-title[aria-expanded="true"] { color: var(--clr-primary); }
    .navigation__lists-title[aria-expanded="true"]::after {
        background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' height='48' viewBox='0 96 960 960' width='48' fill='%238dc440'%3E%3Cpath d='m375 816-43-43 198-198-198-198 43-43 241 241-241 241Z'/%3E%3C/svg%3E");
        transform: rotate(90deg);
    }

    .header-primary .header-right { top: 10px; right: 39px; }
    .header-primary .header-right .button-center,
    .header-primary .header-right .button-agency { display: none; }
    .header-primary .header-right .button-search { order: 1; }
    .header-primary .header-right .button-login { order: 2; }
    .header-primary .header-right .button { margin-left: 0; width: 46px; border: none; }
    .header-primary .header-right .button .icon::before { background-size: auto 95%; }

    /* .header-primary .background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgb(0 0 0 / 60%); } */
}
@media screen and (max-width: 768px) {
}


/* Footer */
.footer-primary { overflow: hidden; position: relative; font-size: 1.6rem; border-top: 1px solid #ddd; }
.footer-primary-wrap { margin-right: auto; margin-left: auto; max-width: var(--inner); width: 90%; }
.footer-primary .button-primary { justify-content: space-between; padding: 0 24px; width: 195px; font-size: 1.6rem; font-weight: 400; }
.footer-primary__row { display: flex; justify-content: space-between; position: relative; }
.footer-primary__row:nth-child(1) { padding: 80px 0 130px; }
.footer-primary__row:nth-child(2) { flex-direction: row-reverse; padding: 26px 0; border-top: 1px solid #ddd; }
.footer-primary__heading { margin-bottom: 80px; line-height: 1.2; font-size: 8rem; font-weight: 900; }
.footer-primary__logo { margin-bottom: 40px; width: auto; height: 39px; }
.footer-primary__sitemap { display: flex; justify-content: center; margin: 0 -30px; }
.footer-primary__sitemap-item { padding: 0 30px; }
.footer-primary__sitemap-link { font-weight: 700; }
.footer-primary__sitemap-span { text-decoration: underline; text-underline-offset: 0.45em; transition: all ease .1s; word-break: break-word; text-decoration-color: transparent; text-decoration-thickness: 1px; }
.footer-primary__link { display: flex; align-items: center; gap: 30px; margin-bottom: 2px; }
.footer-primary__link-item { position: relative; }
.footer-primary__link-item::after { content: ''; position: absolute; top: 0; right: -7px; bottom: 0; margin: auto; width: 1px; height: 50%; background: rgb(255 255 255 / 30%); }
.footer-primary__link-item:last-child::after { content: none; }
.footer-primary__link-link { color: #858585; font-weight: 600; }
.footer-primary__link-link--bold { color: #5c5c5c; }
.footer-primary__info-title { margin-bottom: 2px; font-size: inherit; font-weight: 600; }
.footer-primary__info-item { display: flex; position: relative; margin-bottom: 8px; }
.footer-primary__info-item:last-child { margin-bottom: 0; }
.footer-primary__info-dt { flex-shrink: 0; min-width: 60px; }
.footer-primary__info-dd { padding-left: 22px; }
.footer-primary__social { display: flex; align-items: center; justify-content: flex-end; gap: 8px; }
.footer-primary__social-link { display: block; color: inherit; transition: opacity ease .1s; }
.footer-sitemap { display: grid; grid-auto-flow: column; gap: 72px; }
.footer-sitemap__link { display: block; margin-bottom: 28px; font-size: 1.8rem; font-weight: 500; text-decoration: underline; text-underline-offset: 0.45em; transition: all ease .1s; text-decoration-color: transparent; text-decoration-thickness: 1px; }
.footer-sitemap__sub-item { margin-bottom: 18px; }
.footer-sitemap__sub-item:last-child { margin-bottom: 0; }
.footer-primary__copyright { display: block; font-size: inherit; font-weight: 300; color: inherit; opacity: 0.8; }

.family-site { position: relative; margin-right: 67px; }
.family-site .toggle { display: inline-flex; align-items: center; justify-content: space-between; position: relative; padding: 0 24px; width: 225px; height: 50px; font-size: 2rem; font-weight: 600; color: inherit; background: rgba(255, 255, 255, 0.06); border-radius: 50px; transition: all ease .3s; }
.family-site .toggle .icon { margin-left: 1.5em; transform: rotate(90deg); }
/* .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: 225px; 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: scaleY(-1); }
.family-site[aria-expanded="true"] .toggle .icon { transform: rotate(-90deg); }
.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('/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('/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__sitemap-link:hover .footer-primary__sitemap-span { text-decoration-color: #fff; }
    /* .footer-primary__link a:hover {  } */
    .footer-primary__link-link:hover { color: var(--clr-primary); text-decoration: underline; text-underline-offset: 0.4em; }
    /* .footer-primary__social-link:hover { color: var(--clr-primary); } */
    .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; }
    .family-site .toggle:hover { color: var(--clr-primary); background: #fff; }
    .family-site .toggle:hover .icon-chevron-right-light::before { opacity: 0; }
    .family-site .toggle:hover .icon-chevron-right-light::after { opacity: 1; }
    .family-site .listbox li a:hover { color: var(--clr-primary); }
    .footer-sitemap__sub-link:hover { color: var(--clr-primary); text-decoration: underline; text-underline-offset: 0.25em; }
    .floaty__top-button:hover { background: var(--clr-primary); }
}
@media screen and (min-width: 1025px) {
    .footer-category[data-category="opened"] { right: 260px; }
}
@media screen and (max-width: 1024px) {
    .footer-primary { font-size: 1.4rem; }
    .footer-primary__row { display: block; }
    .footer-primary__row:nth-child(1) { padding: 40px 0 26px; }
    .footer-primary__row:nth-child(2) { padding-bottom: 40px; }
    .footer-primary__logo { margin-bottom: 20px; height: 32px; }
    .footer-primary__info-data { display: block; }
    .footer-primary__link-item { margin: 0 0 16px; }
    .footer-primary__link-item:not(:last-child)::after { top: 4px; width: 1px; }
    .footer-primary__info-item:nth-child(n+2)::after { content: none; }
    .footer-primary__info-title { margin-bottom: 6px; font-size: 1.5rem; }
    .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 .bottom-button .button { height: 45px; font-size: 1.5rem; }
    .footer-sitemap { display: none; }
    .footer-primary__copyright { margin-top: 4px; font-size: 1.3rem; }

    .family-site { width: 100%; max-width: 300px; }
	.family-site .listbox { padding: 10px 0; }
	.family-site .listbox li a { padding: 6px 24px; font-size: 14px; }
    .family-site .toggle { font-size: 1.5rem; background-position: right 10px center; border: 1px solid rgba(255, 255, 255, 0.5); }

    .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; }
    .footer-category { padding: 1.6rem; width: 100%; background: rgba(0, 0, 0, 0.6); visibility: hidden; opacity: 0; transition: none; }
    .footer-category__button { display: none; }
    .footer-category__lists { position: relative; padding-top: 20px; width: 100%; border-radius: 10px; }
    .footer-category__heading { margin-bottom: 20px; }
    .footer-category__item { width: 25%; }
    .footer-category__close { display: block; }
    .footer-sitemap { display: none; }

    .floaty { bottom: 15px; right: 15px; }
}
@media screen and (max-width: 768px) {

}
@media screen and (max-width: 500px) {
    .footer-primary__info-dt { margin-bottom: 0; font-weight: 500; }
}


/* Modal */
.modal { --modal-margin: 24px; display: none; z-index: 20; position: fixed; top: 0; left: 0; width: 100%; height: 100%; transition: opacity .15s linear; }
.modal__wrapper { margin: var(--modal-margin) auto; max-width: 1465px; max-height: calc(100% - var(--modal-margin) * 2); width: 90%; height: 100%; transform: translateY(-50px); transition: transform cubic-bezier(0.22, 0.61, 0.36, 1) .5s; pointer-events: none; }
.modal__contents { overflow: hidden; display: flex; flex-direction: column; position: relative; max-height: 100%; width: 100%; color: var(--clr-dark); background: #fff; border-radius: 16px; pointer-events: auto; }
.modal__close { display: block; position: absolute; top: 22px; right: 22px; width: 50px; height: 50px; }
.modal__close::before { content: ''; display: block; width: 100%; height: 100%; background: url('/images/x.svg') no-repeat center / auto 80%; }
.modal--center .modal__wrapper { display: flex; align-items: center; }
.modal--opened .modal__wrapper { transform: none; }
.modal:not(.modal--opened) { opacity: 0; }

.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 (max-width: 1024px) {
    .modal__contents { border-radius: 8px; }
    .modal__close { top: 10px; right: 10px; }
    .modal__close::before { background-size: auto 66%; }
}
@media screen and (max-width: 768px) {
    .modal__close { top: 4px; right: 4px; }
}


/* Pagination */
.pagination { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; margin-top: 60px; }
.pagination .page-item .page-link { display: flex; align-items: center; justify-content: center; position: relative; margin: 0 4px; padding-right: 0.5em; padding-left: 0.5em; width: 40px; height: 40px; font-size: 1.6rem; font-weight: 400; color: #8b8c8d; border: 1px solid transparent; border-radius: 50%; }
/* .pagination .page-item.active .page-link { color: #fff; background: #01ABAA; } */
/* .pagination .page-item:nth-child(1) .page-link,
.pagination .page-item:nth-child(2) .page-link,
.pagination .page-item:nth-last-child(1) .page-link,
.pagination .page-item:nth-last-child(2) .page-link { padding-right: 0; padding-left: 0; width: 40px; } */
.pagination .page-item .page-link .number { display: flex; align-items: center; justify-content: center; padding-top: 4px; text-align: center; border-bottom: 1px solid transparent; }
.pagination .page-item .page-link::after { content: ''; position: absolute; bottom: 0; left: 0; right: 0; margin: auto; width: 50%; height: 1px; background: var(--clr-apricot); opacity: 0; transform: scaleX(0); transition: all ease .15s; }
.pagination .page-item.active .page-link { color: var(--clr-black); }
.pagination .page-item.active .page-link::after { transform: none; opacity: 1; }
.pagination .page-item:nth-child(1) .page-link:after,
.pagination .page-item:nth-child(2) .page-link:after,
.pagination .page-item:nth-last-child(1) .page-link:after,
.pagination .page-item:nth-last-child(2) .page-link:after { content: none; }
.pagination .page-item .page-link span { display: block; width: 100%; height: 100%; background-repeat: no-repeat; background-position: center; background-size: auto 120%; }
.pagination .page-item .page-link span.first { background-image: url('/images/pagination-arrow-first.svg'); }
.pagination .page-item .page-link span.previous { background-image: url('/images/pagination-arrow-prev.svg'); }
.pagination .page-item .page-link span.next { background-image: url('/images/pagination-arrow-next.svg'); }
.pagination .page-item .page-link span.last { background-image: url('/images/pagination-arrow-last.svg'); }
.pagination .page-item.disabled,
.pagination .disabled > .page-link { opacity: 0.55; pointer-events: none; }
@media screen and (pointer: fine) {
    .pagination .page-item .page-link:hover { color: var(--clr-black); }
    .pagination .page-item .page-link:hover::after { transform: none; opacity: 1; }
    .pagination .page-item .page-link:hover span.first { background-image: url('/images/pagination-arrow-first-primary.svg'); }
    .pagination .page-item .page-link:hover span.previous { background-image: url('/images/pagination-arrow-prev-primary.svg'); }
    .pagination .page-item .page-link:hover span.next { background-image: url('/images/pagination-arrow-next-primary.svg'); }
    .pagination .page-item .page-link:hover span.last { background-image: url('/images/pagination-arrow-last-primary.svg'); }
}
@media screen and (max-width: 1024px) {
    .pagination { margin-top: 50px; }
    .pagination .page-item:nth-child(1) .page-link,
    .pagination .page-item:nth-child(2) .page-link,
    .pagination .page-item:nth-last-child(1) .page-link,
    .pagination .page-item:nth-last-child(2) .page-link { width: 36px; }
    .pagination .page-item .page-link { font-size: 1.4rem; width: 36px; height: 36px; line-height: 36px; }
}
@media screen and (max-width: 768px) {
    .pagination { margin-top: 30px; }
    .pagination .page-item:nth-child(1) .page-link,
    .pagination .page-item:nth-child(2) .page-link,
    .pagination .page-item:nth-last-child(1) .page-link,
    .pagination .page-item:nth-last-child(2) .page-link { width: 30px; }
    .pagination .page-item .page-link { font-size: 1.3rem; }
    .pagination .page-item .page-link span { background-size: auto 100%; }
}
@media screen and (max-width: 500px) {
    .pagination .page-item .page-link { margin: 0; width: 30px; height: 30px; line-height: 30px; }
}


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

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

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

.ts-dropdown.single { overflow: hidden; box-shadow: 0px 0px 10px 0px rgba(0, 0, 0, .05), 0px 5px 10px 0px rgba(0, 0, 0, .1); }
.ts-dropdown.single,
.ts-wrapper.single .ts-control { font-size: 1.6rem; font-weight: 400; border-color: var(--border); border-radius: 8px; }
.ts-wrapper.single .ts-control { background: transparent; box-shadow: none; }
.ts-wrapper.single.input-active .ts-control,
.ts-wrapper.single.input-active .ts-control input { cursor: pointer; }
.ts-wrapper { padding-right: 0 !important; padding-left: 0 !important; }
.ts-control { padding: 16px 20px; }
.ts-control:focus { outline: 2px solid var(--clr-primary) }
.ts-control > * { margin-top: auto; margin-bottom: auto; color: var(--placeholder); }
.ts-control,
.ts-control input,
.ts-dropdown { line-height: normal; font-size: 1.6rem; }
.ts-dropdown { display: block !important; margin-top: 8px; border: 1px solid var(--clr-black); box-shadow: none; border-radius: 0; opacity: 0; visibility: hidden !important; transition: all ease .15s; }
.ts-dropdown-content { padding: 8px; }
.ts-dropdown .create,
.ts-dropdown .no-results,
.ts-dropdown .optgroup-header,
.ts-dropdown .option { padding: 10px 8px; }
.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('/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-wrapper.dropdown-active .ts-dropdown {
    opacity: 1; visibility: visible !important;
}
[aria-activedescendant] .item { color: var(--clr-black); }
@media screen and (max-width: 1024px) {

}
@media screen and (max-width: 768px) {
	.ts-wrapper.single .ts-control:after { background-size: auto 90%; }
}


/* 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; }
.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: #fff; background: #555; }
.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; 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('/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: #AAAAAA; --color-hover: #AAAAAA; --background: #F3F6FB; --background-hover: #e4e7ef; --background-active: var(--clr-primary); --border-radius: 12px; }
.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: 50px; text-align: center; font-family: var(--font-display); color: var(--clr-primary); border: 1px solid var(--clr-primary); border-radius: 50px; transition: all ease .15s; }
.tabby .tabs .tab[aria-selected="true"] { color: #fff; background: var(--background-active); }
@media (hover: hover) and (pointer: fine) {
	.tabby .tabs .tab:hover[aria-selected="false"] { color: #fff; background: var(--clr-primary); }
}
@media screen and (max-width: 1024px) {
    .tabby { --gap: 16px; }
    .tabby .tabs .tab { height: 45px; font-size: 1.6rem; }
}
@media screen and (max-width: 768px) {
    .tabby { --gap: 10px; }
    .tabby .tabs .tab { height: 40px; font-size: 1.4rem; }
}


/* 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) {
    /* .accordionjs .acc_head { display: block; padding: 36px 42px 36px 0; height: auto; font-size: 1.8rem; }
    .accordionjs .acc_head::after { right: 0; height: 20px; height: 20px; }
    .accordionjs .acc_content .context { padding: 20px 16px; }
    .accordionjs .acc_content .text { font-size: 1.6rem; margin-bottom: 4px; } */
}
@media screen and (max-width: 768px) {
    /* .accordionjs .acc_head { padding: 16px 36px 16px 0; font-size: 1.6rem; }
    .accordionjs .acc_content .context { padding: 16px 14px; }
    .accordionjs .acc_content .text { font-size: 1.5rem; } */
}


/* logo */
.premium-yebisu-master { position: relative; display: inline-block; width: 100%; max-width: 517px; aspect-ratio: 517 / 300; }
.premium-yebisu-master::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%;
    height: 100%;
    -webkit-mask-image: url('/images/premium-yebisu-master.svg');
    mask-image: url('/images/premium-yebisu-master.svg');
    -webkit-mask-size: contain;
    mask-size: contain;
    -webkit-mask-repeat: no-repeat;
    mask-repeat: no-repeat;
    -webkit-mask-position: center;
    mask-position: center;

    background-color: #fff;
    transition: background-color 0.3s ease;
}


.modal-video-movie-wrap iframe { pointer-events: all !important; }


/* viewer */
[data-viewer] { cursor: pointer; }
[data-viewer-mobile] { 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('/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; }
}


/* for Global */
@media screen and (min-width: 1025px) {
    [lang="en"] .navigation__lists-title { padding: 0 20px; font-size: 1.7rem; }
    [lang="en"] .navigation-menu { padding: 0 16px; }
    [lang="en"] .navigation-menu__lists-group { padding-right: 14px; }
    [lang="en"] .navigation-menu__lists-link { font-size: 1.5rem; }

    [lang="en"] .footer-sitemap { gap: 36px; font-size: 1.6rem; }
    [lang="en"] .footer-sitemap__sub-item { margin-bottom: 16px; }
    [lang="en"] .footer-sitemap__link { margin-bottom: 20px; font-size: inherit; }
}
@media screen and (max-width: 480px) {
    [lang="en"] .navigation-menu__lists-link { max-width: 72%; }

	[lang="en"] .footer-primary__link { display: block; }
    [lang="en"] .footer-primary__link-item:not(:last-child) { margin-bottom: 8px; }
}