.fidelity .marquee-whisper__set {
    font-family: var(--font-display-family);
    font-size: var(--deco-marquee-fs);
    letter-spacing: var(--tracking-display);
    color: rgb(var(--color-white-rgb) / 0.102);
    white-space: nowrap;
    -webkit-user-select: none;
    user-select: none;
    flex-shrink: 0;
    align-items: center;
    padding-right: clamp(40px,2.589vw + 30.2913px,80px);
    font-weight: 500;
    line-height: 1;
    display: inline-flex
}

.fidelity .marquee-whisper--solid .marquee-whisper__set {
    color: var(--clr-base-black);
    text-transform: uppercase;
    font-family: inherit;
    font-weight: 700
}

@keyframes ui-marquee-whisper {
    0% {
        transform: translate(0,0)
    }

    to {
        transform: translate(-50%)
    }
}

.fidelity,.fidelity,.fidelity div,.fidelity span,.fidelity applet,.fidelity object,.fidelity iframe,.fidelity h1,.fidelity h2,.fidelity h3,.fidelity h4,.fidelity h5,.fidelity h6,.fidelity p,.fidelity blockquote,.fidelity pre,.fidelity a,.fidelity abbr,.fidelity acronym,.fidelity address,.fidelity big,.fidelity cite,.fidelity code,.fidelity del,.fidelity dfn,.fidelity em,.fidelity img,.fidelity ins,.fidelity kbd,.fidelity q,.fidelity s,.fidelity samp,.fidelity small,.fidelity strike,.fidelity strong,.fidelity sub,.fidelity sup,.fidelity tt,.fidelity var,.fidelity b,.fidelity u,.fidelity i,.fidelity center,.fidelity dl,.fidelity dt,.fidelity dd,.fidelity ol,.fidelity ul,.fidelity li,.fidelity fieldset,.fidelity form,.fidelity label,.fidelity legend,.fidelity table,.fidelity caption,.fidelity tbody,.fidelity tfoot,.fidelity thead,.fidelity tr,.fidelity th,.fidelity td,.fidelity main,.fidelity article,.fidelity aside,.fidelity canvas,.fidelity details,.fidelity embed,.fidelity figure,.fidelity figcaption,.fidelity footer,.fidelity header,.fidelity hgroup,.fidelity menu,.fidelity nav,.fidelity output,.fidelity ruby,.fidelity section,.fidelity summary,.fidelity time,.fidelity mark,.fidelity audio,.fidelity video {
    font-size: 100%;
    font: inherit;
    vertical-align: baseline;
    border: 0;
    margin: 0;
    padding: 0
}

.fidelity article,.fidelity aside,.fidelity details,.fidelity figcaption,.fidelity figure,.fidelity footer,.fidelity header,.fidelity hgroup,.fidelity menu,.fidelity nav,.fidelity section {
    display: block
}

.fidelity {
    line-height: 1
}

.fidelity ol,.fidelity ul {
    list-style: none
}

.fidelity blockquote,.fidelity q {
    quotes: none
}

.fidelity blockquote:before,.fidelity blockquote:after,.fidelity q:before,.fidelity q:after {
    content: "";
    content: none
}

.fidelity table {
    border-collapse: collapse;
    border-spacing: 0
}

.fidelity {
    /* 색 변수 — 템플릿에서 넘어온 것 중 실제 화면 규칙이 쓰는 것만 (2026-11-03 정리) */
    --clr-base-white: var(--color-white);
    --clr-background-paper: var(--color-bg);
    --clr-text-base: var(--color-text);
    --clr-gray-100: var(--color-bg);
    --font-sans-family: "Inter", "Pretendard Variable", "Pretendard", -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans KR", system-ui, sans-serif;
    --font-display-family: var(--font-sans-family);
    --font-oswald-family: "Oswald", "Pretendard Variable", "Pretendard", var(--font-sans-family);
    --font-mono-family: "JetBrains Mono", "SF Mono", "Cascadia Code", "Source Code Pro", Menlo, Monaco, Consolas, "Courier New", monospace;
    --tracking-display: -.015em;
    --tracking-heading: -.01em;
    --tracking-body: 0em;
    --tracking-caps: .06em;
    --family-primary: var(--font-sans-family);
    --family-display: var(--font-display-family);
    --family-mono: var(--font-mono-family);
    --family-pretendard: var(--font-sans-family);
    --family-hggothic: var(--font-sans-family);
    --display-xs-fs: clamp(40px, 2.0712vw + 32.233px, 72px);
    --display-sm-fs: clamp(36px, 1.8123vw + 29.2039px, 64px);
    --display-md-fs: clamp(36px, 1.8123vw + 29.2039px, 64px);
    --display-lg-fs: clamp(40px, 5.17799vw + 20.5825px, 120px);
    --display-xl-fs: clamp(48px, 6.47249vw + 23.7282px, 148px);
    --display-xs-lh: 1.12;
    --display-sm-lh: 1.08;
    --display-md-lh: 1.04;
    --display-lg-lh: 1;
    --display-xl-lh: .98;
    --display-xs-fw: 600;
    --display-sm-fw: 600;
    --display-md-fw: 600;
    --display-lg-fw: 600;
    --display-xl-fw: 600;
    --heading-2xs-fs: clamp(18px, .12945vw + 17.5146px, 20px);
    --heading-xs-fs: clamp(20px, .2589vw + 19.0291px, 24px);
    --heading-sm-fs: clamp(28px, .517799vw + 26.0583px, 36px);
    --heading-md-fs: clamp(28px, .517799vw + 26.0583px, 36px);
    --heading-bl-fs: clamp(28px, .517799vw + 26.0583px, 36px);
    --heading-lg-fs: clamp(36px, 1.8123vw + 29.2039px, 64px);
    --heading-xl-fs: clamp(32px, 1.0356vw + 28.1165px, 48px);
    --heading-2xs-lh: 1.42;
    --heading-xs-lh: 1.36;
    --heading-sm-lh: 1.32;
    --heading-md-lh: 1.28;
    --heading-bl-lh: 1.24;
    --heading-lg-lh: 1.2;
    --heading-xl-lh: 1.12;
    --heading-2xs-fw: 600;
    --heading-xs-fw: 600;
    --heading-sm-fw: 600;
    --heading-md-fw: 600;
    --heading-bl-fw: 600;
    --heading-lg-fw: 600;
    --heading-xl-fw: 600;
    --body-xs-fs: clamp(12px, .12945vw + 11.5146px, 14px);
    --body-sm-fs: clamp(13px, .194175vw + 12.2718px, 16px);
    --body-md-fs: clamp(16px, .12945vw + 15.5146px, 18px);
    --body-lg-fs: clamp(18px, .12945vw + 17.5146px, 20px);
    --body-xl-fs: clamp(16px, .38835vw + 14.5437px, 22px);
    --body-xs-lh: 1.55;
    --body-sm-lh: 1.6;
    --body-md-lh: 1.65;
    --body-lg-lh: 1.6;
    --body-xl-lh: 1.55;
    --body-xs-fw: 400;
    --body-sm-fw: 400;
    --body-md-fw: 400;
    --body-lg-fw: 400;
    --body-xl-fw: 400;
    --subhero-title-fs: clamp(40px, 2.0712vw + 32.233px, 72px);
    --subhero-title-lh: 1.08;
    --subhero-title-fw: 700;
    --section-title-fs: clamp(32px, 1.0356vw + 28.1165px, 48px);
    --section-title-lh: 1.14;
    --section-title-fw: 700;
    --middle-title-lg-fs: clamp(36px, 1.8123vw + 29.2039px, 64px);
    --middle-title-lg-lh: 1.1;
    --middle-title-lg-fw: 700;
    --middle-title-md-fs: clamp(28px, .517799vw + 26.0583px, 36px);
    --middle-title-md-lh: 1.18;
    --middle-title-md-fw: 700;
    --list-title-fs: clamp(20px, .2589vw + 19.0291px, 24px);
    --list-title-lh: 1.32;
    --list-title-fw: 700;
    --subtitle-fs: clamp(18px, .12945vw + 17.5146px, 20px);
    --subtitle-lh: 1.6;
    --subtitle-fw: 400;
    --overline-fs: clamp(18px, .38835vw + 16.5437px, 24px);
    --overline-lh: 1.4;
    --overline-fw: 500;
    --mono-xs-fs: clamp(11px, .0647249vw + 10.7573px, 12px);
    --mono-sm-fs: clamp(12px, .12945vw + 11.5146px, 14px);
    --deco-marquee-fs: clamp(96px, 5.95469vw + 73.6699px, 188px);
    --deco-wordmark-fs: clamp(64px, 10.0971vw + 26.1359px, 220px);
    --deco-wordmark-fw: 600;
    --deco-wordmark-lh: .8;
    --dur-instant: .1s;
    --dur-fast: .2s;
    --dur-base: .32s;
    --dur-slow: .56s;
    --dur-slower: .88s;
    --dur-epic: 1.2s;
    --ease-out-quart: cubic-bezier(.22, 1, .36, 1);
    --ease-out-expo: cubic-bezier(.16, 1, .3, 1);
    --ease-in-out: cubic-bezier(.65, 0, .35, 1);
    --ease-spring: cubic-bezier(.34, 1.56, .64, 1);
    --ease-linear: linear;
    --stagger-base: 60ms;
    --stagger-fast: 30ms;
    --stagger-slow: .12s;
    --reveal-offset-sm: 16px;
    --reveal-offset-md: 40px;
    --reveal-offset-lg: 80px
}

@media (prefers-reduced-motion:reduce) {
    .fidelity {
        --dur-instant: 0s;
        --dur-fast: 0s;
        --dur-base: 0s;
        --dur-slow: 0s;
        --dur-slower: 0s;
        --dur-epic: 0s;
        --stagger-base: 0s;
        --stagger-fast: 0s;
        --stagger-slow: 0s;
        --reveal-offset-sm: 0px;
        --reveal-offset-md: 0px;
        --reveal-offset-lg: 0px
    }
}

.fidelity {
    --gutter: 20px;
    --header-height: 98px;
    --header-z-index: 9999;
    --drawer-z-index: 999;
    --tran-15: .15s ease;
    --tran-3: .3s ease;
    --family-base: var(--family-hggothic)
}

@media (max-width: 768px) {
    .fidelity {
        --header-height:48px
    }
}

.fidelity {
    --public-navy: #3f2633;
    --public-navy-deep: #171113;
    --public-blue: #c95678;
    --public-blue-soft: #fde4ee;
    --public-transit-subway-1: #d93f5c;
    --public-transit-subway-2: #00aa80;
    --public-transit-bus-trunk: #1478c9;
    --public-transit-bus-feeder: #d59d00;
    --public-transit-bus-express: #d43d47;
    --public-location-top-gap: clamp(112px, 3.1068vw + 100.35px, 160px);
    --public-cart-toast-action: var(--public-blue);
    --public-cart-toast-max: 440px;
    --public-cart-toast-min-height: 88px;
    --public-cart-toast-padding-block: 20px;
    --public-cart-toast-padding-inline: 32px;
    --public-event-card-inset: 24px;
    --public-ink: #1f1f1f;
    --public-muted: #888;
    --public-muted-soft: #9f9f9f;
    --public-line: #ddd;
    --public-line-strong: #1f1f1f;
    --public-surface: var(--color-bg);
    --public-surface-subtle: #fff6f8;
    --public-white: var(--color-white);
    --public-overlay: #0000004a;
    --public-focus: #f7a9c7;
    --public-focus-width: 2px;
    --public-focus-offset: 3px;
    --public-kakao: #fee500;
    --public-kakao-hover: #f4dc00;
    --public-award-black: #1e1e1e;
    --public-award-plum: #3f2633;
    --public-award-blue: #0047ff;
    --public-award-wine: #a83f58;
    --public-award-green: #2f6c55;
    --public-transit-line-1: #e72f70;
    --public-transit-line-2: #34a853;
    --public-feedback-success: #2f6c55;
    --public-feedback-success-soft: #edf6ef;
    --public-feedback-warning: #9a6d2c;
    --public-feedback-warning-soft: #faf2e3;
    --public-feedback-error: #a83f58;
    --public-feedback-error-soft: #fff0f4;
    --public-header-inset: 24px;
    --public-header-side: 24px;
    --public-header-bar-height: 76px;
    --public-header-height: 100px;
    --public-header-width: 1200px;
    --public-header-padding-inline: 24px;
    --public-header-menu-gap: 24px;
    --public-header-surface: rgb(var(--brown-rgb) / 0.6);
    --public-header-stroke: rgb(var(--color-white-rgb) / 0.302);
    --public-shell-max: 1600px;
    --public-shell-gutter: clamp(20px, .776699vw + 17.0874px, 32px);
    --public-header-gutter: clamp(16px, 1.0356vw + 12.1165px, 32px);
    --public-header-max: 1320px;
    --public-detail-max: 940px;
    --public-control-sm: 44px;
    --public-control-md: 52px;
    --public-control-lg: 56px;
    --public-button-font-size: 14px;
    --public-treatment-body-font-size: 16px;
    --public-header-action-width: clamp(32px, .2589vw + 31.0291px, 36px);
    --public-header-icon-size: clamp(16px, .12945vw + 15.5146px, 18px);
    --public-header-notify-size: 12px;
    --public-header-notify-font-size: 8px;
    --public-icon-sm: 18px;
    --public-icon-md: 22px;
    --public-icon-lg: 24px;
    --public-header-action-shadow: 0 6px 16px #3f26331f;
    --public-card-row: 76px;
    --public-space-2xs: 8px;
    --public-space-xs: 12px;
    --public-space-sm: 16px;
    --public-space-md: 20px;
    --public-space-lg: 25px;
    --public-space-xl: 30px;
    --public-space-2xl: 40px;
    --public-space-3xl: 50px;
    --public-space-section: 55px;
    --public-space-page: 65px;
    --public-radius-sm: 0;
    --public-radius-md: 0;
    --public-radius-pill: 999px;
    --public-check-size: 24px;
    --public-cart-max: 812px;
    --public-cart-panel-padding: 30px;
    --public-cart-row-min-height: 189px;
    --public-cart-page-bottom: 118px;
    --public-footer-mobile-safe-space: 110px;
    --public-home-title-family: "Bebas Neue", var(--font-oswald-family);
    --public-home-title-fs: clamp(44px, 3.75vw, 72px);
    --public-home-title-fw: 400;
    --public-home-title-lh: 1;
    --public-home-lead-fs: clamp(15px, 1.15vw, 22px);
    --public-study-media-ratio: 316 / 231;
    --public-nav-fs: 18px;
    --public-drawer-root-fs: 48px;
    --public-search-max-width: 640px;
    --public-search-height: 48px;
    --public-search-submit-width: clamp(80px, .517799vw + 78.0583px, 88px);
    --public-search-gap: clamp(10px, .38835vw + 8.54369px, 16px);
    --public-search-input-padding-inline: var(--public-space-xs);
    --public-search-icon-slot: clamp(44px, .2589vw + 43.0291px, 48px);
    --public-search-icon-size: var(--public-icon-md);
    --public-search-placeholder-color: var(--public-muted);
    --public-auth-panel-max: 440px;
    --public-auth-mark-size: 64px;
    --public-auth-success: #2f6c55;
    --public-auth-error: #a83f58;
    --public-social-icon-size: 20px;
    --public-social-instagram: radial-gradient(circle at 30% 105%, #ffd600 0 24%, #ff7a00 25% 38%, #ff0169 52%, #d300c5 72%, #7638fa 92%);
    --public-social-kakao: #fee500;
    --public-social-naver: #03c75a;
    --public-social-youtube: #f03;
    --public-social-ink: #111;
    --public-duration: .35s;
    --public-ease: cubic-bezier(.22, .8, .25, 1);
    --public-z-header: 90;
    --public-z-async-directory: 110;
    --public-z-drawer: 120;
    --public-noise-opacity: .18;
    --public-noise-tile-size: 128px;
    --public-z-noise: 100000
}

@media (max-width: 1023px) {
    .fidelity {
        --public-header-max:100%;
        --public-control-sm: 40px
    }
}

@media (max-width: 767px) {
    .fidelity {
        --public-header-inset:12px;
        --public-header-side: 20px;
        --public-header-bar-height: 64px;
        --public-header-height: 76px;
        --public-header-padding-inline: 16px
    }
}

.fidelity .public-header.site-header {
    --public-header-fill-duration: .56s
}

.fidelity,.fidelity a,.fidelity button,.fidelity select,.fidelity input,.fidelity textarea,.fidelity option {
    font-family: var(--family-base);
    font-size: var(--body-md-fs);
    font-weight: var(--body-md-fw);
    line-height: var(--body-md-lh);
    word-break: keep-all
}

.fidelity {
    --section-xs: clamp(24px, 1.5534vw + 18.1748px, 48px);
    --section-sm: clamp(32px, 2.0712vw + 24.233px, 64px);
    --section-md: clamp(48px, 3.1068vw + 36.3495px, 96px);
    --section-lg: clamp(64px, 4.1424vw + 48.466px, 128px);
    --section-xl: clamp(80px, 10.356vw + 41.1651px, 240px);
    --radius-xs: clamp(2px, .12945vw + 1.51456px, 4px);
    --radius-sm: clamp(4px, .2589vw + 3.02913px, 8px);
    --radius-md: clamp(8px, .517799vw + 6.05825px, 16px);
    --radius-lg: clamp(12px, .776699vw + 9.08738px, 24px);
    --radius-xl: clamp(16px, 1.0356vw + 12.1165px, 32px);
    --radius-round: 9999px;
    --spacing-xxs: clamp(2px, .12945vw + 1.51456px, 4px);
    --spacing-xs: clamp(4px, .2589vw + 3.02913px, 8px);
    --spacing-sm: clamp(6px, .38835vw + 4.54369px, 12px);
    --spacing-md: clamp(8px, .517799vw + 6.05825px, 16px);
    --spacing-lg: clamp(12px, .776699vw + 9.08738px, 24px);
    --spacing-xl: clamp(16px, 1.0356vw + 12.1165px, 32px);
    --spacing-2xl: clamp(24px, 1.5534vw + 18.1748px, 48px);
    --spacing-3xl: clamp(32px, 2.0712vw + 24.233px, 64px);
    --spacing-4xl: clamp(40px, 2.589vw + 30.2913px, 80px);
    --spacing-5xl: clamp(64px, 4.1424vw + 48.466px, 128px);
    --spacing-6xl: clamp(80px, 10.356vw + 41.1651px, 240px)
}

.fidelity * {
    box-sizing: border-box;
    letter-spacing: -.02em;
    margin: 0;
    padding: 0
}

.fidelity {
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: #0000;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
    text-rendering: optimizelegibility;
    background: var(--clr-background-paper);
    font-size: 62.5%
}

.fidelity ::selection {
    color: var(--color-white);
    background: #000
}

.fidelity ::-webkit-scrollbar {
    background-color: #f7f7f7;
    width: 8px;
    height: 8px
}

.fidelity ::-webkit-scrollbar-track {
    background-color: #f7f7f7
}

.fidelity ::-webkit-scrollbar-button {
    width: 0;
    height: 0;
    display: none
}

.fidelity ::-webkit-scrollbar-thumb {
    background-color: #595854;
    border-radius: 9990px
}

.fidelity a,.fidelity button,.fidelity select,.fidelity input,.fidelity textarea,.fidelity option {
    font-size: var(--body-sm-fs)
}

.fidelity ul,.fidelity ol,.fidelity li {
    list-style: none
}

.fidelity img {
    object-fit: cover;
    width: 100%
}

.fidelity a {
    color: var(--clr-text-base);
    text-decoration: none;
    display: block
}

.fidelity em,.fidelity address {
    font-style: normal
}

.fidelity button {
    cursor: pointer;
    background: 0 0;
    border: none
}

.fidelity label {
    cursor: pointer
}

.fidelity textarea {
    resize: none
}

.fidelity input,.fidelity textarea,.fidelity select,.fidelity option {
    border: none;
    outline: none
}

.fidelity.is-scrolling :not([data-aos]):not([data-aos] *):not([data-lenis-transition]):not([data-lenis-transition] *):not(.no-auto-cover):not(.no-auto-cover *):not(.public-header):not(.public-header *) {
    transition: none!important
}

.fidelity .--blind {
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(0 0 99.9% 99.9%);
    border: 0;
    width: 1px;
    height: 1px;
    padding: 0;
    position: absolute;
    overflow: hidden
}

@media (max-width: 768px) {
    .fidelity br {
        display:none
    }
}

.fidelity {
    --family-pretendard: "Pretendard", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
    --display-xs-fs: clamp(28px, 2.3301vw + 19.2621px, 64px);
    --display-xs-fw: 700;
    --display-xs-lh: 1.2;
    --display-sm-fs: clamp(32px, 2.589vw + 22.2913px, 72px);
    --display-sm-fw: 700;
    --display-sm-lh: 1.2;
    --display-md-fs: clamp(36px, 3.3657vw + 23.3786px, 88px);
    --display-md-fw: 700;
    --display-md-lh: 1.15;
    --display-lg-fs: clamp(40px, 3.6246vw + 26.4078px, 96px);
    --display-lg-fw: 700;
    --display-lg-lh: 1.1;
    --display-xl-fs: clamp(48px, 5.17799vw + 28.5825px, 128px);
    --display-xl-fw: 700;
    --display-xl-lh: 1.1;
    --no-display-xs-fs: clamp(28px, 2.3301vw + 19.2621px, 64px);
    --no-display-xs-fw: 700;
    --no-display-xs-lh: 1.2;
    --no-display-sm-fs: clamp(32px, 2.589vw + 22.2913px, 72px);
    --no-display-sm-fw: 700;
    --no-display-sm-lh: 1.2;
    --no-display-md-fs: clamp(36px, 3.3657vw + 23.3786px, 88px);
    --no-display-md-fw: 700;
    --no-display-md-lh: 1.15;
    --no-display-lg-fs: clamp(40px, 3.6246vw + 26.4078px, 96px);
    --no-display-lg-fw: 700;
    --no-display-lg-lh: 1.1;
    --no-display-xl-fs: clamp(48px, 5.17799vw + 28.5825px, 128px);
    --no-display-xl-fw: 700;
    --no-display-xl-lh: 1.1;
    --heading-xs-fs: clamp(18px, .38835vw + 16.5437px, 24px);
    --heading-xs-fw: 600;
    --heading-xs-lh: 1.4;
    --heading-sm-fs: clamp(18px, .647249vw + 15.5728px, 28px);
    --heading-sm-fw: 600;
    --heading-sm-lh: 1.4;
    --heading-md-fs: clamp(20px, .776699vw + 17.0874px, 32px);
    --heading-md-fw: 600;
    --heading-md-lh: 1.4;
    --heading-lg-fs: clamp(22px, 1.16505vw + 17.6311px, 40px);
    --heading-lg-fw: 600;
    --heading-lg-lh: 1.3;
    --heading-xl-fs: clamp(22px, 1.68285vw + 15.6893px, 48px);
    --heading-xl-fw: 600;
    --heading-xl-lh: 1.3;
    --no-heading-xs-fs: clamp(18px, .38835vw + 16.5437px, 24px);
    --no-heading-xs-fw: 600;
    --no-heading-xs-lh: 1.4;
    --no-heading-sm-fs: clamp(18px, .647249vw + 15.5728px, 28px);
    --no-heading-sm-fw: 600;
    --no-heading-sm-lh: 1.4;
    --no-heading-md-fs: clamp(20px, .776699vw + 17.0874px, 32px);
    --no-heading-md-fw: 600;
    --no-heading-md-lh: 1.4;
    --no-heading-lg-fs: clamp(22px, 1.16505vw + 17.6311px, 40px);
    --no-heading-lg-fw: 600;
    --no-heading-lg-lh: 1.3;
    --no-heading-xl-fs: clamp(22px, 1.68285vw + 15.6893px, 48px);
    --no-heading-xl-fw: 600;
    --no-heading-xl-lh: 1.3;
    --body-xs-fs: clamp(12px, 0vw + 12px, 12px);
    --body-xs-fw: 400;
    --body-xs-lh: 1.6;
    --body-sm-fs: clamp(13px, .0647249vw + 12.7573px, 14px);
    --body-sm-fw: 400;
    --body-sm-lh: 1.6;
    --body-md-fs: clamp(14px, .12945vw + 13.5146px, 16px);
    --body-md-fw: 400;
    --body-md-lh: 1.6;
    --body-lg-fs: clamp(15px, .194175vw + 14.2718px, 18px);
    --body-lg-fw: 400;
    --body-lg-lh: 1.6;
    --body-xl-fs: clamp(16px, .2589vw + 15.0291px, 20px);
    --body-xl-fw: 400;
    --body-xl-lh: 1.6;
    --no-body-xs-fs: clamp(12px, 0vw + 12px, 12px);
    --no-body-xs-fw: 400;
    --no-body-xs-lh: 1.6;
    --no-body-sm-fs: clamp(13px, .0647249vw + 12.7573px, 14px);
    --no-body-sm-fw: 400;
    --no-body-sm-lh: 1.6;
    --no-body-md-fs: clamp(14px, .12945vw + 13.5146px, 16px);
    --no-body-md-fw: 400;
    --no-body-md-lh: 1.6;
    --no-body-lg-fs: clamp(15px, .194175vw + 14.2718px, 18px);
    --no-body-lg-fw: 400;
    --no-body-lg-lh: 1.6;
    --no-body-xl-fs: clamp(16px, .2589vw + 15.0291px, 20px);
    --no-body-xl-fw: 400;
    --no-body-xl-lh: 1.6;
    --gutter: 24px;
    --header-height: 80px;
    --header-z-index: 1000;
    --drawer-z-index: 999;
    --tran-15: .15s ease-in-out;
    --tran-3: .3s ease-in-out;
    --family-base: var(--family-pretendard)
}

@media (max-width: 768px) {
    .fidelity {
        --header-height:70px
    }
}

.fidelity {
    --section-none: clamp(0px, 0vw + 0px, 0px);
    --section-xs: clamp(24px, 1.5534vw + 18.1748px, 48px);
    --section-sm: clamp(32px, 2.0712vw + 24.233px, 64px);
    --section-md: clamp(48px, 2.0712vw + 40.233px, 80px);
    --section-lg: clamp(60px, 3.8835vw + 45.4369px, 120px);
    --section-xl: clamp(80px, 10.356vw + 41.1651px, 240px);
    --radius-xs: clamp(2px, .12945vw + 1.51456px, 4px);
    --radius-sm: clamp(4px, .2589vw + 3.02913px, 8px);
    --radius-md: clamp(8px, .517799vw + 6.05825px, 16px);
    --radius-lg: clamp(12px, .776699vw + 9.08738px, 24px);
    --radius-xl: clamp(16px, 1.0356vw + 12.1165px, 32px);
    --radius-round: 9999px;
    --spacing-xxs: clamp(4px, 0vw + 4px, 4px);
    --spacing-xs: clamp(6px, .12945vw + 5.51456px, 8px);
    --spacing-sm: clamp(8px, .2589vw + 7.02913px, 12px);
    --spacing-md: clamp(10px, .38835vw + 8.54369px, 16px);
    --spacing-lg: clamp(12px, .776699vw + 9.08738px, 24px);
    --spacing-xl: clamp(16px, 1.0356vw + 12.1165px, 32px);
    --spacing-2xl: clamp(24px, 1.5534vw + 18.1748px, 48px);
    --spacing-3xl: clamp(48px, 1.0356vw + 44.1165px, 64px);
    --spacing-4xl: clamp(64px, 1.0356vw + 60.1165px, 80px);
    --spacing-5xl: clamp(80px, 2.589vw + 70.2913px, 120px)
}

.fidelity .site-footer {
    color: var(--clr-base-white)
}

.fidelity .site-footer__nav-link.is-active {
    color: var(--clr-accent-300)
}

.fidelity .site-footer span.site-footer__nav-link {
    cursor: default
}

.fidelity .site-header {
    z-index: var(--header-z-index);
    pointer-events: none;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    right: 0
}

.fidelity .site-header nav {
    min-width: 0
}

.fidelity .site-header nav .cms-menu__link {
    white-space: nowrap;
    align-items: center;
    display: inline-flex
}

.fidelity .site-header nav .cms-menu__list--depth-0 {
    justify-content: center;
    align-items: stretch;
    display: flex
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item {
    align-items: center;
    display: flex
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item.is-dropdown-open .site-header__dropdown,.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item:focus-within .site-header__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item.is-dropdown-open>.cms-menu__link,.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item:focus-within>.cms-menu__link {
    color: var(--clr-text-sub)
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item>.cms-menu__link {
    min-height: 100px;
    font-size: var(--body-md-fs);
    color: var(--clr-text-base);
    padding: 0 clamp(14px,.776699vw + 11.0874px,26px);
    font-weight: 700;
    transition: color .2s;
    position: relative
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item>.cms-menu__link:after {
    content: "";
    background: var(--clr-accent-500);
    opacity: 0;
    height: 2px;
    transition: opacity .2s;
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item>.cms-menu__link.is-active {
    color: var(--clr-accent-700)
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item>.cms-menu__link.is-active:after {
    background: var(--clr-accent-500);
    opacity: 1
}

@media (max-width: 1024px) {
    .fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item>.cms-menu__link {
        min-height:80px;
        padding: 0 var(--spacing-sm);
        font-size: var(--body-xs-fs)
    }
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item:hover>.cms-menu__link {
    color: var(--clr-accent-700)
}

.fidelity .site-header nav .cms-menu__list--depth-0>.cms-menu__item:hover>.cms-menu__link:after {
    opacity: 1
}

.fidelity .site-header nav .cms-menu__item {
    position: relative
}

.fidelity .site-header nav .cms-menu__list--depth-1 {
    background: var(--clr-base-white);
    border: 1px solid var(--clr-ui-border);
    opacity: 0;
    visibility: hidden;
    min-width: 220px;
    transition: opacity .22s var(--ease-out-quart),visibility .22s ease,transform .22s var(--ease-out-quart);
    z-index: 200;
    border-radius: 12px;
    flex-direction: column;
    gap: 2px;
    padding: 10px;
    display: flex;
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%)translateY(-6px);
    box-shadow: 0 18px 44px #11121a29
}

.fidelity .site-header nav .cms-menu__list--depth-1 .cms-menu__link {
    min-height: 0;
    color: var(--clr-text-sub);
    white-space: nowrap;
    border-radius: 8px;
    padding: 10px 14px;
    font-weight: 600;
    transition: background-color .16s,color .16s;
    display: block
}

.fidelity .site-header nav .cms-menu__list--depth-1 .cms-menu__link:hover {
    background: var(--clr-ui-hover-bg);
    color: var(--clr-accent-700)
}

.fidelity .site-header nav .cms-menu__item--has-children:hover>.cms-menu__list--depth-1,.fidelity .site-header nav .cms-menu__item--has-children:focus-within>.cms-menu__list--depth-1 {
    opacity: 1;
    visibility: visible;
    transform: translate(-50%)translateY(0)
}

@media (max-width: 768px) {
    .fidelity .site-header nav {
        display:none
    }
}

.fidelity .site-header__menu-toggle {
    width: 48px;
    height: 48px;
    color: var(--clr-text-base);
    justify-content: center;
    align-items: center;
    transition: background-color .2s,color .2s;
    display: none
}

.fidelity .site-header__menu-toggle i {
    font-size: 22px
}

.fidelity .site-header__menu-toggle:hover {
    background-color: #11121a0f
}

@media (max-width: 768px) {
    .fidelity .site-header__menu-toggle {
        width:56px;
        height: 56px;
        display: flex
    }

    .fidelity .site-header__menu-toggle i {
        font-size: 16px
    }
}

@media (max-width: 544px) {
    .fidelity .site-header__menu-toggle {
        width:48px;
        height: 48px
    }
}

@keyframes sub-visual-marquee {
    0% {
        transform: translate(0)
    }

    to {
        transform: translate(-50%)
    }
}

.fidelity .no-sub-nav.swiper {
    overflow: hidden
}

.fidelity .no-sub-nav__list.swiper-wrapper {
    justify-content: flex-start;
    gap: 0
}

.fidelity .no-sub-nav__item.swiper-slide {
    width: auto;
    padding: 0 clamp(14px,.38835vw + 12.5437px,20px)
}

.fidelity .no-sub-nav__item.swiper-slide:first-child {
    padding-left: clamp(20px,.776699vw + 17.0874px,32px)
}

.fidelity .no-sub-nav__item.swiper-slide:last-child {
    padding-right: clamp(20px,.776699vw + 17.0874px,32px)
}

.fidelity .no-sub-nav__item.is-active .no-sub-nav__link {
    color: var(--clr-primary-500)
}

.fidelity .no-sub-nav__item.is-active:after {
    transform: scaleX(1)
}

.fidelity,.fidelity {
    overflow-x: clip
}

.fidelity .public-header.site-header {
    z-index: 90;
    height: 120px;
    color: var(--public-navy);
    background: var(--public-white);
    border-bottom: 1px solid color-mix(in srgb, var(--public-navy) 10%, transparent);
    pointer-events: auto;
    transition: color var(--dur-base) var(--ease-out-quart),background-color var(--dur-base) var(--ease-out-quart),border-color var(--dur-base) var(--ease-out-quart);
    position: fixed;
    inset: 0 0 auto
}

.fidelity .public-header.site-header[data-header-mode=overlay]:not(.is-scrolled) {
    color: var(--public-white);
    border-color: color-mix(in srgb, var(--public-white) 30%, transparent);
    background: 0 0
}

.fidelity .public-header.site-header[data-header-mode=overlay]:not(.is-scrolled) .public-logo__image--primary {
    opacity: 0
}

.fidelity .public-header.site-header[data-header-mode=overlay]:not(.is-scrolled) .public-logo__image--white {
    opacity: 1
}

.fidelity .public-header.site-header .public-header__inner {
    grid-template-columns: 1fr auto 1fr;
    align-items: center;
    height: 100%;
    display: grid
}

.fidelity .public-header.site-header .public-header__menu {
    width: 50px;
    height: 50px;
    color: inherit;
    cursor: pointer;
    background: 0 0;
    border: 0;
    align-content: center;
    justify-self: start;
    gap: 7px;
    padding: 14px 10px;
    display: grid
}

.fidelity .public-header.site-header .public-header__menu,.fidelity .public-header.site-header .public-header__right,.fidelity .public-header.site-header .public-logo {
    pointer-events: auto
}

.fidelity .public-header.site-header .public-header__menu span {
    background: currentColor;
    width: 28px;
    height: 1px;
    display: block
}

.fidelity .public-header.site-header .public-header__right {
    justify-self: end;
    align-items: center;
    gap: 24px;
    display: flex
}

.fidelity .public-header.site-header .public-header__search {
    color: inherit;
    font-size: 18px
}

.fidelity .public-header.site-header .public-header__locale {
    color: inherit;
    letter-spacing: .08em
}

.fidelity .public-drawer.site-drawer {
    z-index: 120;
    pointer-events: none;
    visibility: hidden;
    background: color-mix(in srgb, var(--public-navy-deep) 72%, transparent);
    transition: visibility .35s,background .35s;
    position: fixed;
    inset: 0
}

.fidelity .public-drawer.site-drawer[data-state=open] {
    pointer-events: auto;
    visibility: visible
}

.fidelity .public-drawer.site-drawer .public-drawer__panel {
    background: var(--public-white);
    width: min(680px,100%);
    height: 100%;
    margin: 0;
    padding: 32px 60px 40px;
    transition: transform .45s cubic-bezier(.22,.8,.25,1);
    overflow-y: auto;
    transform: translate(-102%)
}

.fidelity .public-drawer.site-drawer .public-drawer__head {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.fidelity .public-drawer.site-drawer .public-drawer__locales {
    gap: 16px;
    display: flex
}

.fidelity .public-drawer.site-drawer .public-drawer__locales form {
    margin: 0
}

.fidelity .public-drawer.site-drawer .public-drawer__locales button {
    color: var(--public-muted);
    cursor: pointer;
    background: 0 0;
    border: 0;
    padding: 5px 0;
    font-size: 13px;
    font-weight: 700
}

.fidelity .public-drawer.site-drawer .public-drawer__locales button.is-active {
    color: var(--public-blue);
    border-bottom: 1px solid
}

.fidelity .public-drawer.site-drawer .public-drawer__close {
    width: 52px;
    height: 52px;
    color: var(--public-white);
    background: var(--public-navy);
    cursor: pointer;
    border: 0;
    border-radius: 50%;
    place-items: center;
    font-size: 20px;
    display: grid
}

.fidelity .public-drawer.site-drawer .public-drawer__body {
    padding-top: 40px
}

.fidelity .public-drawer.site-drawer .public-drawer__nav {
    margin-top: 60px;
    padding: 0;
    list-style: none
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item {
    border-bottom: 1px solid var(--public-line)
}

.fidelity .public-drawer.site-drawer .public-drawer__root {
    justify-content: space-between;
    align-items: center;
    display: flex
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-label {
    color: var(--public-ink);
    text-transform: uppercase;
    flex: 1;
    padding: 21px 0;
    font-size: 29px;
    font-weight: 700;
    text-decoration: none;
    display: block
}

.fidelity .public-drawer.site-drawer .site-drawer__toggle {
    width: 44px;
    height: 44px;
    color: var(--public-navy);
    cursor: pointer;
    background: 0 0;
    border: 0
}

.fidelity .public-drawer.site-drawer .site-drawer__sub-list {
    max-height: 0;
    margin: 0;
    padding: 0;
    list-style: none;
    transition: max-height .35s,padding .35s;
    overflow: hidden
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-expanded .site-drawer__sub-list {
    max-height: 600px;
    padding: 2px 0 20px
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-expanded .site-drawer__toggle i {
    transform: rotate(45deg)
}

.fidelity .public-drawer.site-drawer .site-drawer__sub-link {
    color: var(--public-muted);
    padding: 8px 0;
    font-size: 16px;
    text-decoration: none;
    display: block
}

.fidelity .public-drawer.site-drawer .site-drawer__sub-link:hover,.fidelity .public-drawer.site-drawer .site-drawer__sub-link:focus-visible {
    color: var(--public-blue)
}

.fidelity .public-drawer.site-drawer .public-drawer__foot {
    gap: 20px;
    padding-top: 40px;
    display: flex
}

.fidelity .public-drawer.site-drawer .public-drawer__foot a {
    color: var(--public-muted);
    text-decoration: none
}

.fidelity .public-footer.site-footer {
    color: var(--public-navy);
    background: var(--public-white);
    padding: 0
}

.fidelity .public-footer.site-footer .public-footer__inner {
    width: 100%
}

.fidelity .public-footer.site-footer .public-footer__main {
    justify-content: space-between;
    gap: 80px;
    min-height: 312px;
    padding-top: 62px;
    padding-bottom: 58px;
    display: flex
}

.fidelity .public-footer.site-footer .public-footer__identity {
    min-width: 0
}

.fidelity .public-footer.site-footer .public-footer__company {
    max-width: 760px;
    font-size: var(--body-xs-fs);
    flex-wrap: wrap;
    gap: 12px 24px;
    margin: 36px 0 0;
    line-height: 1.5;
    display: flex
}

.fidelity .public-footer.site-footer .public-footer__company>div {
    gap: 10px;
    display: flex
}

.fidelity .public-footer.site-footer .public-footer__company>div:first-child,.fidelity .public-footer.site-footer .public-footer__company>div:last-child {
    flex-basis: 100%
}

.fidelity .public-footer.site-footer .public-footer__company dt {
    flex: none;
    font-weight: 400
}

.fidelity .public-footer.site-footer .public-footer__company dd {
    margin: 0;
    font-weight: 600
}

.fidelity .public-footer.site-footer .public-footer__nav {
    padding-top: 7px
}

.fidelity .public-footer.site-footer .public-footer__nav ul {
    flex-wrap: wrap;
    justify-content: flex-end;
    gap: 20px 38px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.fidelity .public-footer.site-footer .public-footer__nav a {
    font-size: var(--body-md-fs);
    white-space: nowrap;
    font-weight: 500
}

.fidelity .public-footer.site-footer .public-footer__bottom {
    border-top: 1px solid var(--public-line);
    min-height: 94px;
    font-size: var(--body-xs-fs);
    justify-content: space-between;
    align-items: center;
    gap: 30px;
    display: flex
}

.fidelity .public-footer.site-footer .public-footer__bottom p {
    margin: 0
}

@media (max-width: 767px) {
    .fidelity .public-header.site-header {
        height:88px
    }

    .fidelity .public-header.site-header .public-header__search {
        display: none
    }

    .fidelity .public-drawer.site-drawer .public-drawer__panel {
        padding: 20px 24px 30px
    }

    .fidelity .public-drawer.site-drawer .site-drawer__nav-label {
        font-size: 22px
    }

    .fidelity .public-footer.site-footer .public-footer__main {
        flex-direction: column;
        gap: 40px;
        min-height: 0;
        padding-top: 50px;
        padding-bottom: 40px
    }

    .fidelity .public-footer.site-footer .public-footer__company {
        gap: 10px 18px;
        margin-top: 30px
    }

    .fidelity .public-footer.site-footer .public-footer__company>div {
        flex-basis: 100%
    }

    .fidelity .public-footer.site-footer .public-footer__nav {
        padding-top: 0
    }

    .fidelity .public-footer.site-footer .public-footer__nav ul {
        grid-template-columns: repeat(2,minmax(0,1fr));
        justify-content: start;
        gap: 16px 20px;
        display: grid
    }

    .fidelity .public-footer.site-footer .public-footer__bottom {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: 12px;
        padding-top: 24px;
        padding-bottom: 24px
    }
}

@keyframes btn-rise-bounce {
    0% {
        opacity: 0;
        animation-timing-function: cubic-bezier(.22,.88,.3,1);
        transform: translate(-50%)translateY(42px)scale(.84)
    }

    27% {
        opacity: 1;
        animation-timing-function: cubic-bezier(.34,0,.2,1);
        transform: translate(-50%)translateY(-27px)scale(1)
    }

    50% {
        opacity: 1;
        animation-timing-function: cubic-bezier(.28,.82,.36,1);
        transform: translate(-50%)translateY(6.2px)scale(.996)
    }

    67% {
        opacity: 1;
        animation-timing-function: cubic-bezier(.34,0,.24,1);
        transform: translate(-50%)translateY(-2px)scale(1)
    }

    82% {
        opacity: 1;
        animation-timing-function: linear;
        transform: translate(-50%)translateY(.8px)scale(1)
    }

    to {
        opacity: 1;
        transform: translate(-50%)translate(0,0)scale(1)
    }
}

@keyframes btn-intro-ghost {
    0% {
        opacity: 0;
        animation-timing-function: cubic-bezier(.22,.88,.3,1);
        transform: translate(-50%,-50%)translateY(42px)scale(.88)
    }

    27% {
        opacity: .48;
        animation-timing-function: cubic-bezier(.34,0,.2,1);
        transform: translate(-50%,-50%)translateY(-23.5px)scale(1.1)
    }

    50% {
        opacity: .22;
        animation-timing-function: cubic-bezier(.28,.82,.36,1);
        transform: translate(-50%,-50%)translateY(5.4px)scale(1.04)
    }

    67% {
        opacity: .1;
        transform: translate(-50%,-50%)translateY(-1.4px)scale(1.015)
    }

    82% {
        opacity: .04;
        transform: translate(-50%,-50%)translateY(.4px)scale(1.005)
    }

    to {
        opacity: 0;
        transform: translate(-50%,-50%)translateY(0)scale(1)
    }
}

@keyframes no-btn-hover-bounce {
    0% {
        animation-timing-function: cubic-bezier(.33,0,.2,1);
        transform: translate(-50%)translate(0,0)scale(1)
    }

    28% {
        transform: translateX(-50%) translate3d(0, 0, 0) scale(var(--btn-hover-peak));
        animation-timing-function: cubic-bezier(.33,1,.68,1)
    }

    46% {
        animation-timing-function: cubic-bezier(.25,0,.25,1);
        transform: translate(-50%)translate(0,0)scale(1)
    }

    66% {
        transform: translateX(-50%) translate3d(0, 0, 0) scale(var(--btn-hover-sub-peak));
        animation-timing-function: cubic-bezier(.33,1,.68,1)
    }

    to {
        transform: translate(-50%)translate(0,0)scale(1)
    }
}

.fidelity .no-pagination__link--num.is-active {
    background: var(--clr-primary-main);
    border-color: var(--clr-primary-main);
    color: var(--clr-base-white)
}

.fidelity .public-pagination__item.is-active {
    color: var(--public-white);
    background: var(--public-navy-deep);
    border-color: var(--public-navy-deep)
}

.fidelity .no-floating-cta {
    --fcta-size: 52px;
    --fcta-gap-edge: 24px;
    --fcta-btn-gap: 12px;
    --fcta-radius: var(--public-radius-pill,999px);
    --fcta-surface: var(--color-bg-02);
    --fcta-ink: var(--color-primary);
    --fcta-border: rgb(var(--color-secondary-light-rgb) / 0.549);
    --fcta-shadow: 0 3px 10px #0000001f;
    --fcta-shadow-hover: 0 5px 14px #00000029;
    z-index: 999;
    gap: var(--fcta-btn-gap);
    pointer-events: auto;
    flex-direction: column;
    display: flex;
    position: fixed;
    inset-block-start: 50%;
    inset-inline-end: calc(var(--fcta-gap-edge) + env(safe-area-inset-right));
    transform: translateY(-50%)
}

.fidelity .no-floating-cta__btn {
    width: var(--fcta-size);
    height: var(--fcta-size);
    border-radius: var(--fcta-radius);
    flex: 0 0 var(--fcta-size);
    border: 1px solid rgba(189, 165, 125, 0.55);
    cursor: pointer;
    background: var(--fcta-surface);
    color: var(--fcta-ink);
    box-shadow: var(--fcta-shadow);
    transition: background var(--public-duration,.35s) var(--public-ease,ease),color var(--public-duration,.35s) var(--public-ease,ease),border-color var(--public-duration,.35s) var(--public-ease,ease),filter var(--public-duration,.35s) var(--public-ease,ease),transform var(--public-duration,.35s) var(--public-ease,ease),box-shadow var(--public-duration,.35s) var(--public-ease,ease);
    justify-content: center;
    align-items: center;
    padding: 0;
    display: inline-flex
}

.fidelity .no-floating-cta__btn svg,.fidelity .no-floating-cta__btn img {
    flex: none;
    width: 24px;
    height: 24px;
    display: block
}

.fidelity .no-floating-cta__btn i.no-floating-cta__icon {
    font-size: 24px;
    line-height: 1
}

.fidelity .no-floating-cta__btn:hover {
    filter: brightness(1.02);
    box-shadow: var(--fcta-shadow-hover);
    border-color: rgb(var(--color-secondary-light-rgb) / 0.78);
    transform: translateY(-2px)
}

.fidelity .no-floating-cta__btn:active {
    transform: translateY(0)scale(.96)
}

.fidelity .no-floating-cta__btn:focus-visible {
    outline: 2px solid var(--fcta-ink);
    outline-offset: 3px
}

.fidelity .no-floating-cta__btn--top {
    border-color: var(--fcta-ink);
    background: var(--fcta-ink);
    color: var(--fcta-surface)
}

@media (max-width: 767px) {
    .fidelity .no-floating-cta {
        --fcta-size:48px;
        --fcta-gap-edge: 20px;
        --fcta-btn-gap: 10px;
        inset-block-start: auto;
        inset-block-end: calc(40px + env(safe-area-inset-bottom));
        transform: none
    }

    .fidelity .no-floating-cta__btn i.no-floating-cta__icon {
        font-size: 22px
    }

    .fidelity .no-floating-cta__btn svg,.fidelity .no-floating-cta__btn img {
        width: 22px;
        height: 22px
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .no-floating-cta {
        transition: none;
        animation: none
    }

    .fidelity .no-floating-cta__btn,.fidelity .no-floating-cta__btn--top {
        transition: none
    }
}

.fidelity:where(.public-site-body--home) .no-floating-cta {
    will-change: transform,opacity;
    animation: 1.2s cubic-bezier(.16,1,.3,1) 80ms both aw-quick-enter
}

@media (max-width: 767px) {
    .fidelity:where(.public-site-body--home) .no-floating-cta {
        animation-name:aw-quick-enter-mobile
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity:where(.public-site-body--home) .no-floating-cta {
        will-change: auto;
        animation: none
    }
}

@keyframes aw-quick-enter {
    0% {
        opacity: 0;
        transform: translate3d(calc(100% + var(--fcta-gap-edge) + env(safe-area-inset-right)), -50%, 0)
    }

    to {
        opacity: 1;
        transform: translateY(-50%)
    }
}

@keyframes aw-quick-enter-mobile {
    0% {
        opacity: 0;
        transform: translate3d(calc(100% + var(--fcta-gap-edge) + env(safe-area-inset-right)), 0, 0)
    }

    to {
        opacity: 1;
        transform: translate(0,0)
    }
}

.fidelity .no-gototop__btn {
    color: var(--color-bg-02);
    background: var(--color-accent);
    border-color: var(--color-accent)
}

.fidelity .no-gototop__btn:hover {
    background: var(--color-accent-dark);
    border-color: var(--color-accent-dark)
}

@media (max-width: 768px) {
    .fidelity .no-quick-contact.is-open {
        pointer-events:auto
    }

    .fidelity .no-quick-contact.is-open .no-quick-contact__mobile-trigger {
        opacity: 0;
        visibility: hidden;
        transform: translateY(100%)
    }

    .fidelity .no-quick-contact.is-open .no-quick-contact__inner {
        opacity: 1;
        visibility: visible;
        transform: translateY(0)
    }
}

.fidelity .marquee-whisper {
    pointer-events: auto;
    width: 100%;
    position: relative;
    overflow: hidden
}

.fidelity .marquee-whisper__track {
    will-change: transform;
    flex-wrap: nowrap;
    width: max-content;
    display: flex
}

.fidelity .no-auto-cover {
    background-color: var(--clr-gray-100,#f1f1f1);
    background-position: 50%;
    background-repeat: no-repeat;
    background-size: cover;
    width: 100%;
    margin: 0;
    display: block;
    position: relative;
    overflow: hidden
}

.fidelity .no-auto-cover__video {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0
}

@keyframes app-modal-appear {
    0% {
        opacity: 0;
        transform: scale(.92)translateY(8px)
    }

    to {
        opacity: 1;
        transform: scale(1)translateY(0)
    }
}

@keyframes site-popup-page-in {
    0% {
        opacity: 0;
        transform: translateY(8px)
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fidelity .site-popup-slider__slide.is-active {
    display: block
}

.fidelity .site-popup-slider__dot.is-active {
    background: var(--clr-base-white);
    box-shadow: 0 0 0 2px #000000a6,0 0 0 3px var(--clr-base-white);
    transform: scale(1.2)
}

.fidelity .lang-switcher__item.is-active {
    background-color: var(--clr-primary-50);
    color: var(--clr-primary-700);
    font-weight: 700
}

.fidelity .lang-switcher.is-open .lang-switcher__btn {
    background-color: rgb(var(--color-white-rgb) / 0.102);
    border-color: rgb(var(--color-white-rgb) / 0.502)
}

.fidelity .lang-switcher.is-open .lang-switcher__btn i {
    transform: rotate(180deg)
}

.fidelity .lang-switcher.is-open .lang-switcher__dropdown {
    opacity: 1;
    visibility: visible;
    transform: translateY(0)
}

.fidelity .site-drawer {
    z-index: calc(var(--header-z-index) + 10);
    background: var(--clr-primary-900);
    width: 100%;
    height: 100svh;
    color: var(--clr-base-white);
    overscroll-behavior: contain;
    pointer-events: none;
    transition: transform .32s cubic-bezier(.4,0,.2,1);
    position: fixed;
    inset: 0;
    overflow-y: auto;
    transform: translateY(-100%)
}

.fidelity .site-drawer[data-state=open] {
    pointer-events: auto;
    transform: translateY(0)
}

.fidelity .site-drawer__inner {
    flex-direction: column;
    min-height: 100%;
    padding: 0 20px 24px;
    display: flex
}

.fidelity .site-drawer__close {
    width: 40px;
    height: 40px;
    color: var(--clr-base-white);
    border-radius: 6px;
    justify-content: center;
    align-items: center;
    transition: background-color .18s,color .18s;
    display: flex
}

.fidelity .site-drawer__close i {
    font-size: 18px
}

.fidelity .site-drawer__close:hover {
    color: var(--clr-accent-300);
    background-color: rgb(var(--color-white-rgb) / 0.102)
}

.fidelity .site-drawer__nav {
    flex: 1;
    list-style: none
}

.fidelity .site-drawer__nav-item {
    border-bottom: 1px solid rgb(var(--color-white-rgb) / 0.122)
}

.fidelity .site-drawer__nav-item.is-active>.site-drawer__nav-row>.site-drawer__nav-label {
    color: var(--clr-accent-300)
}

.fidelity .site-drawer__nav-label {
    color: var(--clr-base-white);
    text-transform: uppercase;
    letter-spacing: .02em;
    flex: 1;
    padding: 14px 0;
    text-decoration: none;
    transition: color .18s;
    display: block
}

.fidelity .site-drawer__nav-label:hover {
    color: var(--clr-accent-300)
}

.fidelity .site-drawer__nav-label:focus-visible {
    outline: 2px solid var(--clr-accent-300);
    outline-offset: -2px;
    border-radius: 2px
}

.fidelity .site-drawer__sub {
    grid-template-rows: 0fr;
    transition: grid-template-rows .24s;
    display: grid;
    overflow: hidden
}

.fidelity .site-drawer__sub>.site-drawer__sub-list {
    min-height: 0;
    overflow: hidden
}

.fidelity .site-drawer__nav-item.is-expanded>.site-drawer__nav-row>.site-drawer__toggle {
    color: var(--clr-accent-300)
}

.fidelity .site-drawer__nav-item.is-expanded>.site-drawer__nav-row>.site-drawer__toggle i {
    transform: rotate(180deg)
}

.fidelity .site-drawer__nav-item.is-expanded>.site-drawer__sub {
    grid-template-rows: 1fr
}

.fidelity .site-drawer__nav-item.is-expanded>.site-drawer__sub>.site-drawer__sub-list {
    padding: 4px 0 12px
}

.fidelity .site-drawer__sub-list {
    padding: 0
}

.fidelity .site-drawer__sub-link {
    color: rgb(var(--color-white-rgb) / 0.62);
    border-left: 2px solid rgb(var(--color-white-rgb) / 0.161);
    padding: 6px 0 6px 14px;
    text-decoration: none;
    transition: color .18s,border-color .18s;
    display: block
}

.fidelity .site-drawer__sub-link:hover {
    color: var(--clr-accent-300);
    border-left-color: rgb(var(--color-white-rgb) / 0.451)
}

.fidelity .site-drawer__sub-link.is-current {
    color: var(--clr-accent-300);
    border-left-color: var(--clr-accent-300);
    font-weight: 700
}

.fidelity .site-drawer__lang-btn.is-active {
    border-color: var(--clr-accent-300);
    color: var(--clr-primary-900);
    background-color: var(--clr-accent-300);
    font-weight: 700
}

.fidelity .ui-tabs__item.is-active {
    color: var(--clr-primary-900);
    font-weight: 600
}

.fidelity .ui-tabs__item.is-active:after {
    transform: scaleX(1)
}

.fidelity .ui-tabs--pill .ui-tabs__item.is-active,.fidelity .ui-tabs--toggle .ui-tabs__item.is-active {
    background: var(--clr-primary-900);
    border-color: var(--clr-primary-900);
    color: var(--color-white)
}

.fidelity .ui-tabs.swiper {
    overflow: hidden
}

.fidelity .ui-tabs .swiper-wrapper {
    align-items: center;
    display: flex
}

.fidelity .ui-tabs .swiper-slide {
    flex-shrink: 0;
    width: auto;
    list-style: none
}

.fidelity .ui-tabs-rail .ui-tabs.swiper {
    width: 100%;
    min-width: 0
}

.fidelity .ui-filter-sidebar__option.is-active {
    color: var(--clr-primary-900);
    border-left-color: var(--clr-accent-500);
    font-weight: 600
}

@media (max-width: 1024px) {
    .fidelity .ui-filter-sidebar[data-filter-sidebar]:not(.is-open) {
        display:none
    }

    .fidelity .ui-filter-sidebar[data-filter-sidebar].is-open {
        z-index: 1000;
        display: block;
        position: fixed;
        inset: 0
    }
}

@keyframes ui-filter-sheet-up {
    0% {
        transform: translateY(100%)
    }

    to {
        transform: translateY(0)
    }
}

@keyframes ui-toast-in {
    0% {
        opacity: 0;
        transform: translateY(var(--public-space-xs))
    }

    to {
        opacity: 1;
        transform: translateY(0)
    }
}

.fidelity .public-member-auth__view-button.is-active {
    background: var(--public-ink);
    color: var(--public-white)
}

.fidelity .rsv-eq-item.is-active {
    background: var(--clr-primary-50);
    border-left: 3px solid var(--clr-primary-700)
}

.fidelity .is-active .rsv-eq-item__name {
    color: var(--clr-primary-900)
}

.fidelity .rsv-notices__tab.is-active {
    color: var(--clr-primary-900);
    border-bottom-color: var(--clr-primary-700)
}

.fidelity .rsv-cal__view-btn.is-active {
    background: var(--clr-primary-900);
    color: var(--color-white)
}

.fidelity .rsv-cal__view-btn:not(.is-active):hover {
    background: var(--clr-gray-50);
    color: var(--clr-text-base)
}

.fidelity {
    --iti-hover-color: #0000000d;
    --iti-border-color: #ccc;
    --iti-dropdown-bg: white;
    --iti-icon-color: #555;
    --iti-spacer-horizontal: 8px;
    --iti-flag-height: 12px;
    --iti-flag-width: 16px;
    --iti-globe-height: 16px;
    --iti-search-clear-icon-height: 13px;
    --iti-border-width: 1px;
    --iti-arrow-height: 4px;
    --iti-arrow-width: calc((var(--iti-arrow-height) / 2) * 3);
    --iti-triangle-border: calc(var(--iti-arrow-width) / 2);
    --iti-arrow-padding: 6px;
    --iti-flag-sprite-width: 3904px;
    --iti-flag-sprite-height: 12px;
    --iti-mobile-popup-margin: 30px
}

@keyframes iti-spinner {
    to {
        transform: rotate(360deg)
    }
}

.fidelity [data-public-load-more-controls][hidden] {
    display: none!important
}

.fidelity .public-filter-tabs--line a.is-active {
    color: var(--public-navy-deep)
}

.fidelity .public-filter-tabs--line a.is-active:after {
    opacity: 1;
    transform: scaleX(1)
}

.fidelity .public-filter-tabs--block a.is-active {
    color: var(--public-white);
    background: var(--public-blue)
}

.fidelity .public-filter-tabs--wrap a.is-active {
    color: var(--public-white);
    background: var(--public-ink);
    border-color: var(--public-ink)
}

@keyframes public-button-spin {
    to {
        transform: rotate(1turn)
    }
}

.public-site-.fidelity:after {
    z-index: var(--public-z-noise);
    background-image: url(https://liet.co.kr/assets/images/common/liet-noise.svg);
    background-repeat: repeat;
    background-size: var(--public-noise-tile-size) var(--public-noise-tile-size);
    content: "";
    opacity: var(--public-noise-opacity);
    pointer-events: none;
    position: fixed;
    inset: 0
}

@media print,(forced-colors:active) {
    .public-site-.fidelity:after {
        content: none
    }
}

.fidelity .public-logo {
    z-index: 1;
    color: var(--public-navy);
    align-items: baseline;
    gap: 7px;
    text-decoration: none;
    display: inline-flex;
    position: relative
}

.fidelity .public-logo__asset {
    width: 180px;
    height: 44px;
    display: block;
    position: relative
}

.fidelity .public-logo__image {
    object-fit: contain;
    object-position: left center;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .public-logo--adaptive .public-logo__image {
    transition: opacity var(--public-duration) var(--public-ease);
    position: absolute;
    inset: 0
}

.fidelity .public-logo--white {
    color: var(--public-white)
}

@media (max-width: 767px) {
    .fidelity .public-logo__asset {
        width:clamp(92px,28vw,180px);
        height: 40px
    }
}

.fidelity .public-header.site-header {
    z-index: var(--public-z-header);
    top: var(--public-header-inset);
    width: min(100% - var(--public-header-side)*2,var(--public-header-width));
    height: var(--public-header-bar-height);
    color: var(--public-white);
    background: var(--public-header-surface);
    border: 1px solid var(--public-header-stroke);
    box-shadow: none;
    -webkit-backdrop-filter: blur(12px);
    backdrop-filter: blur(12px);
    pointer-events: auto;
    position: fixed;
    left: 50%;
    transform: translate(-50%)
}

.fidelity .public-header.site-header .public-header__inner {
    width: 100%;
    height: 100%;
    padding-inline:var(--public-header-padding-inline);grid-template-columns: minmax(120px,1fr) auto minmax(120px,1fr);
    align-items: center;
    display: grid
}

.fidelity .public-header.site-header .public-logo {
    justify-self: start
}

.fidelity .public-header.site-header .public-logo__asset {
    width: 96px;
    height: 27px
}

.fidelity .public-header__nav {
    justify-self: center
}

.fidelity .public-header__nav>ul {
    align-items: center;
    gap: var(--public-header-menu-gap);
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.fidelity .public-header__nav li {
    position: relative
}

.fidelity .public-header__nav-link {
    min-height: var(--public-header-bar-height);
    color: inherit;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -1px;
    white-space: nowrap;
    align-items: center;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 500;
    line-height: 1.31;
    display: flex;
    position: relative
}

.fidelity .public-header__nav-link>span {
    position: relative;
    letter-spacing: 1px
}

.fidelity .public-header__nav-link>span:after {
    content: "";
    transform-origin: 0;
    height: 1px;
    transition: transform var(--public-duration) var(--public-ease);
    background: currentColor;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    transform: scaleX(0)
}

.fidelity .public-header__nav-link:hover>span:after,.fidelity .public-header__nav-link:focus-visible>span:after,.fidelity .public-header__nav>ul>li:hover>.public-header__nav-link>span:after,.fidelity .public-header__nav>ul>li:focus-within>.public-header__nav-link>span:after,.fidelity .public-header__nav>ul>li.is-active>.public-header__nav-link>span:after {
    transform: scaleX(1)
}

.fidelity .public-header__sub {
    opacity: 0;
    visibility: hidden;
    pointer-events: none;
    min-width: clamp(140px,1.2945vw + 135.146px,160px);
    transition: opacity var(--public-duration) var(--public-ease),visibility var(--public-duration) var(--public-ease),transform var(--public-duration) var(--public-ease);
    background: 0 0;
    border: 0;
    margin: 0;
    padding: calc(clamp(6px,.12945vw + 5.51456px,8px) + clamp(8px,.2589vw + 7.02913px,12px)) clamp(12px,.2589vw + 11.0291px,16px) clamp(8px,.2589vw + 7.02913px,12px);
    position: absolute;
    top: 100%;
    left: 50%;
    transform: translate(-50%,-8px)
}

.fidelity .public-header__sub:before {
    z-index: 0;
    content: "";
    pointer-events: none;
    background: var(--color-bg-02);
    border: 1px solid var(--color-border);
    position: absolute;
    inset: clamp(6px,.12945vw + 5.51456px,8px) 0 0
}

.fidelity .public-header__sub>li {
    z-index: 1
}

.fidelity .public-header__nav li:hover>.public-header__sub,.fidelity .public-header__nav li:focus-within>.public-header__sub {
    opacity: 1;
    visibility: visible;
    pointer-events: auto;
    transform: translate(-50%)
}

.fidelity .public-header__sub a {
    color: var(--color-primary);
    min-height: clamp(36px,.517799vw + 34.0583px,44px);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -1px;
    white-space: nowrap;
    align-items: center;
    padding: 0 clamp(4px,.2589vw + 3.02913px,8px);
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 500;
    line-height: 1.31;
    display: flex
}

.fidelity .public-header__sub a span {
    position: relative
}

.fidelity .public-header__sub a span:after {
    content: "";
    transform-origin: 0;
    height: 1px;
    transition: transform var(--public-duration) var(--public-ease);
    background: currentColor;
    position: absolute;
    bottom: -4px;
    left: 0;
    right: 0;
    transform: scaleX(0)
}

.fidelity .public-header__sub li+li {
    border-top: 0
}

.fidelity .public-header__sub a:hover span:after,.fidelity .public-header__sub a:focus-visible span:after,.fidelity .public-header__sub a[aria-current=page] span:after {
    transform: scaleX(1)
}

.fidelity .public-header__nav-link:focus-visible,.fidelity .public-header__contact:focus-visible,.fidelity .public-header__menu:focus-visible {
    outline: 2px solid var(--public-white);
    outline-offset: -3px
}

.fidelity .public-header__sub a:focus-visible {
    outline-offset: -2px;
    outline: 1px solid var(--color-primary)
}

.fidelity .public-header__actions {
    justify-self: end;
    align-items: center;
    gap: 24px;
    display: flex
}

.fidelity .public-header__contact {
    color: var(--color-bg-02);
    letter-spacing: -.2px;
    white-space: nowrap;
    transition: color var(--public-duration) var(--public-ease),background-color var(--public-duration) var(--public-ease);
    border: 1px solid var(--color-bg-02);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    padding: 12px 16px;
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: normal;
    display: inline-flex
}

.fidelity .public-header__contact:hover,.fidelity .public-header__contact:focus-visible {
    color: var(--color-primary);
    background: var(--color-bg-02)
}

.fidelity .public-header.site-header .public-header__menu {
    width: 40px;
    height: 40px;
    color: inherit;
    background: 0 0;
    border: 0;
    padding: 11px 8px;
    display: none
}

.fidelity .public-header.site-header .public-header__menu span {
    width: 24px;
    height: 1px;
    transition: transform var(--public-duration) var(--public-ease);
    background: currentColor;
    display: block
}

.fidelity .public-header.site-header .public-header__menu span+span {
    margin-top: 7px
}

@media (max-width: 1023px) {
    .fidelity .public-header.site-header .public-header__inner {
        grid-template-columns:minmax(0,1fr) auto
    }

    .fidelity .public-header__nav {
        display: none
    }

    .fidelity .public-header.site-header .public-header__menu {
        display: block
    }
}

@media (max-width: 767px) {
    .fidelity .public-header.site-header .public-logo__asset {
        width:84px;
        height: 28px
    }

    .fidelity .public-header__actions {
        gap: 12px
    }

    .fidelity .public-header__contact {
        display: none
    }
}

@media (prefers-reduced-transparency:reduce) {
    .fidelity .public-header.site-header {
        -webkit-backdrop-filter: none;
        backdrop-filter: none;
        background: var(--brown)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .public-header.site-header {
        animation: none
    }
}

.fidelity:where(.public-site-body--home) .public-header.site-header {
    will-change: transform,opacity;
    animation: 1.15s cubic-bezier(.16,1,.3,1) both aw-header-enter
}

@media (prefers-reduced-motion:reduce) {
    .fidelity:where(.public-site-body--home) .public-header.site-header {
        will-change: auto;
        animation: none
    }
}

@keyframes aw-header-enter {
    0% {
        opacity: 0;
        transform: translate(-50%, calc(-100% - var(--public-header-inset)))
    }

    to {
        opacity: 1;
        transform: translate(-50%)
    }
}

.fidelity .public-drawer.site-drawer {
    z-index: var(--public-z-drawer);
    color: var(--color-bg-02);
    visibility: hidden;
    pointer-events: none;
    width: 100%;
    height: 100svh;
    transition: background-color .45s var(--public-ease),visibility .45s;
    background: rgb(var(--color-primary-dark-rgb) / 0);
    position: fixed;
    inset: 0;
    overflow: hidden;
    transform: none
}

.fidelity .public-drawer.site-drawer[data-state=open] {
    visibility: visible;
    pointer-events: auto;
    background: var(--brown)
}

.fidelity .public-drawer.site-drawer .public-drawer__panel {
    color: var(--color-bg-02);
    overscroll-behavior: contain;
    background: linear-gradient(var(--color-primary) 0%,var(--color-primary) 72%);
    flex-direction: column;
    width: min(440px,100% - 48px);
    height: 100%;
    min-height: 0;
    margin: 0;
    padding: 0;
    transition: transform .48s cubic-bezier(.22,1,.36,1);
    display: flex;
    overflow-y: auto;
    transform: translate(-101%);
    box-shadow: 18px 0 50px rgb(var(--color-primary-dark-rgb) / 0.18)
}

.fidelity .public-drawer.site-drawer[data-state=open] .public-drawer__panel {
    transform: translate(0)
}

.fidelity .public-drawer.site-drawer .public-drawer__head {
    border-bottom: 1px solid rgb(var(--color-bg-02-rgb) / 0.18);
    flex: none;
    justify-content: space-between;
    align-items: center;
    height: 72px;
    padding: 0 20px;
    display: flex
}

.fidelity .public-drawer.site-drawer .public-drawer__head .public-logo {
    flex: none
}

.fidelity .public-drawer.site-drawer .public-drawer__head .public-logo__asset {
    width: 68px;
    height: 23px
}

.fidelity .public-drawer.site-drawer .public-drawer__close {
    color: var(--color-bg-02);
    width: 44px;
    height: 44px;
    transition: color var(--public-duration) var(--public-ease),border-color var(--public-duration) var(--public-ease),transform var(--public-duration) var(--public-ease);
    background: 0 0;
    border: 1px solid rgb(var(--color-bg-02-rgb) / 0.18);
    border-radius: 50%;
    flex: 0 0 44px;
    display: block;
    position: relative
}

.fidelity .public-drawer__close:before,.fidelity .public-drawer__close:after {
    content: "";
    background: currentColor;
    width: 18px;
    height: 1px;
    position: absolute;
    top: 50%;
    left: 50%
}

.fidelity .public-drawer__close:before {
    transform: translate(-50%,-50%)rotate(45deg)
}

.fidelity .public-drawer__close:after {
    transform: translate(-50%,-50%)rotate(-45deg)
}

.fidelity .public-drawer.site-drawer .public-drawer__close:hover,.fidelity .public-drawer.site-drawer .public-drawer__close:focus-visible {
    color: var(--color-secondary-light);
    border-color: var(--color-secondary-light);
    transform: rotate(4deg)
}

.fidelity .public-drawer__quick {
    border-bottom: 1px solid rgb(var(--color-bg-02-rgb) / 0.18);
    flex: none;
    grid-template-columns: repeat(3,minmax(0,1fr));
    display: grid
}

.fidelity .public-drawer__quick-link {
    color: var(--color-bg-02);
    text-align: center;
    min-width: 0;
    min-height: 110px;
    transition: color var(--public-duration) var(--public-ease),background-color var(--public-duration) var(--public-ease);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: 10px;
    padding: 14px 6px;
    text-decoration: none;
    display: flex
}

.fidelity .public-drawer__quick-link+.public-drawer__quick-link {
    border-left: 1px solid rgb(var(--color-bg-02-rgb) / 0.18)
}

.fidelity .public-drawer__quick-link:hover,.fidelity .public-drawer__quick-link:focus-visible {
    color: var(--color-secondary-light);
    background: rgb(var(--color-bg-02-rgb) / 0.059)
}

.fidelity .public-drawer__quick-icon {
    color: var(--color-secondary-light);
    place-items: center;
    width: 28px;
    height: 28px;
    display: grid
}

.fidelity .public-drawer__quick-icon svg {
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .public-drawer__quick-link--blog .public-drawer__quick-icon {
    width: 18px;
    height: 20.5px
}

.fidelity .public-drawer__quick-label {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.02em;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 13.5px;
    font-weight: 500;
    line-height: 1.35;
    overflow: hidden
}

.fidelity .public-drawer.site-drawer .public-drawer__body {
    flex: none;
    padding: 36px 20px 0
}

.fidelity .public-drawer.site-drawer .public-drawer__nav {
    margin: 0;
    padding: 0;
    list-style: none;
    display: block
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item {
    border: 0;
    margin: 0
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item+.site-drawer__nav-item {
    margin-top: 28px
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-expanded+.site-drawer__nav-item {
    margin-top: 36px
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-label {
    color: var(--color-bg-02);
    width: 100%;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.025em;
    text-align: left;
    text-transform: none;
    transition: color var(--public-duration) var(--public-ease);
    background: 0 0;
    border: 0;
    padding: 0 24px 0 0;
    font-size: 20px;
    font-weight: 500;
    line-height: 1.45;
    text-decoration: none;
    display: block;
    position: relative
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.has-children>.site-drawer__nav-label:after {
    color: var(--color-secondary-light);
    content: "+";
    font-family: Marcellus,serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    position: absolute;
    top: 50%;
    right: 2px;
    transform: translateY(-50%)
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-expanded>.site-drawer__nav-label {
    color: var(--color-secondary-light);
    border-bottom: 1px solid rgb(var(--color-bg-02-rgb) / 0.18);
    padding-bottom: 15px
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-expanded>.site-drawer__nav-label:after {
    content: "−"
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-current-branch>.site-drawer__nav-label,.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-current>.site-drawer__nav-label {
    color: var(--color-secondary-light)
}

.fidelity .public-drawer.site-drawer .site-drawer__sub {
    opacity: 0;
    width: 100%;
    transition: grid-template-rows .38s var(--public-ease),opacity .28s var(--public-ease);
    grid-template-rows: 0fr;
    display: grid
}

.fidelity .public-drawer.site-drawer .site-drawer__sub-list {
    min-height: 0;
    transition: padding .38s var(--public-ease);
    gap: 10px;
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid;
    overflow: hidden
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-expanded>.site-drawer__sub {
    opacity: 1;
    grid-template-rows: 1fr
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-expanded>.site-drawer__sub>.site-drawer__sub-list {
    padding: 16px 0 0
}

.fidelity .public-drawer.site-drawer .site-drawer__sub-link {
    color: rgb(var(--color-bg-02-rgb) / 0.702);
    width: 100%;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.02em;
    transition: color var(--public-duration) var(--public-ease);
    border: 0;
    padding: 2px 0 2px 16px;
    font-size: 15px;
    font-weight: 400;
    line-height: 1.55;
    text-decoration: none;
    display: block;
    position: relative
}

.fidelity .public-drawer.site-drawer .site-drawer__sub-link:before {
    content: "";
    transform-origin: 0;
    width: 7px;
    height: 1px;
    transition: transform var(--public-duration) var(--public-ease);
    background: var(--color-secondary-light);
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%)scaleX(.55)
}

.fidelity .public-drawer.site-drawer .site-drawer__nav-label:hover,.fidelity .public-drawer.site-drawer .site-drawer__nav-label:focus-visible,.fidelity .public-drawer.site-drawer .site-drawer__sub-link:hover,.fidelity .public-drawer.site-drawer .site-drawer__sub-link:focus-visible,.fidelity .public-drawer.site-drawer .site-drawer__sub-link.is-current {
    color: var(--color-secondary-light)
}

.fidelity .public-drawer.site-drawer .site-drawer__sub-link:hover:before,.fidelity .public-drawer.site-drawer .site-drawer__sub-link:focus-visible:before,.fidelity .public-drawer.site-drawer .site-drawer__sub-link.is-current:before {
    transform: translateY(-50%)scaleX(1)
}

.fidelity .public-drawer.site-drawer .public-drawer__foot {
    color: rgb(var(--color-bg-02-rgb) / 0.678);
    flex-direction: column;
    flex: none;
    align-items: flex-start;
    gap: 18px;
    margin-top: auto;
    padding: 36px 20px 24px;
    display: flex
}

.fidelity .public-drawer.site-drawer a:focus-visible,.fidelity .public-drawer.site-drawer button:focus-visible {
    outline-offset: 3px;
    outline: 1px solid var(--color-secondary-light)
}

@media (max-width: 767px) {
    .fidelity .public-drawer.site-drawer .public-drawer__panel {
        width:min(360px,100% - 32px)
    }

    .fidelity .public-drawer.site-drawer .public-drawer__head {
        height: 64px;
        padding-inline:18px}

    .fidelity .public-drawer.site-drawer .public-drawer__head .public-logo__asset {
        width: 64px;
        height: 21px
    }

    .fidelity .public-drawer.site-drawer .public-drawer__close {
        flex-basis: 40px;
        width: 40px;
        height: 40px
    }

    .fidelity .public-drawer__quick-link {
        gap: 8px;
        min-height: 98px;
        padding: 12px 4px
    }

    .fidelity .public-drawer__quick-icon {
        width: 25px;
        height: 25px
    }

    .fidelity .public-drawer__quick-link--blog .public-drawer__quick-icon {
        width: 17px;
        height: 19.5px
    }

    .fidelity .public-drawer__quick-label {
        font-size: 12.5px
    }

    .fidelity .public-drawer.site-drawer .public-drawer__body {
        padding: 32px 18px 0
    }

    .fidelity .public-drawer.site-drawer .site-drawer__nav-item+.site-drawer__nav-item {
        margin-top: 24px
    }

    .fidelity .public-drawer.site-drawer .site-drawer__nav-item.is-expanded+.site-drawer__nav-item {
        margin-top: 32px
    }

    .fidelity .public-drawer.site-drawer .site-drawer__nav-label {
        font-size: 18px
    }

    .fidelity .public-drawer.site-drawer .public-drawer__foot {
        padding: 32px 18px calc(24px + env(safe-area-inset-bottom))
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .public-drawer.site-drawer,.fidelity .public-drawer.site-drawer .public-drawer__panel,.fidelity .public-drawer.site-drawer .site-drawer__sub,.fidelity .public-drawer.site-drawer .site-drawer__sub-list,.fidelity .public-drawer.site-drawer .site-drawer__sub-link,.fidelity .public-drawer.site-drawer .site-drawer__nav-label,.fidelity .public-drawer.site-drawer .public-drawer__quick-link {
        transition: none
    }
}

@keyframes fpFadeInDown {
    0% {
        opacity: 0;
        transform: translateY(-20px)
    }

    to {
        opacity: 1;
        transform: translate(0,0)
    }
}

@keyframes public-async-directory-spin {
    to {
        transform: rotate(1turn)
    }
}

@keyframes public-page-hero-scroll-spin {
    to {
        transform: rotate(360deg)
    }
}

.fidelity .public-footer.site-footer {
    color: var(--color-bg-02);
    background: var(--brown);
    border-top: 0;
    padding: 0
}

.fidelity .public-footer.site-footer .public-footer__inner {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .public-footer.site-footer .public-footer__main {
    border-bottom: 1px solid rgb(var(--color-secondary-light-rgb) / 0.322);
    grid-template-columns: minmax(0,1fr) minmax(0,2.08fr) minmax(0,1fr);
    gap: 0;
    min-height: 458px;
    padding: 48px 0 0;
    display: grid
}

.fidelity .public-footer.site-footer .public-footer__panel {
    min-width: 0;
    min-height: 410px;
    padding-block:50px 48px}

.fidelity .public-footer.site-footer .public-footer__panel+.public-footer__panel {
    border-left: 1px solid rgb(var(--color-bg-02-rgb) / 0.18)
}

.fidelity .public-footer.site-footer .public-footer__reservation {
    padding-right: clamp(24px,2.0712vw + 16.233px,56px)
}

.fidelity .public-footer.site-footer .public-footer__location {
    padding-inline:clamp(32px,4.53074vw + 15.0097px,102px)}

.fidelity .public-footer.site-footer .public-footer__details {
    padding-left: clamp(32px,2.8479vw + 21.3204px,76px)
}

.fidelity .public-footer.site-footer .public-footer__eyebrow {
    color: var(--color-secondary-light);
    letter-spacing: 1.8px;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(13px,.0647249vw + 12.7573px,14px);
    font-weight: 400;
    line-height: 1.31
}

.fidelity .public-footer.site-footer .public-footer__heading {
    color: var(--color-bg-02);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.1px;
    margin: 0;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 700;
    line-height: 1.5
}

.fidelity .public-footer.site-footer .public-footer__phone-group {
    margin-top: clamp(24px,.194175vw + 23.2718px,27px)
}

.fidelity .public-footer.site-footer .public-footer__phone {
    color: var(--color-bg-02);
    letter-spacing: .5px;
    white-space: nowrap;
    margin-top: clamp(6px,.12945vw + 5.51456px,8px);
    font-family: Marcellus,serif;
    font-size: clamp(28px,.517799vw + 26.0583px,36px);
    font-weight: 400;
    line-height: 1.2;
    display: inline-block
}

.fidelity .public-footer.site-footer .public-footer__schedule {
    margin-top: clamp(26px,.12945vw + 25.5146px,28px)
}

.fidelity .public-footer.site-footer .public-footer__schedule-list {
    gap: 8px;
    margin: clamp(10px,.12945vw + 9.51456px,12px) 0 0;
    display: grid
}

.fidelity .public-footer.site-footer .public-footer__schedule-list>div {
    grid-template-columns: clamp(72px,1.2945vw + 67.1456px,92px) minmax(0,1fr);
    align-items: start;
    gap: clamp(12px,.38835vw + 10.5437px,18px);
    display: grid
}

.fidelity .public-footer.site-footer .public-footer__schedule-list dt,.fidelity .public-footer.site-footer .public-footer__schedule-list dd,.fidelity .public-footer.site-footer .public-footer__details-list dt,.fidelity .public-footer.site-footer .public-footer__details-list dd {
    margin: 0
}

.fidelity .public-footer.site-footer .public-footer__schedule-list dt {
    color: rgb(var(--color-secondary-light-rgb) / 0.761);
    letter-spacing: -.2px;
    font-size: clamp(13px,.0647249vw + 12.7573px,14px);
    font-weight: 700;
    line-height: 1.71
}

.fidelity .public-footer.site-footer .public-footer__schedule-list dd {
    color: var(--color-bg-02);
    letter-spacing: -.2px;
    overflow-wrap: anywhere;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.5
}

.fidelity .public-footer.site-footer .public-footer__location-inner {
    width: 100%;
    max-width: 600px;
    margin-inline:auto}

.fidelity .public-footer.site-footer .public-footer__location-address {
    color: var(--color-bg-02);
    letter-spacing: -.2px;
    word-break: keep-all;
    margin: clamp(10px,.12945vw + 9.51456px,12px) 0 0;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 500;
    line-height: 1.5
}

.fidelity .public-footer.site-footer .public-footer__map {
    color: var(--color-primary);
    background: #e8e3db;
    width: 100%;
    height: clamp(210px,.517799vw + 208.058px,218px);
    margin-top: clamp(24px,.517799vw + 22.0583px,32px);
    position: relative;
    overflow: hidden
}

.fidelity .public-footer.site-footer .public-footer__map-canvas,.fidelity .public-footer.site-footer .public-footer__roughmap,.fidelity .public-footer.site-footer .public-footer__map-fallback {
    width: 100%;
    height: 100%
}

.fidelity .public-footer.site-footer .public-footer__roughmap,.fidelity .public-footer.site-footer .public-footer__roughmap .wrap_map {
    width: 100%!important
}

.fidelity .public-footer.site-footer .public-footer__map-fallback[hidden] {
    display: none
}

.fidelity .public-footer.site-footer .public-footer__map-fallback {
    color: var(--color-primary);
    text-align: center;
    background: var(--color-bg-02);
    place-items: center;
    padding: 20px;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 600;
    display: grid
}

.fidelity .public-footer.site-footer .public-footer__identity .public-logo__asset {
    width: clamp(118px,.906149vw + 114.602px,132px);
    height: clamp(52px,.517799vw + 50.0583px,60px)
}

.fidelity .public-footer.site-footer .public-footer__details-list {
    gap: clamp(14px,.2589vw + 13.0291px,18px);
    margin: clamp(28px,.2589vw + 27.0291px,32px) 0 0;
    display: grid
}

.fidelity .public-footer.site-footer .public-footer__details-list dt {
    color: rgb(var(--color-secondary-light-rgb) / 0.761);
    letter-spacing: -.2px;
    font-size: clamp(13px,.0647249vw + 12.7573px,14px);
    font-weight: 700;
    line-height: 1.71
}

.fidelity .public-footer.site-footer .public-footer__details-list dd {
    color: var(--color-bg-02);
    letter-spacing: -.15px;
    word-break: keep-all;
    overflow-wrap: anywhere;
    margin-top: 2px;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 500;
    line-height: 1.5
}

.fidelity .public-footer.site-footer a {
    color: inherit;
    text-decoration: none
}

.fidelity .public-footer.site-footer a:hover,.fidelity .public-footer.site-footer a:focus-visible {
    color: var(--color-white)
}

.fidelity .public-footer.site-footer a:focus-visible {
    outline-offset: 4px;
    outline: 1px solid var(--color-secondary-light)
}

.fidelity .public-footer.site-footer .public-footer__bottom {
    color: var(--color-secondary-light);
    border-top: 0;
    justify-content: space-between;
    align-items: center;
    gap: clamp(24px,1.0356vw + 20.1165px,40px);
    min-height: 85px;
    padding-block:24px;display: flex
}

.fidelity .public-footer.site-footer .public-footer__legal ul {
    flex-wrap: wrap;
    align-items: center;
    gap: clamp(18px,.906149vw + 14.6019px,32px);
    margin: 0;
    padding: 0;
    list-style: none;
    display: flex
}

.fidelity .public-footer.site-footer .public-footer__legal a,.fidelity .public-footer.site-footer .public-footer__copyright {
    letter-spacing: -1px;
    font-size: clamp(13px,.0647249vw + 12.7573px,14px);
    font-weight: 400;
    line-height: 1.31
}

.fidelity .public-footer.site-footer .public-footer__copyright {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: 0;
    opacity: .64;
    white-space: nowrap;
    margin: 0;
    font-weight: 400
}

@media (max-width: 1199px) {
    .fidelity .public-footer.site-footer .public-footer__main {
        grid-template-columns:repeat(2,minmax(0,1fr));
        grid-template-areas: "reservation details""location location";
        min-height: 0
    }

    .fidelity .public-footer.site-footer .public-footer__panel {
        min-height: 0;
        padding: clamp(36px,.776699vw + 33.0874px,48px)
    }

    .fidelity .public-footer.site-footer .public-footer__reservation {
        grid-area: reservation
    }

    .fidelity .public-footer.site-footer .public-footer__panel.public-footer__location {
        border-top: 1px solid rgb(var(--color-bg-02-rgb) / 0.18);
        border-left: 0;
        grid-area: location;
        padding-inline:0}

    .fidelity .public-footer.site-footer .public-footer__details {
        grid-area: details
    }

    .fidelity .public-footer.site-footer .public-footer__location-inner {
        max-width: none
    }
}

@media (max-width: 767px) {
    .fidelity .public-footer.site-footer .public-footer__main {
        padding:0;
        display: block
    }

    .fidelity .public-footer.site-footer .public-footer__panel {
        padding: 36px 0
    }

    .fidelity .public-footer.site-footer .public-footer__panel+.public-footer__panel {
        border-top: 1px solid rgb(var(--color-bg-02-rgb) / 0.18);
        border-left: 0
    }

    .fidelity .public-footer.site-footer .public-footer__map {
        min-height: 220px
    }

    .fidelity .public-footer.site-footer .public-footer__bottom {
        padding: 28px 0 calc(32px + env(safe-area-inset-bottom));
        flex-direction: column;
        justify-content: flex-start;
        align-items: flex-start
    }

    .fidelity .public-footer.site-footer .public-footer__copyright {
        white-space: normal
    }
}

@keyframes public-home-hero-copy-rise {
    0% {
        opacity: 0;
        transform: translate(-50%,-50%)translateY(clamp(32px,2.0712vw + 24.233px,64px))
    }

    to {
        opacity: 1;
        transform: translate(-50%,-50%)translate(0,0)
    }
}

.fidelity .public-home-hero {
    width: 100%;
    height: clamp(620px,24.5955vw + 527.767px,1000px);
    color: var(--public-white);
    background: var(--color-primary);
    position: relative;
    overflow: hidden
}

.fidelity .public-home-hero__swiper,.fidelity .public-home-hero__slide,.fidelity .public-home-hero__media,.fidelity .public-home-hero__media img {
    width: 100%;
    height: 100%
}

.fidelity .public-home-hero__slide {
    position: relative;
    overflow: hidden
}

.fidelity .public-home-hero__media {
    display: block;
    position: absolute;
    inset: 0
}

.fidelity .public-home-hero__media img {
    object-fit: cover;
    object-position: center;
    will-change: transform;
    transition: transform 5.7s cubic-bezier(.22,1,.36,1);
    display: block;
    transform: scale(1.1)
}

.fidelity .public-home-hero__slide.swiper-slide-active .public-home-hero__media img {
    transform: scale(1)
}

.fidelity .public-home-hero__copy {
    z-index: 1;
    color: var(--color-white);
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: min(100% - 40px,960px);
    display: flex;
    position: absolute;
    top: 51.5%;
    left: 50%;
    transform: translate(-50%,-50%)
}

.fidelity .public-home-hero__eyebrow {
    color: var(--color-secondary-light);
    letter-spacing: 2px;
    margin: 0 0 clamp(12px,.38835vw + 10.5437px,18px);
    font-family: Marcellus,serif;
    font-size: clamp(24px,1.16505vw + 19.6311px,42px);
    font-weight: 400;
    line-height: 1.2
}

.fidelity .public-home-hero__title {
    color: var(--color-white);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(40px,2.0712vw + 32.233px,72px);
    font-weight: 500;
    line-height: 1.25
}

.fidelity .public-home-hero__description {
    color: var(--color-bg-02);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.6px;
    word-break: keep-all;
    margin: clamp(18px,.906149vw + 14.6019px,32px) 0 0;
    font-size: clamp(15px,.323625vw + 13.7864px,20px);
    font-weight: 400;
    line-height: 1.618
}

.fidelity .public-home-hero__slide.swiper-slide-active .public-home-hero__copy {
    animation: 1.8s cubic-bezier(.22,1,.36,1) both public-home-hero-copy-rise
}

.fidelity .public-home-hero__controls {
    z-index: 2;
    color: var(--color-white);
    align-items: center;
    gap: clamp(10px,.38835vw + 8.54369px,16px);
    display: flex;
    position: absolute;
    bottom: clamp(40px,3.8835vw + 25.4369px,100px);
    left: 50%;
    transform: translate(-50%)
}

.fidelity .public-home-hero__pages button {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: 0;
    font-size: clamp(13px,.194175vw + 12.2718px,16px);
    font-weight: 600;
    line-height: 1.2
}

.fidelity .public-home-hero__progress {
    background: rgb(var(--color-white-rgb) / 0.278);
    border-radius: 999px;
    width: clamp(72px,4.91909vw + 53.5534px,148px);
    height: 2px;
    overflow: hidden
}

.fidelity .public-home-hero__progress span {
    border-radius: inherit;
    transform-origin: 0;
    will-change: transform;
    background: var(--color-white);
    width: 100%;
    height: 100%;
    display: block;
    transform: scaleX(0)
}

.fidelity .public-home-hero__pages,.fidelity .public-home-hero__actions {
    align-items: center;
    display: flex
}

.fidelity .public-home-hero__pages {
    gap: clamp(10px,.38835vw + 8.54369px,16px)
}

.fidelity .public-home-hero__pages button,.fidelity .public-home-hero__actions button {
    color: inherit;
    background: 0 0;
    border: 0;
    place-items: center;
    margin: 0;
    padding: 0;
    display: grid
}

.fidelity .public-home-hero__pages button {
    opacity: .5;
    min-width: 20px
}

.fidelity .public-home-hero__pages button.is-active {
    opacity: 1
}

.fidelity .public-home-hero__actions button {
    width: clamp(28px,.2589vw + 27.0291px,32px);
    height: clamp(28px,.2589vw + 27.0291px,32px)
}

.fidelity .public-home-hero__actions [data-swiper-prev] svg,.fidelity .public-home-hero__actions [data-swiper-next] svg {
    width: clamp(7px,.0647249vw + 6.75728px,8px);
    height: clamp(14px,.12945vw + 13.5146px,16px)
}

.fidelity .public-home-hero__actions [data-home-hero-toggle] svg {
    width: clamp(15px,.194175vw + 14.2718px,18px);
    height: clamp(15px,.194175vw + 14.2718px,18px)
}

.fidelity .public-home-hero__play-icon,.fidelity .public-home-hero.is-paused .public-home-hero__pause-icon {
    display: none
}

.fidelity .public-home-hero.is-paused .public-home-hero__play-icon {
    display: block
}

.fidelity .public-home-hero__controls[data-single-slide] .public-home-hero__pages,.fidelity .public-home-hero__controls[data-single-slide] .public-home-hero__actions {
    display: none
}

.fidelity .public-home-hero__controls[data-single-slide] .public-home-hero__progress span {
    transform: scaleX(1)
}

.fidelity .public-home-hero__pages button:focus-visible,.fidelity .public-home-hero__actions button:focus-visible {
    outline-offset: 3px;
    outline: 1px solid var(--color-white)
}

@media (max-width: 767px) {
    .fidelity .public-home-hero__copy {
        width:calc(100% - 40px);
        top: 49%
    }

    .fidelity .public-home-hero__controls {
        justify-content: center;
        width: calc(100% - 40px)
    }

    .fidelity .public-home-hero__progress {
        flex: auto;
        max-width: 96px
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .public-home-hero__media img {
        transition: none;
        transform: none
    }

    .fidelity .public-home-hero__slide.swiper-slide-active .public-home-hero__copy {
        animation: none
    }

    .fidelity .public-home-hero__progress span {
        transition: none;
        transform: scaleX(1)
    }
}

@media (max-width: 767px) {
    .fidelity .public-key-home .swiper {
        overflow:visible
    }
}

.fidelity .public-key-search__tabs.public-filter-tabs--line a.is-active {
    color: var(--public-white)
}

.fidelity .public-key-search__tabs a.is-active {
    opacity: 1;
    border-bottom: 2px solid var(--public-white)
}

@media (max-width: 767px) {
    .fidelity .public-key-feature__carousel.swiper {
        padding-bottom:var(--public-space-lg);
        overflow: hidden
    }
}

.fidelity .aw-flooring {
    color: var(--color-text);
    background: var(--color-bg-02);
    padding: clamp(120px,9.70874vw + 83.5922px,270px) 0 clamp(88px,2.0712vw + 80.233px,120px);
    position: relative;
    overflow: hidden
}

.fidelity .aw-flooring__container {
    z-index: 1;
    width: 100%;
    max-width: 100%;
    margin-inline: auto;
    position: relative;
    padding: 20px 80px
}

.fidelity .aw-flooring__upper {
    /* 왼쪽 이미지 680px 고정(화면이 좁으면 48%까지 줄어듦) + 오른쪽은 나머지 전부 */
    grid-template-columns: min(680px, 48%) minmax(0, 1fr);
    align-items: start;
    column-gap: clamp(40px, 6.25vw, 120px);
    display: grid
}

.fidelity .aw-flooring__lead-visual,.fidelity .aw-flooring__primary-column {
    min-width: 0;
    position: relative
}

.fidelity .aw-flooring__primary-column {
    padding-top: clamp(40px,5.17799vw + 20.5825px,120px)
}

.fidelity .aw-flooring__media {
    z-index: 1;
    background: var(--color-bg-03);
    width: 100%;
    margin: 0;
    position: relative;
    overflow: hidden
}

.fidelity .aw-flooring__media img {
    width: 100%;
    height: 100%; /* 박스 비율(aspect-ratio)과 이미지 비율이 달라도 빈 여백 없이 채움 */
    object-fit: cover;
    object-position: center;
    display: block
}

.fidelity .aw-flooring__media--one {
    aspect-ratio: 680/1060
}

.fidelity .aw-flooring__media--two {
    aspect-ratio: 760/420
}

.fidelity .aw-flooring__media--three {
    aspect-ratio: 836/560
}

.fidelity .aw-flooring__circle-text {
    z-index: 2;
    pointer-events: none;
    will-change: transform;
    width: clamp(128px,14.1748vw + 74.8447px,347px);
    height: clamp(128px,14.1748vw + 74.8447px,347px);
    animation: 32s linear infinite aw-flooring-circle;
    display: block;
    position: absolute;
    bottom: clamp(-250px,-11.521vw - 28.7961px,-72px);
    left: clamp(-220px,-10.356vw - 21.1651px,-60px)
}

.fidelity .aw-flooring__copy--primary {
    width: min(100%,680px);
    margin-top: clamp(48px,5.30744vw + 28.0971px,130px);
    margin-left: 0 /* 기존 왼쪽 당김(-24~-80px) 제거 → 이미지와의 간격 = column-gap 그대로 */
}

.fidelity .aw-flooring__eyebrow {
    color: var(--color-secondary);
    letter-spacing: 1.5px;
    margin: 0 0 clamp(12px,.776699vw + 9.08738px,24px);
    font-family: Marcellus,serif;
    font-size: clamp(14px,.38835vw + 12.5437px,20px);
    font-weight: 400;
    line-height: 1.25
}

.fidelity .aw-flooring__title {
    color: var(--color-text);
    letter-spacing: 1.9px;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .aw-flooring__title span {
    display: block
}

.fidelity .aw-flooring__title span+span {
    color: var(--color-secondary)
}

.fidelity .aw-flooring__description {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -1px;
    word-break: keep-all;
    margin: clamp(24px,1.0356vw + 20.1165px,40px) 0 0;
    font-size: clamp(14px,.38835vw + 12.5437px,20px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .aw-flooring__description strong {
    font-weight: 600
}

.fidelity .aw-flooring__lower {
    grid-template-columns: minmax(0,68fr) minmax(0,72fr); /* 이미지 열 83.6fr → 72fr 로 축소 */
    align-items: center;
    column-gap: clamp(32px,6.21359vw + 8.69903px,128px);
    margin-top: clamp(96px,13.2039vw + 46.4854px,300px);
    display: grid
}

.fidelity .aw-flooring__copy--secondary {
    width: min(100%,520px)
}

.fidelity .aw-flooring__description--secondary {
    margin-top: clamp(20px,.776699vw + 17.0874px,32px)
}

.fidelity .aw-flooring__blur {
    z-index: 0;
    pointer-events: none;
    max-width: none;
    display: block;
    position: absolute
}

.fidelity .aw-flooring__blur--top {
    width: clamp(720px,40.9061vw + 566.602px,1352px);
    top: clamp(-740px,-32.3625vw - 118.641px,-240px);
    right: clamp(-500px,-14.2395vw - 226.602px,-280px)
}

.fidelity .aw-flooring__blur--side {
    width: clamp(560px,20.1942vw + 484.272px,872px);
    top: clamp(560px,33.657vw + 433.786px,1080px);
    left: clamp(-440px,-9.06149vw - 266.019px,-300px)
}

@media (max-width: 767px) {
    .fidelity .aw-flooring__upper,.fidelity .aw-flooring__lower {
        flex-direction:column;
        display: flex
    }

    .fidelity .aw-flooring__primary-column {
        flex-direction: column;
        gap: 24px;
        padding-top: 0;
        display: flex
    }

    .fidelity .aw-flooring__lead-visual {
        align-self: flex-start;
        width: 90%
    }

    .fidelity .aw-flooring__media--two {
        order: 2;
        align-self: flex-end;
        width: 94%
    }

    .fidelity .aw-flooring__copy--primary {
        order: 1;
        width: 100%;
        margin-left: 0
    }

    .fidelity .aw-flooring__description br {
        display: none
    }

    .fidelity .aw-flooring__lower {
        gap: clamp(48px,3.1068vw + 36.3495px,96px)
    }

    .fidelity .aw-flooring__copy--secondary {
        order: 1;
        width: 100%;
        margin-left: 0
    }

    .fidelity .aw-flooring__media--three {
        order: 2
    }

    .fidelity .aw-flooring__blur--top {
        right: -480px
    }

    .fidelity .aw-flooring__blur--side {
        left: -380px
    }
}

@keyframes aw-flooring-circle {
    to {
        transform: rotate(360deg)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .aw-flooring__circle-text {
        animation: none
    }
}

.fidelity .aw-strengths {
    z-index: 2;
    color: var(--color-primary);
    background: linear-gradient(90deg,rgb(var(--color-bg-rgb) / 0) 0%,var(--color-bg-02) 100%),var(--color-bg);
    min-height: 900px;
    position: relative;
    overflow: visible
}

.fidelity .aw-portfolio__button {
    color: var(--color-text);
    letter-spacing: -.2px;
    white-space: nowrap;
    background: 0 0;
    border: 1px solid var(--color-text);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 176px;
    height: 56px;
    margin-top: 48px;
    padding-inline:20px;font-family: Marcellus,serif;
    font-size: 20px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    transition: color .35s,background-color .35s,transform .35s;
    display: inline-flex
}

.fidelity .aw-portfolio__button:hover,.fidelity .aw-portfolio__button:focus-visible {
    color: var(--color-bg);
    background: var(--color-primary);
    transform: translateY(-2px)
}

.fidelity .aw-portfolio__button:focus-visible {
    outline-offset: 4px;
    outline: 2px solid var(--color-secondary)
}

.fidelity .aw-portfolio__button svg {
    flex: none;
    width: 16px;
    height: 16px;
    display: block
}

@media (max-width: 1024px) {
    .fidelity .aw-strengths {
        min-height:800px
    }

}

@media (max-width: 767px) {
    .fidelity .aw-strengths {
        min-height:0;
        padding-top: 96px
    }

    .fidelity .aw-portfolio__button {
        width: 176px;
        height: clamp(50px,.38835vw + 48.5437px,56px);
        margin-top: clamp(32px,.517799vw + 30.0583px,40px);
        font-size: clamp(17px,.194175vw + 16.2718px,20px)
    }

}

@media (prefers-reduced-motion:reduce) {
    .fidelity .aw-portfolio__button {
        transition: none
    }

}

.fidelity .aw-portfolio {
    z-index: 1;
    color: var(--color-primary);
    background: var(--color-bg-02);
    padding-block:clamp(64px,3.6246vw + 50.4078px,120px);position: relative;
    overflow: hidden
}

.fidelity .aw-portfolio__container {
    grid-template-columns: repeat(10,minmax(0,1fr));
    align-items: end;
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px;display: grid
}

.fidelity .aw-portfolio__heading {
    grid-column: 1/span 5
}

.fidelity .aw-portfolio__eyebrow {
    color: var(--color-text);
    letter-spacing: 1.5px;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    font-weight: 400;
    line-height: 1.25
}

.fidelity .aw-portfolio__title {
    color: var(--color-text);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: clamp(20px,.517799vw + 18.0583px,28px) 0 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(31px,1.10032vw + 26.8738px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .aw-portfolio__title span {
    display: block
}

.fidelity .aw-portfolio__title span:last-child {
    color: var(--color-secondary)
}

.fidelity .aw-portfolio__copy {
    grid-column: 7/span 3
}

.fidelity .aw-portfolio__description {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.5px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .aw-portfolio__button {
    margin-top: clamp(32px,1.0356vw + 28.1165px,48px)
}

.fidelity .aw-portfolio__marquee {
    width: 100%;
    margin-top: clamp(56px,1.5534vw + 50.1748px,80px);
    overflow: hidden
}

.fidelity .aw-portfolio__set {
    flex: none;
    gap: clamp(12px,.2589vw + 11.0291px,16px);
    padding-inline-end:clamp(12px,.2589vw + 11.0291px,16px);display: flex
}

.fidelity .aw-portfolio__item {
    background: var(--color-bg-03);
    flex: none;
    width: clamp(260px,11.6505vw + 216.311px,440px);
    height: clamp(340px,11.6505vw + 296.311px,520px);
    margin: 0;
    overflow: hidden
}

.fidelity .aw-portfolio__item img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width: 1024px) {
    .fidelity .aw-portfolio__heading {
        grid-column:1/span 5
    }

    .fidelity .aw-portfolio__copy {
        grid-column: 6/span 5
    }
}

@media (max-width: 767px) {
    .fidelity .aw-portfolio__container {
        flex-direction:column;
        align-items: stretch;
        display: flex
    }

    .fidelity .aw-portfolio__copy {
        margin-top: 0
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .aw-portfolio__track {
        animation: none!important;
        transform: none!important
    }

    .fidelity .aw-portfolio__item {
        clip-path: none!important
    }
}

.fidelity .facilities-showcase__tab.is-active {
    color: var(--color-primary)
}

.fidelity .facilities-showcase__tab.is-active .facilities-showcase__tab-dot {
    background: var(--color-secondary);
    outline-width: 5px
}

@keyframes facilities-showcase-reveal-fallback {
    to {
        opacity: 1;
        clip-path: inset(0);
        filter: none;
        transform: none
    }
}

@keyframes contact-guide-reveal-fallback {
    to {
        opacity: 1;
        filter: none;
        transform: none
    }
}

.fidelity .aw-contact {
    isolation: isolate;
    color: var(--color-white);
    background: var(--color-bg-02);
    place-items: center;
    min-height: clamp(500px,9.06149vw + 466.019px,640px);
    margin-bottom: -1px;
    padding: clamp(96px,4.1424vw + 80.466px,160px) 20px;
    display: grid;
    position: relative;
    overflow: hidden
}

.fidelity .aw-contact__media {
    z-index: 0;
    backface-visibility: hidden;
    contain: paint;
    background: var(--color-bg-02);
    width: 100%;
    height: 100%;
    position: absolute;
    inset: 0;
    transform: translateZ(0)
}

.fidelity .aw-contact__media:after {
    z-index: 1;
    content: "";
    pointer-events: none;
    /* background: #0000004d; */
    position: absolute;
    inset: 0
}

.fidelity .aw-contact__content {
    z-index: 2;
    text-align: center;
    flex-direction: column;
    align-items: center;
    width: min(100%, 1200px);
    display: flex;
    position: relative
}

.fidelity .aw-contact__eyebrow {
    color: var(--color-white);
    letter-spacing: 1.5px;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    font-weight: 400;
    line-height: 1.25
}

.fidelity .aw-contact__title {
    color: var(--color-white);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: clamp(20px,.2589vw + 19.0291px,24px) 0 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .aw-contact__title span {
    display: block
}

.fidelity .aw-contact__title span:last-child {
    color: var(--color-secondary-light)
}

.fidelity .aw-contact__description {
    color: var(--color-white);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.5px;
    word-break: keep-all;
    margin: clamp(20px,.2589vw + 19.0291px,24px) 0 0;
    font-size: clamp(15px,.323625vw + 13.7864px,20px);
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 767px) {
    .fidelity .aw-contact__title span {
        font-size:min(1em,7vw)
    }

    .fidelity .aw-contact__title span:first-child {
        white-space: nowrap;
        max-width: none
    }

    .fidelity .aw-contact__description {
        max-width: 320px
    }

}

@media (prefers-reduced-motion:reduce) {
    .fidelity .aw-contact__media,.fidelity .aw-contact__content {
        clip-path: none!important;
        opacity: 1!important;
        filter: none!important;
        transform: none!important
    }

}

.fidelity .aw-product {
    color: var(--color-primary);
    background: var(--color-bg-02);
    padding: clamp(88px,2.0712vw + 80.233px,120px) 0;
    position: relative;
    overflow: hidden
}

.fidelity .aw-product__container {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .aw-product__header {
    text-align: center
}

.fidelity .aw-product__eyebrow {
    color: var(--color-secondary);
    letter-spacing: 1.5px;
    margin: 0 0 clamp(14px,.38835vw + 12.5437px,20px);
    font-family: Marcellus,serif;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.28
}

.fidelity .aw-product__title {
    color: var(--color-text);
    letter-spacing: -1.5px;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(32px,.776699vw + 29.0874px,44px);
    font-weight: 500;
    line-height: 1.3
}

.fidelity .aw-product__title span {
    display: block
}

.fidelity .aw-product__title span+span {
    color: var(--color-secondary)
}

.fidelity .aw-product__lead {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.4px;
    word-break: keep-all;
    margin: clamp(24px,.517799vw + 22.0583px,32px) 0 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .aw-product__stage {
    margin-top: clamp(52px,1.8123vw + 45.2039px,80px);
    position: relative
}

.fidelity .aw-product__swiper {
    overflow: visible
}

.fidelity .aw-product__slide {
    opacity: .32;
    width: clamp(335px,34.7573vw + 204.66px,872px);
    height: auto;
    transition: opacity .9s
}

.fidelity .aw-product__slide.swiper-slide-active {
    opacity: 1
}

.fidelity .aw-product__media {
    aspect-ratio: 109/60;
    transform-origin: 50%;
    will-change: transform;
    background: var(--color-bg-03);
    width: 100%;
    margin: 0;
    transition: transform .9s cubic-bezier(.22,.61,.36,1);
    overflow: hidden;
    transform: scale(.9)
}

.fidelity .aw-product__slide.swiper-slide-active .aw-product__media {
    transform: scale(1)
}

.fidelity .aw-product__media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .aw-product__copy {
    text-align: center;
    opacity: 0;
    min-height: clamp(112px,1.16505vw + 107.631px,130px);
    margin-top: clamp(26px,1.16505vw + 21.6311px,44px);
    padding-inline:clamp(8px,1.8123vw + 1.20388px,36px);transition: opacity .7s .15s,transform .7s .15s;
    transform: translateY(12px)
}

.fidelity .aw-product__slide.swiper-slide-active .aw-product__copy {
    opacity: 1;
    transform: translateY(0)
}

.fidelity .aw-product__slide-title {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.8px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(19px,.323625vw + 17.7864px,24px);
    font-weight: 600;
    line-height: 1.31
}

.fidelity .aw-product__description {
    color: var(--color-text-secondary);
    max-width: 680px;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.35px;
    word-break: keep-all;
    margin: clamp(12px,.38835vw + 10.5437px,18px) auto 0;
    font-size: clamp(14px,.194175vw + 13.2718px,17px);
    font-weight: 400;
    line-height: 1.55
}

.fidelity .aw-product__nav {
    z-index: 3;
    color: var(--color-primary);
    cursor: pointer;
    background: rgb(var(--color-bg-02-rgb) / 0.961);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.651);
    border-radius: 50%;
    place-items: center;
    width: clamp(48px,2.0712vw + 40.233px,80px);
    height: clamp(48px,2.0712vw + 40.233px,80px);
    padding: 0;
    transition: color .35s,background-color .35s,border-color .35s,transform .35s;
    display: grid;
    position: absolute;
    top: clamp(92px,9.57929vw + 56.0777px,240px);
    transform: translateY(-50%);
    box-shadow: 0 8px 20px rgb(var(--color-primary-rgb) / 0.078)
}

.fidelity .aw-product__nav--prev {
    left: calc(50% + -1*clamp(190px,27.1845vw + 88.0583px,610px))
}

.fidelity .aw-product__nav--next {
    right: calc(50% + -1*clamp(190px,27.1845vw + 88.0583px,610px))
}

.fidelity .aw-product__nav:hover,.fidelity .aw-product__nav:focus-visible {
    color: var(--color-bg-02);
    background: var(--color-secondary);
    border-color: var(--color-secondary);
    transform: translateY(-50%)scale(1.04)
}

.fidelity .aw-product__nav:focus-visible {
    outline-offset: 3px;
    outline: 2px solid var(--color-primary)
}

.fidelity .aw-product__nav svg {
    width: clamp(20px,.2589vw + 19.0291px,24px);
    height: clamp(20px,.2589vw + 19.0291px,24px);
    display: block
}

.fidelity .aw-product__footer {
    width: 100%;
    max-width: 1360px;
    margin: clamp(20px,.2589vw + 19.0291px,24px) auto 0;
    padding-inline:20px}

.fidelity .aw-product__counter {
    color: var(--color-secondary);
    letter-spacing: 0;
    margin: 0 0 clamp(12px,.2589vw + 11.0291px,16px);
    font-family: Marcellus,serif;
    font-size: clamp(13px,.0647249vw + 12.7573px,14px);
    font-weight: 400;
    line-height: 1.55
}

.fidelity .aw-product__progress {
    background: rgb(var(--color-primary-rgb) / 0.18);
    border-radius: 2px;
    width: 100%;
    height: 4px;
    overflow: hidden
}

.fidelity .aw-product__progress span {
    border-radius: inherit;
    transform-origin: 0;
    background: var(--color-secondary);
    width: 100%;
    height: 100%;
    transition: transform .9s;
    display: block;
    transform: scaleX(.25)
}

@media (max-width: 767px) {
    .fidelity .aw-product__lead br {
        display:none
    }

    .fidelity .aw-product__copy {
        padding-inline:0}

    .fidelity .aw-product__nav--prev {
        left: 20px
    }

    .fidelity .aw-product__nav--next {
        right: 20px
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .aw-product__slide,.fidelity .aw-product__copy,.fidelity .aw-product__nav,.fidelity .aw-product__progress span {
        transition: none
    }

    .fidelity .aw-product__media,.fidelity .aw-product__slide.swiper-slide-active .aw-product__media {
        transition: none;
        transform: none
    }
}

.fidelity .aw-showcase {
    isolation: isolate;
    background: var(--color-bg-02);
    position: relative
}

.fidelity .aw-showcase.is-immersive>.aw-product {
    z-index: 0;
    top: var(--aw-showcase-product-top,0px);
    position: sticky
}

.fidelity .aw-stats {
    z-index: 1;
    color: var(--color-bg-02);
    background: var(--color-primary);
    min-height: 100svh;
    position: relative
}

.fidelity .aw-stats.is-immersive {
    height: 380svh
}

.fidelity .aw-showcase--with-process .aw-stats.is-immersive {
    height: 480svh
}

.fidelity .aw-stats__stage {
    background: var(--brown);
    min-height: 100svh;
    position: relative;
    overflow: hidden
}

.fidelity .aw-stats.is-immersive .aw-stats__stage {
    height: 100svh;
    position: sticky;
    top: 0
}

.fidelity .aw-stats__container {
    width: 100%;
    max-width: 1684px;
    height: 100%;
    min-height: 100svh;
    padding: max(var(--public-header-height) + 16px,min(clamp(64px, 3.6246vw + 50.4078px, 120px),8svh)) 20px clamp(40px, 2.0712vw + 32.233px, 72px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-inline:auto;display: flex
}

.fidelity .aw-stats__display-mask {
    z-index: 2;
    text-align: center;
    width: 100%;
    margin-top: max(clamp(-168px,-7.37864vw - 26.3301px,-54px),-11svh);
    position: relative;
    overflow: visible
}

.fidelity .aw-stats__display {
    color: var(--color-secondary);
    letter-spacing: .04375em;
    white-space: nowrap;
    margin: 0;
    padding-block:.12em .22em;font-family: Marcellus,serif;
    font-size: min(clamp(64px,11.3916vw + 21.2816px,240px),15svh,19.6078vw - 7.84314px);
    font-weight: 400;
    line-height: 1
}

.fidelity .aw-stats__display .word,.fidelity .aw-stats__display .char,.fidelity .aw-stats__display .space {
    display: inline-block
}

.fidelity .aw-stats__copy {
    z-index: 2;
    text-align: center;
    will-change: transform,opacity,filter;
    flex-direction: column;
    align-items: center;
    margin-top: clamp(18px,1.0356vw + 14.1165px,34px);
    display: flex;
    position: relative
}

.fidelity .aw-stats__title {
    color: var(--color-white);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(32px,1.0356vw + 28.1165px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .aw-stats__title span {
    display: block
}

.fidelity .aw-stats__title span+span {
    color: var(--color-secondary)
}

.fidelity .aw-stats__description {
    color: var(--color-bg-02);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -1px;
    word-break: keep-all;
    margin: clamp(22px,.647249vw + 19.5728px,32px) 0 0;
    font-size: clamp(14px,.2589vw + 13.0291px,18px);
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 767px) {
    .fidelity .aw-stats,.fidelity .aw-stats__stage {
        min-height:0
    }

    .fidelity .aw-stats__container {
        justify-content: flex-start;
        height: auto;
        min-height: 0;
        padding-block:clamp(64px,3.6246vw + 50.4078px,120px)}

    .fidelity .aw-stats__display-mask {
        margin-top: clamp(-168px,-8.28479vw - 8.93204px,-40px)
    }

    .fidelity .aw-stats__display {
        letter-spacing: .04375em;
        font-size: min(clamp(64px,11.3916vw + 21.2816px,240px),19.6078vw - 7.84314px)
    }

    .fidelity .aw-stats__description br {
        display: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .aw-showcase.is-immersive>.aw-product,.fidelity .aw-stats.is-immersive .aw-stats__stage {
        position: relative;
        top: auto
    }

    .fidelity .aw-stats.is-immersive {
        height: auto
    }

}

.fidelity .aw-process {
    z-index: 2;
    color: var(--color-bg-02);
    background: var(--color-primary-dark);
    min-height: 100svh;
    position: relative
}

.fidelity .aw-process.is-immersive {
    height: 380svh;
    margin-top: -100svh
}

.fidelity .aw-process__stage {
    background: var(--brown);
    min-height: 100svh;
    position: relative;
    overflow: hidden
}

.fidelity .aw-process.is-immersive .aw-process__stage {
    height: 100svh;
    position: sticky;
    top: 0
}

.fidelity .aw-process__container {
    width: 100%;
    max-width: 1684px;
    height: 100%;
    min-height: 100svh;
    padding: max(var(--public-header-height) + 16px,min(clamp(64px, 3.6246vw + 50.4078px, 120px),8svh)) 20px clamp(40px, 2.0712vw + 32.233px, 72px);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    margin-inline:auto;display: flex
}

.fidelity .aw-process__brand {
    z-index: 2;
    will-change: transform,opacity,filter;
    justify-content: center;
    align-items: flex-end;
    gap: clamp(12px,2.8479vw + 1.32039px,56px);
    width: 100%;
    margin-top: max(clamp(-82px,-3.3657vw - 17.3786px,-30px),-7svh);
    display: flex;
    position: relative
}

.fidelity .aw-process__label {
    color: var(--color-secondary);
    letter-spacing: .04em;
    white-space: nowrap;
    margin: 0 0 clamp(2px,.38835vw + .54369px,8px);
    font-family: Marcellus,serif;
    font-size: clamp(30px,2.71845vw + 19.8058px,72px);
    font-weight: 400;
    line-height: 1;
    overflow: hidden
}

.fidelity .aw-process__label .word,.fidelity .aw-process__label .char,.fidelity .aw-process__label .space {
    display: inline-block
}

.fidelity .aw-process__copy {
    z-index: 2;
    text-align: center;
    will-change: transform,opacity,filter;
    flex-direction: column;
    align-items: center;
    margin-top: clamp(22px,1.0356vw + 18.1165px,38px);
    display: flex;
    position: relative
}

.fidelity .aw-process__title {
    color: var(--color-bg-02);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .aw-process__title span {
    display: block
}

.fidelity .aw-process__title span+span {
    color: var(--color-secondary)
}

.fidelity .aw-process__description {
    color: var(--color-bg-02);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -1px;
    word-break: keep-all;
    margin: clamp(22px,.647249vw + 19.5728px,32px) 0 0;
    font-size: clamp(14px,.2589vw + 13.0291px,18px);
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 767px) {
    .fidelity .aw-process,.fidelity .aw-process__stage {
        min-height:0
    }

    .fidelity .aw-process__container {
        justify-content: flex-start;
        height: auto;
        min-height: 0;
        padding: 40px 0;
    }

    .fidelity .aw-process__brand {
        margin-top: clamp(-82px,-3.3657vw - 17.3786px,-30px)
    }

    .fidelity .aw-process__description br {
        display: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .aw-process.is-immersive {
        height: auto;
        margin-top: 0
    }

    .fidelity .aw-process.is-immersive .aw-process__stage {
        position: relative;
        top: auto
    }

}

.fidelity .aw-business {
    grid-template-columns: repeat(3,minmax(0,1fr));
    width: 100%;
    display: grid
}

.fidelity .aw-business__card {
    flex-direction: column;
    min-width: 0;
    min-height: 420px;
    padding: clamp(32px,2.0712vw + 24.233px,64px);
    display: flex
}

.fidelity .aw-business__card--gym {
    background: linear-gradient(82deg,var(--brown) 0%,color-mix(in srgb, var(--brown), var(--color-secondary) 25%) 35%,color-mix(in srgb, var(--brown), var(--color-secondary) 35%) 58%,var(--brown) 100%)
}

.fidelity .aw-business__card--sports {
    background: linear-gradient(84deg,var(--color-border) 0%,var(--color-bg-02) 46%,var(--color-bg-03) 68%,color-mix(in srgb, var(--color-border), var(--color-secondary-light) 25%) 100%)
}

.fidelity .aw-business__card--care {
    background: linear-gradient(82deg,var(--brown) 0%,color-mix(in srgb, var(--brown), var(--color-secondary) 25%) 35%,color-mix(in srgb, var(--brown), var(--color-secondary) 35%) 58%,var(--brown) 100%)
}

.fidelity .aw-business__symbol {
    flex: none;
    width: clamp(84px,2.3301vw + 75.2621px,120px);
    height: clamp(84px,2.3301vw + 75.2621px,120px);
    display: block;
    overflow: visible
}

/* 아이콘 이미지(PNG) — 비율 유지(120x115 이미지도 찌그러지지 않게) */
.fidelity img.aw-business__symbol {
    object-fit: contain
}

.fidelity .aw-business__copy {
    margin-top: auto
}

.fidelity .aw-business__eyebrow {
    color: var(--color-secondary);
    letter-spacing: 1.2px;
    margin: 0 0 clamp(12px,.2589vw + 11.0291px,16px);
    font-family: Marcellus,serif;
    font-size: clamp(16px,.12945vw + 15.5146px,18px);
    font-weight: 400;
    line-height: 1.31
}

.fidelity .aw-business__title {
    color: var(--color-white);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.5px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(22px,.38835vw + 20.5437px,28px);
    font-weight: 600;
    line-height: 1.31
}

.fidelity .aw-business__description {
    color: rgb(var(--color-white-rgb) / 0.839);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -1px;
    word-break: keep-all;
    margin: clamp(12px,.2589vw + 11.0291px,16px) 0 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .aw-business__card--sports .aw-business__eyebrow {
    color: var(--color-secondary)
}

.fidelity .aw-business__card--sports .aw-business__title {
    color: var(--color-text)
}

.fidelity .aw-business__card--sports .aw-business__description {
    color: rgb(var(--color-text-rgb) / 0.8)
}

@media (max-width: 1024px) {
    .fidelity .aw-business {
        grid-template-columns:minmax(0,1fr)
    }

    .fidelity .aw-business__card {
        min-height: clamp(320px,6.47249vw + 295.728px,420px)
    }
}

@media (max-width: 544px) {
    .fidelity .aw-business__card {
        min-height:300px
    }
}

@media (max-width: 767px) {
    .fidelity .aw-business__card[data-aos],.fidelity .aw-business__card.aos-init,.fidelity .aw-business__card.aos-animate {
        opacity:1!important;
        transition: none!important;
        transform: none!important
    }
}

.fidelity .public-cart-page~.no-floating-cta {
    display: none
}

@keyframes public-about-marquee {
    to {
        transform: translate(-50%)
    }
}

@keyframes public-history-ripple {
    0% {
        opacity: .72;
        transform: scale(1)
    }

    62% {
        opacity: .14;
        transform: scale(5.2)
    }

    to {
        opacity: 0;
        transform: scale(6.2)
    }
}

.fidelity .public-location__canvas .public-footer__map-fallback {
    color: var(--color-text-secondary);
    width: 100%;
    height: 100%;
    font-family: "Pretendard",var(--font-sans-family);
    text-align: center;
    place-content: center;
    justify-items: center;
    gap: 16px;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    display: grid
}

.fidelity .public-location__canvas .public-footer__map-fallback:before {
    content: "카카오 지도를 불러오지 못했습니다."
}

.fidelity .public-location__canvas .public-footer__map-fallback span {
    color: var(--color-bg-02);
    background: var(--color-primary);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.62);
    border-radius: 999px;
    min-width: 180px;
    padding: 14px 20px;
    font-weight: 600
}

.fidelity .public-practice-page~.public-footer.site-footer {
    z-index: 1;
    background: var(--public-navy-deep);
    position: relative
}

@media (max-width: 1699px) and (min-width:768px) {
    .fidelity .public-practice-detail-page__index .public-section-index__item.is-active {
        color:var(--public-white);
        background: var(--public-blue);
        border-color: var(--public-blue)
    }
}

.fidelity .public-section-index__item.is-active {
    color: var(--public-blue)
}

.fidelity .public-section-index__item.is-active .public-section-index__dot {
    background: var(--public-blue);
    border-color: var(--public-blue);
    transform: scale(1.05)
}

@media (max-width: 767px) {
    .fidelity .public-section-index__item.is-active {
        color:var(--public-white);
        background: var(--public-blue);
        border-color: var(--public-blue)
    }
}

@keyframes onda-sub-visual-pending-fallback {
    to {
        opacity: 1;
        clip-path: inset(0%);
        filter: none;
        transform: none
    }
}

@keyframes onda-sub-visual-circle {
    to {
        transform: rotate(360deg)
    }
}

@keyframes onda-intro-reveal-fallback {
    to {
        opacity: 1
    }
}

@keyframes onda-protocol-pending-fallback {
    to {
        opacity: 1;
        filter: none;
        transform: none
    }
}

@keyframes onda-mechanism-pending-fallback {
    to {
        opacity: 1;
        filter: none;
        transform: none
    }
}

@keyframes onda-treatment-areas-copy-fallback {
    to {
        opacity: 1;
        filter: none;
        transform: none
    }
}

@keyframes onda-treatment-areas-callout-fallback {
    to {
        opacity: 1
    }
}

@keyframes onda-treatment-areas-ripple {
    0% {
        opacity: .78;
        scale: .7
    }

    75%,to {
        opacity: 0;
        scale: 3.1
    }
}

@keyframes injection-treatment-areas-ripple {
    0% {
        opacity: .78;
        scale: .7
    }

    75%,to {
        opacity: 0;
        scale: 3.1
    }
}

@keyframes onda-benefits-pending-fallback {
    to {
        opacity: 1;
        filter: none;
        transform: none
    }
}

@keyframes onda-results-pending-fallback {
    to {
        opacity: 1;
        clip-path: inset(0%);
        filter: none;
        transform: none
    }
}

@keyframes onda-for-whom-pending-fallback {
    to {
        opacity: 1;
        filter: none;
        transform: none
    }
}

@keyframes onda-faq-pending-fallback {
    to {
        opacity: 1;
        filter: none;
        transform: none
    }
}

@keyframes public-injection-detail-reveal-fallback {
    to {
        opacity: 1;
        filter: none;
        clip-path: none;
        transform: none
    }
}

.fidelity .public-professional-directory__selector-item.is-active {
    color: var(--public-ink)
}

.fidelity .public-professional-directory__selector-item.is-active:after {
    background: var(--clr-accent-500)
}

@keyframes public-director-visual-pending-fallback {
    to {
        opacity: 1;
        clip-path: inset(0%);
        filter: none;
        transform: none
    }
}

@keyframes public-director-profile-pending-fallback {
    to {
        opacity: 1;
        clip-path: inset(0%);
        filter: none;
        transform: none
    }
}

@keyframes public-director-why-pending-fallback {
    to {
        opacity: 1;
        clip-path: inset(0%);
        filter: none;
        transform: none
    }
}

.fidelity .public-blog__topic.is-active {
    color: var(--public-navy-deep);
    background: var(--public-surface);
    border-left: 3px solid var(--public-navy-deep);
    outline: none
}

@media (max-width: 767px) {
    .fidelity .public-blog__topic.is-active {
        border-left:3px solid var(--public-navy-deep)
    }
}

.fidelity .public-event-detail__event-tab.is-active {
    color: var(--public-white);
    background: var(--public-blue);
    border-color: var(--public-blue)
}

.fidelity .public-event-page~.public-footer.site-footer {
    background: var(--public-navy-deep)
}

.fidelity .public-member-auth__tab.is-active {
    color: var(--public-ink)
}

.fidelity .public-member-auth__tab.is-active:after {
    background: var(--public-ink);
    content: "";
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0
}

.fidelity .public-member-auth-page~.no-floating-cta {
    display: none
}

.fidelity .public-guide__tabs a.is-active {
    color: var(--public-ink)
}

.fidelity .public-guide__tabs a.is-active:after {
    background: var(--public-blue);
    content: "";
    height: 2px;
    position: absolute;
    bottom: -1px;
    left: 0;
    right: 0
}

.fidelity .public-guide__logo-stage .public-logo {
    width: 90px;
    position: static
}

.fidelity .no-body-sm {
    font-size: var(--body-sm-fs);
    font-weight: var(--body-sm-fw);
    line-height: var(--body-sm-lh);
    letter-spacing: 0
}

.fidelity .no-body-md {
    font-size: var(--body-md-fs);
    font-weight: var(--body-md-fw);
    line-height: var(--body-md-lh);
    letter-spacing: 0
}

.fidelity .public-practice-detail-page .no-body-md {
    font-size: var(--public-treatment-body-font-size)
}

.fidelity .no-middle-title-lg {
    font-size: var(--middle-title-lg-fs);
    font-weight: var(--middle-title-lg-fw);
    line-height: var(--middle-title-lg-lh);
    letter-spacing: 0
}

.fidelity .--700 {
    font-weight: 700
}

.fidelity .onda-sub-visual {
    color: var(--color-primary-dark);
    isolation: isolate;
    background: var(--color-bg-02);
    width: 100%;
    height: 100svh;
    min-height: 100svh;
    position: relative;
    overflow: hidden
}

.fidelity .onda-sub-visual__inner {
    z-index: 1;
    width: 100%;
    max-width: 1684px;
    height: 100%;
    padding: var(--public-header-height) 20px 0;
    grid-template-columns: repeat(10,minmax(0,1fr));
    align-items: center;
    margin-inline:auto;display: grid;
    position: relative
}

.fidelity .onda-sub-visual__copy {
    grid-column: 1/span 4;
    min-width: 0
}

.fidelity .onda-sub-visual__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0 0 clamp(14px,.776699vw + 11.0874px,26px);
    font-family: Marcellus,serif;
    font-size: clamp(14px,.38835vw + 12.5437px,20px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .onda-sub-visual__title {
    color: var(--color-primary-dark);
    letter-spacing: -.5px;
    white-space: nowrap;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(52px,2.8479vw + 41.3204px,96px);
    font-weight: 400;
    line-height: 1.2
}

.fidelity .onda-sub-visual__description {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: clamp(16px,.12945vw + 15.5146px,18px) 0 0;
    font-size: clamp(14px,.38835vw + 12.5437px,20px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-sub-visual__description br {
    display: block
}

.fidelity .onda-sub-visual__note {
    color: var(--color-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: 4px 0 0;
    font-size: clamp(12px,.12945vw + 11.5146px,14px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-sub-visual__visual {
    grid-column: 6/span 5;
    width: 100%;
    min-width: 0;
    position: relative
}

.fidelity .onda-sub-visual__media {
    aspect-ratio: 820/756;
    background: #e8d8c5;
    width: 100%;
    margin: 0;
    overflow: hidden
}

.fidelity .onda-sub-visual__media img {
    object-fit: cover;
    object-position: 45% 52%;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .onda-sub-visual--injection .onda-sub-visual__title {
    font-size: clamp(44px,2.20065vw + 35.7476px,78px)
}

.fidelity .onda-sub-visual--injection .onda-sub-visual__title-colon {
    display: inline-block;
    transform: translateY(-.15em)
}

.fidelity .onda-sub-visual--injection .onda-sub-visual__media img {
    object-position: 56% 50%
}

.fidelity .onda-sub-visual__circle-anchor {
    z-index: 2;
    aspect-ratio: 285/315;
    pointer-events: none;
    width: clamp(140px,6.47249vw + 115.728px,240px);
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    transform: translate(50%,-50%)
}

.fidelity .onda-sub-visual__circle-reveal,.fidelity .onda-sub-visual__circle-text {
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .onda-sub-visual__circle-text {
    transform-origin: 50%;
    will-change: transform;
    animation: 32s linear infinite onda-sub-visual-circle
}

.fidelity .onda-sub-visual__blur {
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    max-width: none;
    height: auto;
    display: block;
    position: absolute
}

.fidelity .onda-sub-visual__blur--top {
    width: 1352px;
    top: -740px;
    right: -500px
}

.fidelity .onda-sub-visual__blur--side {
    width: 872px;
    top: 50%;
    left: -440px;
    transform: translateY(-50%)
}

.fidelity :lang(en) .onda-sub-visual__description,.fidelity :lang(en) .onda-sub-visual__note {
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: pretty
}

.fidelity :lang(en) .onda-sub-visual__copy {
    grid-column: 1/span 5;
    padding-right: clamp(24px,2.1838vw + 6.07097px,48px)
}

.fidelity :lang(en) .onda-sub-visual__visual {
    grid-column: 6/span 5
}

@media (max-width: 1199px) {
    .fidelity .onda-sub-visual__circle-anchor {
        transform:translateY(-50%)
    }

    .fidelity .onda-sub-visual__blur--top {
        width: clamp(560px,105.541vw - 305.435px,960px);
        top: clamp(-420px,339.261px - 63.3245vw,-180px);
        right: clamp(-380px,126.174px - 42.2164vw,-220px)
    }

    .fidelity .onda-sub-visual__blur--side {
        width: clamp(400px,63.3245vw - 119.261px,640px);
        left: clamp(-320px,27.9947px - 29.0237vw,-210px)
    }
}

@media (max-width: 1023px) {
    .fidelity .onda-sub-visual__inner {
        column-gap:clamp(16px,6.27451vw - 32.1882px,32px)
    }

    .fidelity .onda-sub-visual__copy {
        grid-column: 1/span 4
    }

    .fidelity .onda-sub-visual__visual {
        grid-column: 6/span 5
    }
}

@media (max-width: 820px) {
    .fidelity :lang(en) .onda-sub-visual__copy {
        padding-right:0
    }

    .fidelity .onda-sub-visual__inner {
        padding: calc(var(--public-header-height) + 20px) 20px 20px;
        flex-direction: column;
        justify-content: center;
        gap: clamp(18px,3.14607vw + 6.20225px,32px);
        display: flex
    }

    .fidelity .onda-sub-visual__copy {
        width: 100%
    }

    .fidelity .onda-sub-visual__eyebrow {
        margin-bottom: 12px
    }

    .fidelity .onda-sub-visual__title {
        font-size: clamp(48px,2.55102vw + 38.4337px,58px)
    }

    .fidelity .onda-sub-visual__description {
        margin-top: 16px
    }

    .fidelity .onda-sub-visual__visual {
        flex: 0 auto;
        align-self: flex-end;
        width: min(100%,420px,43.4svh)
    }

    .fidelity .onda-sub-visual__blur--top {
        width: clamp(320px,53.9326vw + 117.753px,560px);
        top: clamp(-180px,4.26966px - 22.4719vw,-80px);
        right: clamp(-220px,-20.2247vw - 54.1573px,-130px)
    }

    .fidelity .onda-sub-visual__blur--side {
        width: clamp(240px,35.9551vw + 105.169px,400px);
        top: 54%;
        left: clamp(-210px,-20.2247vw - 44.1573px,-120px)
    }
}

.fidelity .onda-sub-visual.is-scroll-pinned {
    z-index: 0
}

.fidelity .is-onda-sub-visual-cover {
    z-index: 1;
    position: relative
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-sub-visual.is-reveal-pending .onda-sub-visual__copy {
        opacity: 0;
        filter: blur(6px);
        will-change: transform,opacity,filter;
        animation: 10ms 4s forwards onda-sub-visual-pending-fallback;
        transform: translate(-36px,12px)
    }

    .fidelity .onda-sub-visual.is-reveal-pending .onda-sub-visual__media {
        opacity: 0;
        clip-path: inset(0% 0% 0% 100%);
        will-change: clip-path,opacity;
        animation: 10ms 4s forwards onda-sub-visual-pending-fallback
    }

    .fidelity .onda-sub-visual.is-reveal-pending .onda-sub-visual__circle-reveal {
        opacity: 0;
        will-change: opacity;
        animation: 10ms 4s forwards onda-sub-visual-pending-fallback
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-sub-visual [data-reveal] {
        opacity: 1!important;
        clip-path: none!important;
        filter: none!important;
        transform: none!important
    }

    .fidelity .onda-sub-visual__circle-text {
        animation: none
    }
}

.fidelity .onda-intro {
    color: var(--color-primary);
    background: linear-gradient(var(--color-bg-02) 0%,rgb(var(--color-bg-rgb) / 0) 100%),var(--color-bg-02);
    padding-block:clamp(72px,3.1068vw + 60.3495px,120px)}

.fidelity .onda-intro__container {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .onda-intro__layout {
    grid-template-columns: repeat(10,minmax(0,1fr));
    align-items: start;
    display: grid
}

.fidelity .onda-intro__heading {
    grid-column: 1/span 4;
    min-width: 0
}

.fidelity .onda-intro__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0 0 clamp(16px,.517799vw + 14.0583px,24px);
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .onda-intro__title {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .onda-intro__title span {
    color: var(--color-secondary)
}

.fidelity .onda-intro__copy {
    grid-column: 6/-1;
    justify-self: start;
    width: min(100%,660px);
    min-width: 0;
    padding-top: clamp(34px,.711974vw + 31.3301px,45px)
}

.fidelity .onda-intro__copy p {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.75
}

@media (max-width: 767px) {
    .fidelity .onda-intro__layout {
        display:block
    }

    .fidelity .onda-intro__copy {
        margin-top: clamp(32px,4.08163vw + 16.6939px,48px);
        padding-top: 0
    }

    .fidelity .onda-intro__copy br {
        display: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-intro.is-reveal-pending [data-reveal] {
        opacity: 0;
        animation: 10ms 4s forwards onda-intro-reveal-fallback
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-intro [data-reveal] {
        opacity: 1!important;
        filter: none!important;
        clip-path: none!important;
        transform: none!important
    }
}

.fidelity .onda-protocol {
    color: #faf6f0;
    background: var(--color-primary);
    padding-block:clamp(64px,3.6246vw + 50.4078px,120px);overflow: hidden
}

.fidelity .onda-protocol__inner {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .onda-protocol__header {
    text-align: center;
    max-width: 720px;
    margin-inline:auto}

.fidelity .onda-protocol__eyebrow {
    color: var(--color-secondary-light);
    letter-spacing: .08em;
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .onda-protocol__title {
    color: #faf6f0;
    letter-spacing: -.04em;
    gap: 0;
    margin-top: clamp(20px,.2589vw + 19.0291px,24px);
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31;
    display: grid
}

.fidelity .onda-protocol__title span:last-child {
    color: var(--color-secondary-light)
}

.fidelity .onda-protocol__description {
    color: #c2b8abeb;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: 0;
    margin-top: clamp(24px,.517799vw + 22.0583px,32px);
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-protocol__steps {
    align-items: stretch;
    width: 100%;
    margin-top: clamp(56px,1.5534vw + 50.1748px,80px);
    padding: 0;
    list-style: none;
    display: flex
}

.fidelity .onda-protocol__step {
    flex: 0 0 calc(25% + 16px);
    align-items: center;
    min-width: 0;
    display: flex
}

.fidelity .onda-protocol__step:last-child {
    flex-basis: calc(25% - 48px)
}

.fidelity .onda-protocol__step:last-child .onda-protocol__card {
    flex-basis: 100%;
    width: 100%
}

.fidelity .onda-protocol__card {
    text-align: center;
    background: #47433d;
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.722);
    flex-direction: column;
    flex: 0 0 calc(100% - 64px);
    justify-content: flex-start;
    align-items: center;
    gap: clamp(18px,.38835vw + 16.5437px,24px);
    width: calc(100% - 64px);
    min-width: 0;
    min-height: clamp(232px,2.589vw + 222.291px,272px);
    padding: clamp(28px,.2589vw + 27.0291px,32px) clamp(20px,.776699vw + 17.0874px,32px);
    display: flex
}

.fidelity .onda-protocol__number {
    color: #ffcc93;
    letter-spacing: .08em;
    background: #303030;
    border-radius: 24px;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 36px;
    font-family: Marcellus,serif;
    font-size: clamp(18px,.12945vw + 17.5146px,20px);
    font-weight: 400;
    line-height: 1.6;
    display: inline-flex
}

.fidelity .onda-protocol__icon {
    object-fit: contain;
    width: clamp(48px,.517799vw + 46.0583px,56px);
    height: clamp(48px,.517799vw + 46.0583px,56px);
    display: block
}

.fidelity .onda-protocol__card-title {
    color: #faf6f0;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin-top: auto;
    margin-bottom: auto;
    font-size: clamp(20px,.38835vw + 18.5437px,26px);
    font-weight: 600;
    line-height: 1.4
}

.fidelity .onda-protocol__card-description {
    margin: -clamp(8px, .2589vw + 7.02913px, 12px) 0 0;
    color: #faf6f0b8;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-protocol--detailed .onda-protocol__card {
    min-height: clamp(288px,3.3657vw + 275.379px,340px)
}

.fidelity .onda-protocol--detailed .onda-protocol__card-title {
    margin: clamp(4px,.2589vw + 3.02913px,8px) 0 0
}

.fidelity .onda-protocol--detailed .onda-protocol__card-description {
    min-height: 52px;
    margin-top: 0
}

.fidelity .onda-protocol__arrow {
    flex: 0 0 64px;
    justify-content: center;
    align-items: center;
    width: 64px;
    height: 32px;
    display: inline-flex
}

.fidelity .onda-protocol__arrow svg {
    width: 64px;
    height: 32px;
    display: block
}

@media (max-width: 1023px) {
    .fidelity .onda-protocol__steps {
        grid-template-columns:repeat(2,minmax(0,1fr));
        gap: 64px;
        display: grid
    }

    .fidelity .onda-protocol__step {
        width: 100%;
        display: block;
        position: relative
    }

    .fidelity .onda-protocol__card {
        width: 100%;
        min-width: 100%;
        min-height: clamp(220px,4.32099vw + 203.796px,248px)
    }

    .fidelity .onda-protocol__arrow {
        display: inline-flex;
        position: absolute;
        top: 50%;
        right: -64px;
        transform: translateY(-50%)
    }

    .fidelity .onda-protocol__step:nth-child(2) .onda-protocol__arrow {
        inset: auto auto -48px -64px;
        transform: rotate(135deg)
    }
}

@media (max-width: 543px) {
    .fidelity .onda-protocol__steps {
        flex-direction:column;
        align-items: stretch;
        gap: 0;
        display: flex
    }

    .fidelity .onda-protocol__step {
        flex-direction: column;
        flex: none;
        width: 100%;
        display: flex
    }

    .fidelity .onda-protocol__arrow {
        display: inline-flex;
        position: static;
        transform: rotate(90deg)
    }

    .fidelity .onda-protocol__step:nth-child(2) .onda-protocol__arrow {
        inset: auto;
        transform: rotate(90deg)
    }
}

@media (max-width: 544px) {
    .fidelity .onda-protocol__title span {
        display:block
    }

    .fidelity .onda-protocol__description br {
        display: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-protocol.is-reveal-pending .onda-protocol__header,.fidelity .onda-protocol.is-reveal-pending .onda-protocol__step {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards onda-protocol-pending-fallback
    }

    .fidelity .onda-protocol.is-reveal-pending .onda-protocol__header {
        transform: translateY(32px)
    }

    .fidelity .onda-protocol.is-reveal-pending .onda-protocol__step {
        transform: translate(-32px)
    }
}

@media (prefers-reduced-motion:no-preference) and (max-width: 1023px) {
    .fidelity .onda-protocol.is-reveal-pending .onda-protocol__step {
        transform:translateY(32px)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-protocol__header,.fidelity .onda-protocol__step {
        opacity: 1!important;
        filter: none!important;
        transform: none!important
    }
}

.fidelity .onda-mechanism {
    background: var(--color-bg-02);
    padding-top: clamp(72px,3.1068vw + 60.3495px,120px);
    overflow: hidden
}

.fidelity .onda-mechanism__inner {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .onda-mechanism__overview,.fidelity .onda-mechanism__content {
    grid-template-columns: repeat(10,minmax(0,1fr));
    display: grid
}

.fidelity .onda-mechanism__heading {
    grid-column: 1/span 4;
    min-width: 0
}

.fidelity .onda-mechanism__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .onda-mechanism__title {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin-top: clamp(20px,.2589vw + 19.0291px,24px);
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .onda-mechanism__title-accent {
    color: var(--color-secondary)
}

.fidelity .onda-mechanism__intro {
    color: var(--color-text-secondary);
    min-width: 0;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    grid-column: 6/-1;
    margin-top: 45px;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-mechanism__content {
    align-items: start;
    margin-top: clamp(32px,.776699vw + 29.0874px,44px)
}

.fidelity .onda-mechanism__media {
    grid-area: 1/1/auto/span 5;
    align-self: end;
    margin: 0
}

.fidelity .onda-mechanism__media img {
    width: min(100%,797px);
    height: auto;
    display: block;
    -webkit-mask-image: linear-gradient(#0000 0%,#00000026 7%,#000000b8 20%,#000 30%);
    mask-image: linear-gradient(#0000 0%,#00000026 7%,#000000b8 20%,#000 30%)
}

.fidelity .onda-mechanism__features {
    grid-area: 1/6/auto/-1;
    margin: 0;
    padding: 148px 0 0;
    list-style: none
}

.fidelity .onda-mechanism__feature {
    border-bottom: 1px solid var(--color-secondary);
    flex-direction: column;
    justify-content: center;
    gap: 18px;
    min-height: 200px;
    padding: 36px;
    display: flex
}

.fidelity .onda-mechanism__feature:first-child {
    border-top: 1px solid var(--color-secondary)
}

.fidelity .onda-mechanism__number {
    color: var(--color-secondary);
    letter-spacing: -.3px;
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-mechanism__feature-title {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    font-size: clamp(22px,.38835vw + 20.5437px,28px);
    font-weight: 600;
    line-height: 1.31
}

.fidelity .onda-mechanism__feature-description {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 1199px) {
    .fidelity .onda-mechanism__feature {
        padding:clamp(28px,2.1164vw + 10.6243px,36px)
    }

    .fidelity .onda-mechanism__intro br {
        display: none
    }
}

@media (max-width: 820px) {
    .fidelity .onda-mechanism {
        padding:clamp(64px,7.19101vw + 37.0337px,96px) 0 0
    }

    .fidelity .onda-mechanism__overview,.fidelity .onda-mechanism__content {
        display: block
    }

    .fidelity .onda-mechanism__intro {
        margin-top: clamp(28px,2.69663vw + 17.8876px,40px)
    }

    .fidelity .onda-mechanism__content {
        margin-top: clamp(40px,5.39326vw + 19.7753px,64px)
    }

    .fidelity .onda-mechanism__media {
        width: 100%;
        max-width: 600px;
        margin-inline:auto}

    .fidelity .onda-mechanism__media img {
        margin-inline:auto}

    .fidelity .onda-mechanism__features {
        padding-top: 0
    }

    .fidelity .onda-mechanism__feature {
        gap: clamp(14px,.898876vw + 10.6292px,18px);
        min-height: auto;
        padding: clamp(24px,2.69663vw + 13.8876px,36px)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__heading,.fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__intro,.fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__media,.fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__feature {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards onda-mechanism-pending-fallback
    }

    .fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__heading {
        transform: translate(-36px,12px)
    }

    .fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__intro {
        transform: translate(36px,12px)
    }

    .fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__media {
        transform: translateY(40px)
    }

    .fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__feature {
        transform: translate(32px,16px)
    }
}

@media (prefers-reduced-motion:no-preference) and (max-width: 820px) {
    .fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__heading,.fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__intro,.fidelity .onda-mechanism.is-reveal-pending .onda-mechanism__feature {
        transform:translateY(32px)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-mechanism__heading,.fidelity .onda-mechanism__intro,.fidelity .onda-mechanism__media,.fidelity .onda-mechanism__feature {
        opacity: 1!important;
        filter: none!important;
        transform: none!important
    }
}

.fidelity .onda-treatment-areas {
    isolation: isolate;
    background-color: var(--color-primary);
    background-image: url(https://liet.co.kr/assets/images/sub/onda-body-bg.jpg);
    background-position: 50%;
    background-size: cover;
    min-height: clamp(720px,56.25vw,1080px);
    margin: 0;
    position: relative;
    overflow: hidden
}

.fidelity .onda-treatment-areas:after {
    content: "";
    display: none
}

.fidelity .onda-treatment-areas__inner {
    z-index: 3;
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding: clamp(64px,3.6246vw + 50.4078px,120px) 20px 0;
    position: relative
}

.fidelity .onda-treatment-areas__header {
    width: min(100%,740px)
}

.fidelity .onda-treatment-areas__eyebrow {
    color: var(--color-secondary-light);
    letter-spacing: .08em;
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .onda-treatment-areas__title {
    color: #f7f3ee;
    letter-spacing: -.04em;
    white-space: nowrap;
    word-break: keep-all;
    margin-top: clamp(20px,.2589vw + 19.0291px,24px);
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .onda-treatment-areas__title span {
    color: var(--color-secondary-light)
}

.fidelity .onda-treatment-areas__body {
    z-index: 1;
    aspect-ratio: 2/3;
    width: auto;
    height: 100%;
    position: absolute;
    top: 0;
    left: 50%;
    transform: translate(-50%)
}

.fidelity .onda-treatment-areas__visual {
    margin: 0;
    position: absolute;
    inset: 0
}

.fidelity .onda-treatment-areas__visual>img {
    object-fit: contain;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .onda-treatment-areas__callouts {
    margin: 0;
    padding: 0;
    list-style: none;
    position: absolute;
    inset: 0
}

.fidelity .onda-treatment-areas__callout {
    color: #f7f3ee;
    white-space: nowrap;
    align-items: center;
    gap: clamp(8px,.2589vw + 7.02913px,12px);
    display: flex;
    position: absolute;
    transform: translateY(-50%)
}

.fidelity .onda-treatment-areas__callout--right {
    flex-direction: row
}

.fidelity .onda-treatment-areas__callout--left {
    flex-direction: row-reverse
}

.fidelity .onda-treatment-areas__callout--arm {
    width: clamp(180px,15vw,290px);
    top: 35.89%;
    left: 74.44%
}

.fidelity .onda-treatment-areas__callout--jaw {
    width: clamp(200px,18vw,360px);
    top: 6.35%;
    left: 56.7%
}

.fidelity .onda-treatment-areas__callout--flank {
    width: clamp(200px,17vw,340px);
    top: 53.9%;
    left: 61.7%
}

.fidelity .onda-treatment-areas__callout--abdomen {
    width: clamp(200px,19vw,380px);
    top: 56.05%;
    right: 63.15%
}

.fidelity .onda-treatment-areas__callout--thigh {
    width: clamp(200px,18vw,360px);
    top: 85.85%;
    right: 49.6%
}

.fidelity .onda-treatment-areas__leader {
    background: #f7f3eed1;
    flex: auto;
    height: 1px;
    display: block;
    position: relative
}

.fidelity .onda-treatment-areas__leader:before {
    aspect-ratio: 1;
    content: "";
    z-index: 1;
    background: #f7f3ee;
    border: 1px solid var(--color-secondary);
    border-radius: 50%;
    width: clamp(8px,.12945vw + 7.51456px,10px);
    position: absolute;
    top: 50%;
    transform: translateY(-50%)
}

.fidelity .onda-treatment-areas__leader:after {
    aspect-ratio: 1;
    content: "";
    pointer-events: none;
    transform-origin: 50%;
    will-change: scale,opacity;
    border: 1px solid #f7f3eeb8;
    border-radius: 50%;
    width: clamp(10px,.2589vw + 9.02913px,14px);
    animation: 2s ease-out infinite onda-treatment-areas-ripple;
    position: absolute;
    top: 50%;
    transform: translateY(-50%)scale(.7)
}

.fidelity .onda-treatment-areas__callout--right .onda-treatment-areas__leader:before,.fidelity .onda-treatment-areas__callout--right .onda-treatment-areas__leader:after {
    left: 0
}

.fidelity .onda-treatment-areas__callout--right .onda-treatment-areas__leader:before {
    transform: translate(-50%,-50%)
}

.fidelity .onda-treatment-areas__callout--right .onda-treatment-areas__leader:after {
    translate: -50% -50%
}

.fidelity .onda-treatment-areas__callout--left .onda-treatment-areas__leader:before,.fidelity .onda-treatment-areas__callout--left .onda-treatment-areas__leader:after {
    right: 0
}

.fidelity .onda-treatment-areas__callout--left .onda-treatment-areas__leader:before {
    transform: translate(50%,-50%)
}

.fidelity .onda-treatment-areas__callout--left .onda-treatment-areas__leader:after {
    translate: 50% -50%
}

.fidelity .onda-treatment-areas__callout--flank .onda-treatment-areas__leader:after {
    animation-delay: .45s
}

.fidelity .onda-treatment-areas__callout--jaw .onda-treatment-areas__leader:after {
    animation-delay: .15s
}

.fidelity .onda-treatment-areas__callout--abdomen .onda-treatment-areas__leader:after {
    animation-delay: .9s
}

.fidelity .onda-treatment-areas__callout--thigh .onda-treatment-areas__leader:after {
    animation-delay: 1.35s
}

.fidelity .onda-treatment-areas__label {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    flex: none;
    font-size: clamp(13px,.711974vw + 10.3301px,24px);
    font-weight: 600;
    line-height: 1.31
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__body {
    height: 100%;
    top: 0
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--deep-cheek {
    width: clamp(180px,14vw,280px);
    top: 2.95%;
    left: 59.44%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--v-line {
    width: clamp(180px,14vw,280px);
    top: 5.9%;
    right: 45.02%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--double-chin {
    width: clamp(180px,14vw,280px);
    top: 7.8%;
    left: 52.5%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--accessory-breast {
    width: clamp(180px,14vw,280px);
    top: 21.5%;
    left: 62.41%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--arm {
    width: clamp(170px,13vw,260px);
    top: 27.04%;
    left: 75.04%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--bra-line {
    width: clamp(200px,16vw,320px);
    top: 28.5%;
    right: 52.45%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--abdomen {
    width: clamp(200px,17vw,340px);
    top: 41.79%;
    right: 52.45%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--flank {
    width: clamp(200px,17vw,340px);
    top: 41.79%;
    left: 59.44%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--love-handle {
    width: clamp(200px,17vw,340px);
    top: 49.16%;
    left: 62.41%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--thigh {
    width: clamp(200px,18vw,360px);
    top: 73.5%;
    right: 53.19%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--knee {
    width: clamp(200px,17vw,340px);
    top: 90%;
    right: 72.5%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--calf {
    width: clamp(200px,18vw,360px);
    top: 81.5%;
    left: 52.5%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__leader:after {
    transform-origin: 50%;
    will-change: scale,opacity;
    animation-name: injection-treatment-areas-ripple;
    transform: scale(.7)
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--right .onda-treatment-areas__leader:after {
    left: 0;
    right: auto;
    translate: -50% -50%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--left .onda-treatment-areas__leader:after {
    left: auto;
    right: 0;
    translate: 50% -50%
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--v-line .onda-treatment-areas__leader:after {
    animation-delay: .16s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--double-chin .onda-treatment-areas__leader:after {
    animation-delay: .32s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--arm .onda-treatment-areas__leader:after {
    animation-delay: .48s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--accessory-breast .onda-treatment-areas__leader:after {
    animation-delay: .64s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--bra-line .onda-treatment-areas__leader:after {
    animation-delay: .8s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--abdomen .onda-treatment-areas__leader:after {
    animation-delay: .96s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--flank .onda-treatment-areas__leader:after {
    animation-delay: 1.12s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--love-handle .onda-treatment-areas__leader:after {
    animation-delay: 1.28s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--thigh .onda-treatment-areas__leader:after {
    animation-delay: 1.44s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--knee .onda-treatment-areas__leader:after {
    animation-delay: 1.6s
}

.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--calf .onda-treatment-areas__leader:after {
    animation-delay: 1.76s
}

@media (max-width: 820px) {
    .fidelity .onda-treatment-areas {
        min-height:clamp(720px,23.3708vw + 632.36px,824px)
    }

    .fidelity .onda-treatment-areas:after {
        z-index: 2;
        content: "";
        pointer-events: none;
        background: linear-gradient(rgb(var(--color-primary-dark-rgb) / 0.62) 0%,rgb(var(--color-primary-dark-rgb) / 0.38) 62%,rgb(var(--color-primary-dark-rgb) / 0) 100%);
        height: clamp(190px,11.236vw + 147.865px,240px);
        display: block;
        position: absolute;
        top: 0;
        left: 0;
        right: 0
    }

    .fidelity .onda-treatment-areas__header {
        width: min(100%,480px)
    }

    .fidelity .onda-treatment-areas__title {
        white-space: normal
    }

    .fidelity .onda-treatment-areas__callout--arm {
        width: clamp(68px,34.1573vw - 60.0899px,220px)
    }

    .fidelity .onda-treatment-areas__callout--jaw {
        width: clamp(110px,29.2135vw + .44944px,240px)
    }

    .fidelity .onda-treatment-areas__callout--flank {
        width: clamp(120px,31.4607vw + 2.02247px,260px)
    }

    .fidelity .onda-treatment-areas__callout--abdomen {
        width: clamp(112px,33.2584vw - 12.7191px,260px)
    }

    .fidelity .onda-treatment-areas__callout--thigh {
        width: clamp(130px,29.2135vw + 20.4494px,260px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout {
        gap: 8px
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--accessory-breast {
        width: clamp(78px,12.1348vw + 32.4944px,132px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--deep-cheek,.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--v-line,.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--double-chin {
        width: clamp(82px,13.4831vw + 31.4382px,142px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--arm {
        width: clamp(66px,12.1348vw + 20.4944px,120px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--bra-line {
        width: clamp(88px,15.2809vw + 30.6966px,156px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--abdomen,.fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--flank {
        width: clamp(84px,19.7753vw + 9.8427px,172px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--love-handle {
        width: clamp(96px,18.427vw + 26.8989px,178px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--thigh {
        width: clamp(84px,19.7753vw + 9.8427px,172px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--knee {
        width: clamp(72px,17.5281vw + 6.26966px,150px)
    }

    .fidelity .onda-treatment-areas--injection .onda-treatment-areas__callout--calf {
        width: clamp(82px,18.427vw + 12.8989px,164px)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-treatment-areas.is-reveal-pending .onda-treatment-areas__header {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards onda-treatment-areas-copy-fallback;
        transform: translate(-36px,12px)
    }

    .fidelity .onda-treatment-areas.is-reveal-pending .onda-treatment-areas__callout {
        opacity: 0;
        animation: 10ms 4s forwards onda-treatment-areas-callout-fallback
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-treatment-areas__header {
        opacity: 1!important;
        filter: none!important;
        transform: none!important
    }

    .fidelity .onda-treatment-areas__callout {
        opacity: 1!important
    }

    .fidelity .onda-treatment-areas__leader:after {
        opacity: 0!important;
        animation: none!important
    }
}

.fidelity .onda-benefits {
    color: var(--color-primary);
    background: var(--color-bg-02);
    padding-block:clamp(72px,3.1068vw + 60.3495px,120px);position: relative;
    overflow: hidden
}

.fidelity .onda-benefits__container {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .onda-benefits__header {
    text-align: left
}

.fidelity .onda-benefits__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0 0 clamp(14px,.38835vw + 12.5437px,20px);
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.31
}

.fidelity .onda-benefits__title {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .onda-benefits__title span:last-child {
    color: var(--color-secondary)
}

.fidelity .onda-benefits__stage {
    margin-top: clamp(48px,2.0712vw + 40.233px,80px)
}

.fidelity .onda-benefits__swiper {
    overflow: visible
}

.fidelity .onda-benefits__slide {
    background: var(--color-bg-02);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.549);
    border-radius: 0;
    grid-template-columns: repeat(2,minmax(0,1fr));
    width: clamp(335px,63.4304vw + 97.1359px,1315px);
    height: 480px;
    display: grid;
    overflow: hidden
}

.fidelity .onda-benefits__copy {
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(28px,1.2945vw + 23.1456px,48px) clamp(24px,1.5534vw + 18.1748px,48px);
    display: flex
}

.fidelity .onda-benefits__number {
    color: var(--color-secondary);
    letter-spacing: .5px;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    font-weight: 400;
    line-height: 1.05
}

.fidelity .onda-benefits__slide-title {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.5px;
    word-break: keep-all;
    margin: clamp(16px,.517799vw + 14.0583px,24px) 0 0;
    font-size: clamp(22px,.38835vw + 20.5437px,28px);
    font-weight: 500;
    line-height: 1.3
}

.fidelity .onda-benefits__description {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -1px;
    word-break: keep-all;
    margin: clamp(14px,.38835vw + 12.5437px,20px) 0 0;
    font-size: clamp(14px,.2589vw + 13.0291px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-benefits__media {
    width: 100%;
    height: 100%;
    margin: 0;
    overflow: hidden
}

.fidelity .onda-benefits__media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .onda-benefits__controls {
    justify-content: center;
    align-items: center;
    gap: 24px;
    margin-top: clamp(36px,1.0356vw + 32.1165px,52px);
    display: flex
}

.fidelity .onda-benefits__nav {
    color: var(--color-bg-02);
    cursor: pointer;
    background: var(--color-secondary);
    border: 0;
    border-radius: 50%;
    place-items: center;
    width: clamp(52px,1.8123vw + 45.2039px,80px);
    height: clamp(52px,1.8123vw + 45.2039px,80px);
    padding: 0;
    transition: background-color .3s,opacity .3s;
    display: grid;
    transform: none
}

.fidelity .onda-benefits__nav:hover,.fidelity .onda-benefits__nav:active,.fidelity .onda-benefits__nav:focus-visible {
    background: #7f6445;
    transform: none
}

.fidelity .onda-benefits__nav:focus-visible {
    outline-offset: 3px;
    outline: 2px solid var(--color-primary)
}

.fidelity .onda-benefits__nav.swiper-button-disabled {
    opacity: .35;
    cursor: default
}

.fidelity .onda-benefits__nav svg {
    width: clamp(20px,.2589vw + 19.0291px,24px);
    height: clamp(20px,.2589vw + 19.0291px,24px);
    display: block
}

.fidelity .onda-benefits__pagination {
    flex: 0 0 68px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    min-width: 68px;
    display: flex;
    position: static;
    width: 68px!important
}

.fidelity .onda-benefits__pagination .swiper-pagination-bullet {
    opacity: 1;
    background: #e4dccd;
    border-radius: 50%;
    width: 8px;
    height: 8px;
    transition: width .45s,background-color .45s,border-radius .45s;
    margin: 0!important
}

.fidelity .onda-benefits__pagination .swiper-pagination-bullet-active {
    background: var(--color-secondary);
    border-radius: 500px;
    width: 36px
}

@media (max-width: 767px) {
    .fidelity .onda-benefits__title span {
        display:block
    }

    .fidelity .onda-benefits__slide {
        grid-template-columns: 1fr;
        width: calc(100vw - 40px);
        height: auto
    }

    .fidelity .onda-benefits__copy {
        order: 2;
        min-height: 0;
        padding-block:24px}

    .fidelity .onda-benefits__media {
        aspect-ratio: 17/12;
        order: 1
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-benefits.is-reveal-pending .onda-benefits__header {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards onda-benefits-pending-fallback;
        transform: translate(-40px)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-benefits__header,.fidelity .onda-benefits__nav,.fidelity .onda-benefits__pagination .swiper-pagination-bullet {
        transition: none!important
    }
}

.fidelity .onda-results {
    color: var(--color-primary);
    background: #e8ded2;
    padding-block:clamp(72px,3.1068vw + 60.3495px,120px);position: relative;
    overflow: hidden
}

.fidelity .onda-results__inner {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .onda-results__overview {
    grid-template-columns: repeat(10,minmax(0,1fr));
    display: grid
}

.fidelity .onda-results__heading {
    grid-column: 1/span 4;
    min-width: 0
}

.fidelity .onda-results__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0 0 clamp(14px,.38835vw + 12.5437px,20px);
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .onda-results__title {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .onda-results__title-accent {
    color: var(--color-secondary)
}

.fidelity .onda-results__title>span {
    display: block
}

.fidelity .onda-results--injection .onda-results__title {
    gap: 0;
    display: grid
}

.fidelity .onda-results__intro {
    color: var(--color-text-secondary);
    min-width: 0;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: 0;
    word-break: keep-all;
    grid-column: 6/-1;
    margin: 45px 0 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-results__grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: clamp(32px,1.0356vw + 28.1165px,48px) clamp(16px,.517799vw + 14.0583px,24px);
    margin-top: clamp(48px,2.0712vw + 40.233px,80px);
    display: grid
}

.fidelity .onda-results__card {
    border-radius: 0;
    min-width: 0
}

.fidelity .onda-results__media {
    aspect-ratio: 820/420;
    border-radius: 0;
    width: 100%;
    margin: 0;
    overflow: hidden
}

.fidelity .onda-results__media img {
    object-fit: cover;
    border-radius: 0;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .onda-results__copy {
    text-align: center;
    background: 0 0;
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(8px,.2589vw + 7.02913px,12px);
    min-height: clamp(112px,1.2945vw + 107.146px,132px);
    padding: clamp(24px,.2589vw + 23.0291px,28px);
    display: flex
}

.fidelity .onda-results__card-title {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: 0;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(22px,.647249vw + 19.5728px,32px);
    font-weight: 700;
    line-height: 1.31
}

.fidelity .onda-results__description {
    color: rgb(var(--color-text-secondary-rgb) / 0.8);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: 0;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(14px,.2589vw + 13.0291px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity :lang(en) .onda-results__title {
    letter-spacing: -.02em;
    word-break: normal;
    text-wrap: balance;
    font-size: clamp(30px,.906149vw + 26.6019px,44px)
}

.fidelity :lang(en) .onda-results__intro,.fidelity :lang(en) .onda-results__description {
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: pretty
}

.fidelity :lang(en) .onda-results__heading {
    grid-column: 1/span 5;
    padding-right: clamp(24px,2.08333vw + 8px,48px)
}

.fidelity :lang(en) .onda-results__intro {
    grid-column: 6/-1
}

@media (max-width: 767px) {
    .fidelity :lang(en) .onda-results__heading {
        padding-right:0
    }

    .fidelity .onda-results__overview {
        display: block
    }

    .fidelity .onda-results__intro {
        margin-top: clamp(28px,3.06122vw + 16.5204px,40px)
    }

    .fidelity .onda-results__intro br {
        display: none
    }

    .fidelity .onda-results__grid {
        grid-template-columns: 1fr;
        row-gap: clamp(28px,3.06122vw + 16.5204px,40px)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-results.is-reveal-pending .onda-results__heading,.fidelity .onda-results.is-reveal-pending .onda-results__intro,.fidelity .onda-results.is-reveal-pending .onda-results__media,.fidelity .onda-results.is-reveal-pending .onda-results__copy {
        opacity: 0;
        animation: 10ms 4s forwards onda-results-pending-fallback
    }

    .fidelity .onda-results.is-reveal-pending .onda-results__heading,.fidelity .onda-results.is-reveal-pending .onda-results__intro,.fidelity .onda-results.is-reveal-pending .onda-results__copy {
        filter: blur(6px)
    }

    .fidelity .onda-results.is-reveal-pending .onda-results__heading {
        transform: translate(-36px,12px)
    }

    .fidelity .onda-results.is-reveal-pending .onda-results__intro {
        transform: translate(36px,12px)
    }

    .fidelity .onda-results.is-reveal-pending .onda-results__copy {
        transform: translateY(32px)
    }

    .fidelity .onda-results.is-reveal-pending .onda-results__card:nth-child(odd) .onda-results__media {
        clip-path: inset(0% 100% 0% 0%)
    }

    .fidelity .onda-results.is-reveal-pending .onda-results__card:nth-child(2n) .onda-results__media {
        clip-path: inset(0% 0% 0% 100%)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-results__heading,.fidelity .onda-results__intro,.fidelity .onda-results__media,.fidelity .onda-results__copy {
        opacity: 1!important;
        clip-path: none!important;
        filter: none!important;
        transform: none!important
    }
}

.fidelity .onda-for-whom {
    color: var(--color-primary);
    background: var(--color-bg-02);
    padding-block:clamp(72px,3.1068vw + 60.3495px,120px);position: relative;
    overflow: hidden
}

.fidelity .onda-for-whom__inner {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .onda-for-whom__layout {
    grid-template-columns: repeat(10,minmax(0,1fr));
    align-items: center;
    display: grid
}

.fidelity .onda-for-whom__heading {
    grid-column: 1/span 3;
    min-width: 0
}

.fidelity .onda-for-whom__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0 0 clamp(14px,.38835vw + 12.5437px,20px);
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .onda-for-whom__title {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .onda-for-whom__title span {
    display: block
}

.fidelity .onda-for-whom__title-accent {
    color: var(--color-secondary);
    white-space: nowrap
}

.fidelity .onda-for-whom__description {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: clamp(28px,.776699vw + 25.0874px,40px) 0 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-for-whom__list {
    grid-column: 4/-1;
    justify-self: end;
    gap: 24px;
    width: min(100%,1040px);
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.fidelity .onda-for-whom__item {
    background: rgb(var(--color-white-rgb) / 0.22);
    border: 1px solid #b891579e;
    grid-template-columns: 23px minmax(0,1fr);
    align-items: center;
    column-gap: 48px;
    min-height: 124px;
    padding: 24px 32px;
    display: grid
}

.fidelity .onda-for-whom__number {
    color: var(--color-secondary);
    letter-spacing: .3px;
    font-family: Marcellus,serif;
    font-size: clamp(17px,.194175vw + 16.2718px,20px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-for-whom__item-title {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(19px,.453074vw + 17.301px,26px);
    font-weight: 600;
    line-height: 1.4
}

.fidelity :lang(en) .onda-for-whom__heading {
    grid-column: 1/span 4;
    padding-right: clamp(24px,1.5534vw + 18.1748px,48px)
}

.fidelity :lang(en) .onda-for-whom__title {
    letter-spacing: -.02em;
    word-break: normal;
    text-wrap: balance;
    font-size: clamp(30px,.906149vw + 26.6019px,44px)
}

.fidelity :lang(en) .onda-for-whom__title-accent {
    white-space: normal
}

.fidelity :lang(en) .onda-for-whom__description,.fidelity :lang(en) .onda-for-whom__item-title {
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: pretty
}

.fidelity :lang(en) .onda-for-whom__list {
    grid-column: 5/-1
}

@media (max-width: 1199px) {
    .fidelity .onda-for-whom__heading {
        grid-column:1/span 4
    }

    .fidelity .onda-for-whom__list {
        grid-column: 5/-1;
        width: calc(100% - 24px);
        margin-left: 24px
    }
}

@media (min-width: 768px) and (max-width:900px) {
    .fidelity .onda-for-whom__title {
        font-size:30px
    }
}

@media (max-width: 767px) {
    .fidelity :lang(en) .onda-for-whom__heading {
        padding-right:0
    }

    .fidelity .onda-for-whom__layout {
        display: block
    }

    .fidelity .onda-for-whom__description br {
        display: none
    }

    .fidelity .onda-for-whom__title-accent {
        white-space: normal
    }

    .fidelity .onda-for-whom__list {
        width: 100%;
        margin: clamp(40px,4.08163vw + 24.6939px,56px) 0 0
    }

    .fidelity .onda-for-whom__item {
        grid-template-columns: auto minmax(0,1fr);
        column-gap: clamp(20px,3.06122vw + 8.52041px,32px);
        min-height: 0;
        padding: clamp(20px,1.02041vw + 16.1735px,24px)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-for-whom.is-reveal-pending .onda-for-whom__heading,.fidelity .onda-for-whom.is-reveal-pending .onda-for-whom__item {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards onda-for-whom-pending-fallback;
        transform: translateY(32px)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-for-whom__heading,.fidelity .onda-for-whom__item {
        opacity: 1!important;
        filter: none!important;
        transform: none!important
    }
}

.fidelity .onda-faq {
    color: var(--color-primary);
    background: var(--color-bg-02);
    padding-block:clamp(72px,3.1068vw + 60.3495px,120px);position: relative
}

.fidelity .onda-faq__container {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .onda-faq__header {
    align-self: start
}

.fidelity .onda-faq__eyebrow {
    color: var(--color-secondary);
    letter-spacing: 1.5px;
    margin: 0 0 clamp(14px,.38835vw + 12.5437px,20px);
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.31
}

.fidelity .onda-faq__title {
    color: var(--color-primary);
    letter-spacing: -1.92px;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .onda-faq__content {
    min-width: 0;
    margin-top: clamp(52px,1.8123vw + 45.2039px,80px)
}

.fidelity .onda-faq__list {
    gap: clamp(20px,.2589vw + 19.0291px,24px);
    display: grid
}

.fidelity .onda-faq__item {
    background: #eee7df;
    border: 0
}

.fidelity .onda-faq__question {
    color: var(--color-primary);
    cursor: pointer;
    grid-template-columns: auto minmax(0,1fr) auto;
    align-items: center;
    gap: 4px;
    min-height: clamp(76px,1.8123vw + 69.2039px,104px);
    padding: clamp(22px,.647249vw + 19.5728px,32px) clamp(20px,1.0356vw + 16.1165px,36px);
    list-style: none;
    display: grid
}

.fidelity .onda-faq__question::-webkit-details-marker {
    display: none
}

.fidelity .onda-faq__question::marker {
    content: ""
}

.fidelity .onda-faq__question:focus-visible {
    outline-offset: -2px;
    outline: 2px solid var(--color-secondary)
}

.fidelity .onda-faq__question-text {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    font-size: clamp(18px,.647249vw + 15.5728px,28px);
    font-weight: 600;
    line-height: 1.31
}

.fidelity .onda-faq__question-prefix {
    color: inherit;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    font-size: clamp(18px,.647249vw + 15.5728px,28px);
    font-weight: 600;
    line-height: 1.31
}

.fidelity .onda-faq__chevron {
    flex: none;
    width: clamp(18px,.38835vw + 16.5437px,24px);
    height: auto;
    margin-left: 20px;
    transition: transform .45s cubic-bezier(.22,.61,.36,1);
    display: block;
    transform: rotate(180deg)
}

.fidelity .onda-faq__item[open] .onda-faq__chevron {
    transform: rotate(0)
}

.fidelity .onda-faq__answer {
    overflow: hidden
}

.fidelity .onda-faq__answer-inner {
    padding: 0 clamp(56px,2.589vw + 46.2913px,96px) clamp(24px,.776699vw + 21.0874px,36px) clamp(20px,1.0356vw + 16.1165px,36px)
}

.fidelity .onda-faq__answer-inner p {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -1px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(14px,.2589vw + 13.0291px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .onda-faq__notes {
    color: #786f65;
    gap: 6px;
    margin-top: clamp(28px,.776699vw + 25.0874px,40px);
    display: grid
}

.fidelity .onda-faq__notes p {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.4px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(12px,.12945vw + 11.5146px,14px);
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 767px) {
    .fidelity .onda-faq__chevron {
        margin-left:16px
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .onda-faq.is-reveal-pending .onda-faq__header {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards onda-faq-pending-fallback;
        transform: translateY(32px)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .onda-faq__chevron,.fidelity .onda-faq__answer {
        transition: none
    }
}

.fidelity .onda-injection-banner {
    isolation: isolate;
    color: var(--color-primary);
    background: var(--color-bg-02);
    margin: 0;
    padding-block:96px;display: grid;
    position: relative;
    overflow: hidden
}

.fidelity .onda-injection-banner__background {
    z-index: 0;
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block;
    position: absolute;
    inset: 0
}

.fidelity .onda-injection-banner__inner {
    z-index: 1;
    justify-content: space-between;
    align-items: center;
    gap: 40px;
    width: 100%;
    max-width: 1684px;
    min-height: 56px;
    margin-inline:auto;padding-inline:20px;display: flex;
    position: relative
}

.fidelity .onda-injection-banner__title {
    color: var(--color-primary);
    min-width: 0;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.5px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(24px,.776699vw + 21.0874px,36px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .onda-injection-banner__button {
    color: var(--color-bg-02);
    letter-spacing: -.2px;
    white-space: nowrap;
    background: var(--color-secondary);
    border-radius: 4px;
    flex: none;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: 164px;
    height: 56px;
    padding-inline:20px;font-family: Marcellus,serif;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    transition: color .35s,background-color .35s;
    display: inline-flex
}

.fidelity .onda-injection-banner__button:hover,.fidelity .onda-injection-banner__button:focus-visible {
    color: var(--color-white);
    background: var(--color-text-secondary)
}

.fidelity .onda-injection-banner__button:focus-visible {
    outline-offset: 4px;
    outline: 2px solid var(--color-primary)
}

.fidelity .onda-injection-banner__button svg {
    flex: none;
    width: 16px;
    height: 16px;
    display: block
}

@media (min-width: 1024px) {
    .fidelity .onda-injection-banner__title {
        white-space:nowrap
    }
}

@media (max-width: 767px) {
    .fidelity .onda-injection-banner {
        padding-block:clamp(64px,8.16327vw + 33.3878px,96px)
    }

    .fidelity .onda-injection-banner__inner {
        flex-direction: column;
        justify-content: center;
        align-items: flex-start;
        gap: clamp(24px,2.04082vw + 16.3469px,32px);
        min-height: 0
    }

    .fidelity .onda-injection-banner__button {
        width: clamp(148px,4.08163vw + 132.694px,164px);
        height: clamp(48px,2.04082vw + 40.3469px,56px);
        padding-inline:clamp(16px,1.02041vw + 12.1735px,20px);font-size: clamp(16px,1.02041vw + 12.1735px,20px)
    }
}

@media (max-width: 767px) {
    .fidelity .public-injection-detail__signature-onda-link {
        min-height:48px
    }
}

.fidelity .public-injection-detail {
    color: var(--color-primary);
    background: var(--color-bg-02);
    position: relative;
    overflow: visible
}

.fidelity .public-injection-detail__container {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .public-injection-detail__intro {
    background: linear-gradient(var(--color-bg-02) 0%,rgb(var(--color-bg-rgb) / 0) 100%),var(--color-bg-02);
    padding-block:clamp(72px,3.1068vw + 60.3495px,120px)}

.fidelity .public-injection-detail__intro-layout {
    grid-template-columns: repeat(10,minmax(0,1fr));
    align-items: start;
    display: grid
}

.fidelity .public-injection-detail__heading {
    grid-column: 1/span 4;
    min-width: 0
}

.fidelity .public-injection-detail__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0 0 clamp(16px,.517799vw + 14.0583px,24px);
    font-family: Marcellus,serif;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .public-injection-detail__title {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .public-injection-detail__title-line {
    color: inherit;
    display: block
}

.fidelity .public-injection-detail__title-line--accent {
    color: var(--color-secondary)
}

.fidelity .public-injection-detail__intro-copy {
    grid-column: 6/-1;
    justify-self: start;
    width: min(100%,660px);
    min-width: 0;
    padding-top: clamp(34px,.711974vw + 31.3301px,45px)
}

.fidelity .public-injection-detail__intro-copy p,.fidelity .public-injection-detail__signature-description p {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.75
}

.fidelity .public-injection-detail__intro-copy p {
    color: var(--color-text-secondary)
}

.fidelity .public-injection-detail__intro-copy p+p {
    margin-top: 20px
}

.fidelity .public-injection-detail__signature {
    color: var(--color-bg-02);
    background: var(--color-primary);
    padding-block:clamp(72px,3.1068vw + 60.3495px,120px)}

.fidelity .public-injection-detail__signature-layout {
    flex-direction: column;
    align-items: center;
    display: flex
}

.fidelity .public-injection-detail__signature-media {
    aspect-ratio: 2;
    width: 100%;
    height: auto;
    margin: 0 auto;
    position: relative;
    overflow: hidden
}

.fidelity .public-injection-detail__signature-media:after {
    z-index: 2;
    content: "";
    pointer-events: none;
    background: linear-gradient(#0000 48%,rgb(var(--color-primary-rgb) / 0.722));
    position: absolute;
    inset: 0
}

.fidelity .public-injection-detail__signature-image {
    object-fit: cover;
    object-position: center;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .public-injection-detail__signature-badge {
    z-index: 3;
    color: var(--color-bg-02);
    letter-spacing: .08em;
    white-space: nowrap;
    justify-content: center;
    align-items: center;
    gap: clamp(12px,.776699vw + 9.08738px,24px);
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(16px,.517799vw + 14.0583px,24px);
    font-weight: 400;
    display: flex;
    position: absolute;
    bottom: clamp(20px,1.0356vw + 16.1165px,36px);
    left: clamp(20px,1.2945vw + 15.1456px,40px);
    right: clamp(20px,1.2945vw + 15.1456px,40px)
}

.fidelity .public-injection-detail__signature-badge b {
    color: var(--color-secondary);
    font-size: 1.4em;
    font-weight: 400
}

.fidelity .public-injection-detail__signature-copy {
    text-align: center;
    width: min(100%,1000px);
    min-width: 0;
    margin: clamp(48px,1.5534vw + 42.1748px,72px) auto 0;
    padding-left: 0
}

.fidelity .public-injection-detail__signature-copy .public-injection-detail__eyebrow {
    color: #c5a978
}

.fidelity .public-injection-detail__signature-copy .public-injection-detail__title {
    color: var(--color-bg-02)
}

.fidelity .public-injection-detail__signature-copy .public-injection-detail__title span {
    color: #c5a978
}

.fidelity .public-injection-detail__signature-description {
    margin-top: clamp(28px,.776699vw + 25.0874px,40px);
    width: min(100%,760px);
    margin-inline:auto}

.fidelity .public-injection-detail__signature-description p {
    color: rgb(var(--color-bg-02-rgb) / 0.82)
}

.fidelity .public-injection-detail__signature-onda-link {
    margin-top: clamp(28px,.776699vw + 25.0874px,40px);
    color: var(--color-bg-02);
    letter-spacing: -.2px;
    border: 1px solid rgb(var(--color-bg-02-rgb) / 0.722);
    border-radius: 4px;
    justify-content: center;
    align-items: center;
    gap: 8px;
    width: fit-content;
    min-height: 56px;
    margin-inline:auto;padding-inline:20px;font-family: Marcellus,serif;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    font-weight: 400;
    line-height: 1;
    text-decoration: none;
    transition: color .35s,background-color .35s,border-color .35s;
    display: inline-flex
}

.fidelity .public-injection-detail__signature-onda-link:hover,.fidelity .public-injection-detail__signature-onda-link:focus-visible {
    color: var(--color-primary);
    background: var(--color-bg-02);
    border-color: var(--color-bg-02)
}

.fidelity .public-injection-detail__signature-onda-link svg {
    flex: 0 0 16px
}

.fidelity :lang(en) .public-injection-detail__title {
    letter-spacing: -.02em;
    word-break: normal;
    text-wrap: balance;
    font-size: clamp(30px,.906149vw + 26.6019px,44px)
}

.fidelity :lang(en) .public-injection-detail__intro-copy p,.fidelity :lang(en) .public-injection-detail__signature-description p {
    word-break: normal;
    overflow-wrap: normal;
    text-wrap: pretty
}

.fidelity :lang(en) .public-injection-detail__heading {
    grid-column: 1/span 5;
    padding-right: clamp(24px,2.08333vw + 8px,48px)
}

.fidelity :lang(en) .public-injection-detail__intro-copy {
    grid-column: 6/-1
}

@media (max-width: 1023px) {
    .fidelity .public-injection-detail__signature-copy {
        padding-left:40px
    }
}

@media (max-width: 767px) {
    .fidelity :lang(en) .public-injection-detail__heading {
        padding-right:0
    }

    .fidelity .public-injection-detail__intro-layout {
        display: block
    }

    .fidelity .public-injection-detail__intro-copy {
        margin-top: clamp(32px,4.08163vw + 16.6939px,48px);
        padding-top: 0
    }

    .fidelity .public-injection-detail__intro-copy br,.fidelity .public-injection-detail__signature-copy br {
        display: none
    }

    .fidelity .public-injection-detail__signature-media {
        aspect-ratio: 1.2;
        height: auto
    }

    .fidelity .public-injection-detail__signature-badge {
        flex-wrap: wrap;
        font-size: clamp(13px,1.27551vw + 8.21684px,18px)
    }

    .fidelity .public-injection-detail__signature-copy {
        margin-top: clamp(40px,4.08163vw + 24.6939px,56px);
        padding-left: 0
    }

    .fidelity .public-injection-detail__signature-onda-link {
        min-height: 48px
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .public-injection-detail .is-reveal-pending [data-reveal] {
        opacity: 0;
        animation: 10ms 4s forwards public-injection-detail-reveal-fallback
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .public-injection-detail [data-reveal] {
        opacity: 1!important;
        filter: none!important;
        clip-path: none!important;
        transform: none!important
    }
}

.fidelity .public-map-link {
    align-items: center;
    gap: var(--public-space-2xs);
    width: fit-content;
    min-height: 32px;
    color: var(--public-ink);
    border-bottom: 1px solid;
    padding-bottom: 5px;
    text-decoration: none;
    display: inline-flex
}

.fidelity .public-map-link__icon {
    object-fit: contain;
    flex: none;
    width: 20px;
    height: 20px
}

.fidelity .public-map-link:hover,.fidelity .public-map-link:focus-visible {
    color: var(--public-blue)
}

.fidelity .public-map-link:focus-visible {
    outline: 2px solid var(--public-focus);
    outline-offset: 3px
}

.fidelity .facilities-showcase {
    color: var(--color-primary);
    background: #e8ded2;
    position: relative;
    overflow: hidden
}

.fidelity .facilities-showcase__container {
    z-index: 1;
    width: 100%;
    max-width: 1684px;
    padding: calc(var(--public-header-height) + clamp(64px, 3.1068vw + 52.3495px, 112px)) 20px clamp(72px, 3.1068vw + 60.3495px, 120px);
    margin-inline:auto;position: relative
}

.fidelity .facilities-showcase__header {
    text-align: center;
    justify-items: center;
    max-width: 1080px;
    margin-inline:auto;display: grid
}

.fidelity .facilities-showcase__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .facilities-showcase__title {
    letter-spacing: -.04em;
    word-break: keep-all;
    gap: clamp(2px,.38835vw + .54369px,8px);
    margin: clamp(18px,.647249vw + 15.5728px,28px) 0 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.42395vw + 24.6602px,52px);
    font-weight: 500;
    line-height: 1.31;
    display: grid
}

.fidelity .facilities-showcase__title span:last-child {
    color: var(--color-secondary)
}

.fidelity .facilities-showcase__description {
    color: var(--color-text-secondary);
    letter-spacing: -.03em;
    word-break: keep-all;
    margin: clamp(20px,.517799vw + 18.0583px,28px) 0 0;
    font-family: Pretendard,sans-serif;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .facilities-showcase__tabs {
    scrollbar-width: none;
    justify-content: center;
    align-items: flex-start;
    margin: clamp(48px,1.8123vw + 41.2039px,76px) auto clamp(28px,1.0356vw + 24.1165px,44px);
    padding-top: 6px;
    display: flex;
    position: relative;
    overflow-x: auto
}

.fidelity .facilities-showcase__tabs::-webkit-scrollbar {
    display: none
}

.fidelity .facilities-showcase__tabs:before {
    content: "";
    background: rgb(var(--color-primary-rgb) / 0.18);
    height: 1px;
    position: absolute;
    top: 11.5px;
    left: 0;
    right: 0
}

.fidelity .facilities-showcase__tab {
    color: rgb(var(--color-primary-rgb) / 0.478);
    cursor: pointer;
    letter-spacing: .06em;
    background: 0 0;
    border: 0;
    flex: 1 0 120px;
    justify-items: center;
    min-width: 0;
    max-width: 200px;
    padding: 0 clamp(8px,.517799vw + 6.05825px,16px);
    font-family: Marcellus,serif;
    font-size: clamp(12px,.194175vw + 11.2718px,15px);
    line-height: 1.3;
    transition: color .32s;
    display: grid;
    position: relative
}

.fidelity .facilities-showcase__tab:before {
    content: "";
    background: 0 0;
    height: 1px;
    transition: background-color .32s;
    position: absolute;
    top: 5px;
    left: -50%;
    right: 50%
}

.fidelity .facilities-showcase__tab:first-child:before {
    left: 0
}

.fidelity .facilities-showcase__tab-dot {
    z-index: 1;
    box-sizing: border-box;
    background: #a9a098;
    border: 3px solid #e8ded2;
    border-radius: 50%;
    outline: 0 solid rgb(var(--color-secondary-rgb) / 0.251);
    width: 11px;
    height: 11px;
    transition: background-color .32s,outline-width .32s;
    position: relative
}

.fidelity .facilities-showcase__tab-label {
    white-space: nowrap;
    margin-top: 13px
}

.fidelity .facilities-showcase__tab.is-active,.fidelity .facilities-showcase__tab[aria-selected=true] {
    color: var(--color-primary)
}

.fidelity .facilities-showcase__tab.is-complete:before {
    background: var(--color-secondary)
}

.fidelity .facilities-showcase__tab.is-active .facilities-showcase__tab-dot,.fidelity .facilities-showcase__tab[aria-selected=true] .facilities-showcase__tab-dot {
    background: var(--color-secondary);
    outline-width: 5px
}

.fidelity .facilities-showcase__tab:focus-visible,.fidelity .facilities-showcase__arrow:focus-visible,.fidelity .facilities-showcase__image-button:focus-visible,.fidelity .facilities-showcase__modal-close:focus-visible,.fidelity .facilities-showcase__modal-arrow:focus-visible {
    outline-offset: 4px;
    outline: 2px solid var(--color-primary)
}

.fidelity .facilities-showcase__gallery {
    position: relative
}

.fidelity .facilities-showcase__swiper {
    background: #d8cdc1;
    overflow: visible
}

.fidelity .facilities-showcase__slide {
    height: auto
}

.fidelity .facilities-showcase__image-button {
    aspect-ratio: 16/9;
    cursor: zoom-in;
    background: #d8cdc1;
    border: 0;
    width: 100%;
    padding: 0;
    display: block;
    position: relative;
    overflow: hidden
}

.fidelity .facilities-showcase__image-button img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    transition: transform .9s cubic-bezier(.22,1,.36,1);
    display: block
}

.fidelity .facilities-showcase__image-button:hover img,.fidelity .facilities-showcase__image-button:focus-visible img {
    transform: scale(1.015)
}

.fidelity .facilities-showcase__expand {
    color: var(--color-bg-02);
    -webkit-backdrop-filter: blur(6px);
    backdrop-filter: blur(6px);
    background: rgb(var(--color-primary-rgb) / 0.639);
    border: 1px solid rgb(var(--color-bg-02-rgb) / 0.451);
    border-radius: 50%;
    place-items: center;
    width: clamp(42px,.647249vw + 39.5728px,52px);
    height: clamp(42px,.647249vw + 39.5728px,52px);
    display: grid;
    position: absolute;
    bottom: clamp(14px,.647249vw + 11.5728px,24px);
    right: clamp(14px,.647249vw + 11.5728px,24px)
}

.fidelity .facilities-showcase__controls {
    justify-content: center;
    align-items: center;
    gap: clamp(16px,.517799vw + 14.0583px,24px);
    margin-top: clamp(24px,.776699vw + 21.0874px,36px);
    display: flex
}

.fidelity .facilities-showcase__arrow {
    color: var(--color-primary);
    cursor: pointer;
    background: rgb(var(--color-bg-02-rgb) / 0.722);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.722);
    border-radius: 50%;
    place-items: center;
    width: clamp(48px,.776699vw + 45.0874px,60px);
    height: clamp(48px,.776699vw + 45.0874px,60px);
    padding: 0;
    transition: color .28s,background-color .28s;
    display: grid
}

.fidelity .facilities-showcase__arrow:hover {
    color: var(--color-bg-02);
    background: var(--color-secondary)
}

.fidelity .facilities-showcase__counter {
    letter-spacing: .05em;
    align-items: center;
    gap: 7px;
    min-width: 68px;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    line-height: 1;
    display: flex
}

.fidelity .facilities-showcase__counter span:first-child {
    color: var(--color-secondary)
}

.fidelity .facilities-showcase__modal {
    color: var(--color-bg-02);
    background: 0 0;
    border: 0;
    width: min(94vw,1680px);
    max-width: none;
    max-height: 94svh;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 50%;
    left: 50%;
    overflow: visible;
    transform: translate(-50%,-50%)
}

.fidelity .facilities-showcase__modal::backdrop {
    -webkit-backdrop-filter: blur(8px);
    backdrop-filter: blur(8px);
    background: #14110feb
}

.fidelity .facilities-showcase__modal-inner {
    place-items: center;
    min-height: 200px;
    display: grid;
    position: relative
}

.fidelity .facilities-showcase__modal-figure {
    justify-items: center;
    margin: 0;
    display: grid
}

.fidelity .facilities-showcase__modal-figure img {
    object-fit: contain;
    width: auto;
    max-width: 100%;
    height: auto;
    max-height: 84svh;
    display: block
}

.fidelity .facilities-showcase__modal-caption {
    letter-spacing: .08em;
    margin-top: 14px;
    font-family: Marcellus,serif;
    font-size: clamp(14px,.194175vw + 13.2718px,17px)
}

.fidelity .facilities-showcase__modal-close,.fidelity .facilities-showcase__modal-arrow {
    z-index: 2;
    color: var(--color-bg-02);
    cursor: pointer;
    background: rgb(var(--color-primary-rgb) / 0.678);
    border: 1px solid rgb(var(--color-bg-02-rgb) / 0.451);
    border-radius: 50%;
    place-items: center;
    padding: 0;
    display: grid;
    position: absolute
}

.fidelity .facilities-showcase__modal-close {
    width: 48px;
    height: 48px;
    top: 12px;
    right: 12px
}

.fidelity .facilities-showcase__modal-arrow {
    width: clamp(48px,1.0356vw + 44.1165px,64px);
    height: clamp(48px,1.0356vw + 44.1165px,64px);
    top: 50%;
    transform: translateY(-50%)
}

.fidelity .facilities-showcase__modal-arrow--prev {
    left: clamp(8px,1.0356vw + 4.1165px,24px)
}

.fidelity .facilities-showcase__modal-arrow--next {
    right: clamp(8px,1.0356vw + 4.1165px,24px)
}

@media (max-width: 767px) {
    .fidelity .facilities-showcase__container {
        padding-top:calc(var(--public-header-height) + clamp(48px, 4.08163vw + 32.6939px, 64px))
    }

    .fidelity .facilities-showcase__desktop-break,.fidelity .facilities-showcase__tabs {
        display: none
    }

    .fidelity .facilities-showcase__image-button {
        aspect-ratio: 4/3
    }

    .fidelity .facilities-showcase__image-button img {
        object-position: center
    }

    .fidelity .facilities-showcase__modal {
        width: calc(100vw - 40px)
    }

    .fidelity .facilities-showcase__modal-figure img {
        max-height: 76svh
    }

    .fidelity .facilities-showcase__modal-arrow {
        top: auto;
        bottom: 42px;
        transform: none
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .facilities-showcase__image-button img,.fidelity .facilities-showcase__tab,.fidelity .facilities-showcase__tab:before,.fidelity .facilities-showcase__tab-dot,.fidelity .facilities-showcase__arrow {
        transition: none
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .facilities-showcase.is-reveal-pending .facilities-showcase__header,.fidelity .facilities-showcase.is-reveal-pending .facilities-showcase__swiper {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards facilities-showcase-reveal-fallback;
        transform: translateY(32px)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .facilities-showcase [data-reveal] {
        opacity: 1!important;
        clip-path: none!important;
        filter: none!important;
        transform: none!important
    }
}

.fidelity .public-location {
    isolation: isolate;
    color: var(--color-primary);
    background: var(--color-bg-02);
    padding-bottom: clamp(72px,3.1068vw + 60.3495px,120px);
    position: relative;
    overflow: visible
}

.fidelity .public-location__top-offset {
    height: var(--public-location-top-gap);
    background: var(--color-bg-02)
}

.fidelity .public-location,.fidelity .public-location * {
    box-sizing: border-box
}

.fidelity .public-location a {
    color: inherit;
    text-decoration: none
}

.fidelity .public-location__inner {
    z-index: 1;
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px;position: relative
}

.fidelity .public-location__blur {
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    max-width: none;
    height: auto;
    display: block;
    position: absolute
}

.fidelity .public-location__blur--top {
    width: 1352px;
    top: -740px;
    right: -500px
}

.fidelity .public-location__blur--side {
    width: 872px;
    top: 560px;
    left: -440px
}

.fidelity .public-location__intro {
    max-width: 880px;
    margin: 0
}

.fidelity .public-location__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .public-location__title,.fidelity .public-location__section-title,.fidelity .public-location__transit-title {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    font-family: Noto Serif KR,serif;
    font-weight: 500;
    line-height: 1.31
}

.fidelity .public-location__title {
    margin: clamp(18px,.647249vw + 15.5728px,28px) 0 0;
    font-size: clamp(40px,2.0712vw + 32.233px,72px)
}

.fidelity .public-location__lead {
    color: var(--color-text-secondary);
    max-width: 720px;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: clamp(18px,.38835vw + 16.5437px,24px) 0 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .public-location__guide,.fidelity .public-location__directions,.fidelity .public-location__transit {
    margin-top: clamp(72px,3.1068vw + 60.3495px,120px)
}

.fidelity .public-location__section-title {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px)
}

.fidelity .public-location__guide-grid {
    grid-template-columns: repeat(10,minmax(0,1fr));
    gap: 24px;
    margin-top: clamp(40px,2.0712vw + 32.233px,72px);
    display: grid
}

.fidelity .public-location__guide-panel {
    border-top: 1px solid rgb(var(--color-secondary-rgb) / 0.62);
    grid-template-columns: minmax(140px,2fr) minmax(0,4fr);
    align-content: start;
    min-height: clamp(190px,3.8835vw + 175.437px,250px);
    padding: clamp(24px,.776699vw + 21.0874px,36px) 0;
    display: grid
}

.fidelity .public-location__guide-panel--schedule {
    grid-column: 1/span 6
}

.fidelity .public-location__guide-panel--phone {
    grid-column: 7/-1;
    grid-template-columns: minmax(120px,1fr) minmax(0,2fr)
}

.fidelity .public-location__guide-panel h3 {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    margin: 0;
    font-size: clamp(18px,.38835vw + 16.5437px,24px);
    font-weight: 600;
    line-height: 1.4
}

.fidelity .public-location__schedule {
    gap: 12px;
    margin: 0;
    display: grid
}

.fidelity .public-location__schedule div {
    grid-template-columns: minmax(90px,120px) 1fr;
    gap: 16px;
    display: grid
}

.fidelity .public-location__schedule dt,.fidelity .public-location__schedule dd {
    font-family: "Pretendard",var(--font-sans-family);
    margin: 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    line-height: 1.6
}

.fidelity .public-location__schedule dt {
    color: var(--color-secondary);
    font-weight: 600
}

.fidelity .public-location__schedule dd {
    color: var(--color-primary);
    font-weight: 500
}

.fidelity .public-location__phone {
    width: fit-content;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.02em;
    text-underline-offset: .14em;
    white-space: nowrap;
    font-size: clamp(28px,1.0356vw + 24.1165px,44px);
    font-weight: 400;
    line-height: 1.15;
    text-decoration-color: currentColor;
    text-decoration-thickness: 1px
}

.fidelity .public-location__phone:hover,.fidelity .public-location__phone:focus-visible {
    text-decoration-line: underline
}

.fidelity .public-location__map {
    background: #e8ded2;
    height: clamp(360px,10.356vw + 321.165px,520px);
    margin-top: clamp(40px,1.5534vw + 34.1748px,64px);
    overflow: hidden
}

.fidelity .public-location__canvas .public-footer__map-fallback,.fidelity .public-location__roughmap-fallback {
    color: var(--color-text-secondary);
    width: 100%;
    height: 100%;
    font-family: "Pretendard",var(--font-sans-family);
    text-align: center;
    place-content: center;
    justify-items: center;
    gap: 16px;
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    display: grid
}

.fidelity .public-location__canvas .public-footer__map-fallback:before,.fidelity .public-location__roughmap-fallback:before {
    content: "카카오 지도를 불러오지 못했습니다."
}

.fidelity .public-location__canvas .public-footer__map-fallback span,.fidelity .public-location__roughmap-fallback span {
    color: var(--color-bg-02);
    background: var(--color-primary);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.62);
    border-radius: 999px;
    min-width: 180px;
    padding: 14px 20px;
    font-weight: 600
}

.fidelity .public-location__roughmap-fallback[hidden] {
    display: none
}

.fidelity .public-location__summary {
    grid-template-columns: repeat(10,minmax(0,1fr));
    align-items: center;
    gap: 24px;
    padding-top: clamp(28px,1.0356vw + 24.1165px,44px);
    display: grid
}

.fidelity .public-location__address {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    grid-column: 1/span 6;
    margin: 0;
    font-size: clamp(22px,.776699vw + 19.0874px,34px);
    font-weight: 500;
    line-height: 1.4
}

.fidelity .public-location__map-links {
    grid-column: 7/-1;
    justify-content: flex-end;
    gap: 12px;
    display: flex
}

.fidelity .public-location__map-links .public-map-link {
    color: var(--color-bg-02);
    width: clamp(148px,2.3301vw + 139.262px,184px);
    min-height: clamp(48px,.517799vw + 46.0583px,56px);
    font-family: "Pretendard",var(--font-sans-family);
    background: var(--color-primary);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.62);
    border-radius: 999px;
    justify-content: center;
    gap: 8px;
    padding: 0 clamp(16px,.517799vw + 14.0583px,24px);
    font-size: clamp(14px,.12945vw + 13.5146px,16px);
    font-weight: 600;
    transition: color .3s,background-color .3s,border-color .3s
}

.fidelity .public-location__map-links .public-map-link:hover,.fidelity .public-location__map-links .public-map-link:focus-visible {
    color: var(--color-primary);
    background: var(--color-bg-02);
    border-color: var(--color-secondary)
}

.fidelity .public-location__map-links .public-map-link__icon {
    width: 22px;
    height: 22px
}

.fidelity .public-location__transit {
    grid-template-columns: repeat(10,minmax(0,1fr));
    align-items: start;
    gap: 24px;
    display: grid
}

.fidelity .public-location__transit-title {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.03em;
    grid-column: 1/span 3;
    margin: 0;
    font-size: clamp(30px,.776699vw + 27.0874px,42px)
}

.fidelity .public-location__transit-list {
    border-top: 1px solid rgb(var(--color-secondary-rgb) / 0.62);
    grid-column: 4/-1
}

.fidelity .public-location__transit-row {
    border-bottom: 1px solid rgb(var(--color-secondary-rgb) / 0.62);
    grid-template-columns: minmax(140px,2fr) minmax(0,7fr);
    align-items: start;
    gap: clamp(20px,1.0356vw + 16.1165px,36px);
    min-height: clamp(120px,2.20065vw + 111.748px,154px);
    padding: clamp(24px,.647249vw + 21.5728px,34px);
    display: grid
}

.fidelity .public-location__transit-row h3,.fidelity .public-location__transit-row p {
    font-family: "Pretendard",var(--font-sans-family);
    margin: 0
}

.fidelity .public-location__transit-row h3 {
    color: var(--color-primary);
    align-items: center;
    gap: 12px;
    font-size: clamp(17px,.323625vw + 15.7864px,22px);
    font-weight: 600;
    line-height: 1.5;
    display: flex
}

.fidelity .public-location__transit-row p {
    color: var(--color-text-secondary);
    letter-spacing: -.3px;
    word-break: keep-all;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.7
}

.fidelity .public-location__transit-copy {
    align-content: start;
    gap: 8px;
    display: grid
}

.fidelity .public-location__transit-row h3:before {
    content: "";
    background: var(--color-secondary);
    border-radius: 50%;
    flex: none;
    width: 8px;
    height: 8px;
    display: inline-block
}

.fidelity .public-location__map .store-map-pin,.fidelity .public-location__map .store-map-pin__art {
    color: inherit;
    box-shadow: none;
    pointer-events: none;
    transform-origin: bottom;
    background: 0 0;
    border: 0;
    border-radius: 0;
    display: block;
    position: relative;
    top: auto;
    left: auto;
    overflow: visible
}

.fidelity .public-location__map .store-map-pin__image {
    object-fit: contain;
    object-position: center bottom;
    width: 100%;
    height: 100%;
    display: block
}

@media (max-width: 1024px) {
    .fidelity .public-location__blur--top {
        width:clamp(560px,196.078vw - 1047.84px,960px);
        top: clamp(-420px,784.706px - 117.647vw,-180px);
        right: clamp(-380px,423.137px - 78.4314vw,-220px)
    }

    .fidelity .public-location__blur--side {
        width: clamp(400px,117.647vw - 564.706px,640px);
        top: clamp(440px,39.2157vw + 118.431px,520px);
        left: clamp(-320px,232.157px - 53.9216vw,-210px)
    }

    .fidelity .public-location__guide-panel {
        grid-template-columns: 1fr;
        gap: 24px
    }

    .fidelity .public-location__guide-panel--phone {
        grid-template-columns: 1fr
    }

    .fidelity .public-location__summary {
        align-items: start
    }

    .fidelity .public-location__address {
        grid-column: 1/span 6
    }

    .fidelity .public-location__map-links {
        flex-direction: column;
        grid-column: 7/-1;
        align-items: flex-end
    }
}

@media (max-width: 820px) {
    .fidelity .public-location__blur--top {
        width:clamp(320px,53.9326vw + 117.753px,560px);
        top: clamp(-180px,4.26966px - 22.4719vw,-80px);
        right: clamp(-220px,-20.2247vw - 54.1573px,-130px)
    }

    .fidelity .public-location__blur--side {
        width: clamp(240px,35.9551vw + 105.169px,400px);
        top: clamp(400px,17.9775vw + 332.584px,480px);
        left: clamp(-210px,-20.2247vw - 44.1573px,-120px)
    }

    .fidelity .public-location__guide-grid,.fidelity .public-location__summary,.fidelity .public-location__transit {
        grid-template-columns: 1fr;
        display: grid
    }

    .fidelity .public-location__guide-panel--schedule,.fidelity .public-location__guide-panel--phone,.fidelity .public-location__address,.fidelity .public-location__map-links,.fidelity .public-location__transit-title,.fidelity .public-location__transit-list {
        grid-column: 1
    }

    .fidelity .public-location__guide-panel {
        min-height: 0
    }

    .fidelity .public-location__phone {
        white-space: normal
    }

    .fidelity .public-location__map-links {
        flex-flow: wrap;
        justify-content: flex-start;
        align-items: center;
        margin-top: 12px
    }

    .fidelity .public-location__transit-title br {
        display: none
    }

    .fidelity .public-location__transit-list {
        margin-top: clamp(28px,2.69663vw + 17.8876px,40px)
    }

    .fidelity .public-location__transit-row {
        grid-template-columns: 1fr;
        gap: 12px
    }
}

@media (max-width: 480px) {
    .fidelity .public-location__map-links .public-map-link {
        flex:calc(50% - 6px);
        width: auto;
        min-width: 0;
        padding-inline:12px}

    .fidelity .public-location__map-links .public-map-link__label {
        white-space: nowrap
    }
}

.fidelity .public-director-visual {
    color: var(--color-primary);
    background: var(--color-bg-02);
    position: relative;
    overflow: hidden
}

.fidelity .public-director-visual__copy {
    z-index: 2;
    padding: calc(var(--public-header-height) + clamp(64px, 2.0712vw + 56.233px, 96px)) 20px clamp(68px, .517799vw + 66.0583px, 76px);
    text-align: center;
    flex-direction: column;
    align-items: center;
    display: flex;
    position: relative
}

.fidelity .public-director-visual__title {
    color: var(--color-secondary);
    letter-spacing: -.025em;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(48px,4.66019vw + 30.5243px,120px);
    font-weight: 400;
    line-height: 1.08
}

.fidelity .public-director-visual__description {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    max-width: 1120px;
    margin: clamp(16px,.2589vw + 15.0291px,20px) 0 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(16px,.38835vw + 14.5437px,22px);
    font-weight: 500;
    line-height: 1.6
}

.fidelity .public-director-visual__rule {
    background: rgb(var(--color-secondary-rgb) / 0.722);
    width: 1px;
    height: 140px;
    position: absolute;
    bottom: -80px;
    left: 50%;
    transform: translate(-50%)
}

.fidelity .public-director-visual__media {
    z-index: 1;
    background: #e8ded2;
    height: min(46.875vw + -1*clamp(18.75px,1.94175vw + 11.4685px,48.75px),900px);
    margin: 0 clamp(20px,2.0712vw + 12.233px,52px);
    position: relative;
    overflow: hidden
}

.fidelity .public-director-visual__image {
    object-fit: cover;
    object-position: 52% 50%;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .public-director-visual__marquee {
    z-index: 2;
    pointer-events: none;
    position: absolute;
    bottom: clamp(8px,.517799vw + 6.05825px,16px);
    left: 0;
    right: 0;
    overflow: hidden;
    transform: translateY(6%)
}

.fidelity .public-director-visual__marquee-track {
    align-items: center
}

.fidelity .public-director-visual__marquee-set {
    color: rgb(var(--color-bg-02-rgb) / 0.38);
    letter-spacing: .12em;
    gap: clamp(28px,1.8123vw + 21.2039px,56px);
    padding-right: clamp(28px,1.8123vw + 21.2039px,56px);
    font-family: Marcellus,serif;
    font-size: clamp(56px,4.66019vw + 38.5243px,128px);
    font-weight: 400;
    line-height: 1
}

.fidelity .public-director-visual__marquee-item,.fidelity .public-director-visual__marquee-brand {
    align-items: center;
    display: inline-flex
}

.fidelity .public-director-visual__marquee-item {
    gap: .2em
}

.fidelity .public-director-visual__marquee-colon {
    flex-direction: column;
    flex: none;
    justify-content: space-between;
    width: .07em;
    height: .48em;
    margin-inline:.065em;display: inline-flex
}

.fidelity .public-director-visual__marquee-colon:before,.fidelity .public-director-visual__marquee-colon:after {
    content: "";
    background: currentColor;
    border-radius: 50%;
    width: .07em;
    height: .07em
}

.fidelity .public-director-visual__marquee-separator {
    align-self: center;
    align-items: center;
    line-height: 1;
    display: inline-flex
}


@media (prefers-reduced-motion:no-preference) {
    .fidelity .public-director-visual.is-reveal-pending .public-director-visual__copy {
        opacity: 0;
        filter: blur(6px);
        will-change: transform,opacity,filter;
        animation: 10ms 4s forwards public-director-visual-pending-fallback;
        transform: translateY(32px)
    }

    .fidelity .public-director-visual.is-reveal-pending .public-director-visual__media {
        opacity: 0;
        clip-path: inset(100% 0% 0%);
        will-change: clip-path,opacity;
        animation: 10ms 4s forwards public-director-visual-pending-fallback
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .public-director-visual [data-reveal] {
        opacity: 1!important;
        clip-path: none!important;
        filter: none!important;
        transform: none!important
    }

    .fidelity .public-director-visual .public-director-visual__marquee-track {
        animation: none!important;
        transform: none!important
    }
}

.fidelity .public-director-profile {
    color: var(--color-primary);
    background: var(--color-bg-02);
    padding: clamp(64px,3.6246vw + 50.4078px,120px) 0;
    position: relative;
    overflow: hidden
}

.fidelity .public-director-profile__shell {
    grid-template-columns: repeat(10,minmax(0,1fr));
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px;display: grid
}

.fidelity .public-director-profile__layout {
    grid-column: 1/-1;
    grid-template-rows: minmax(420px,auto) minmax(380px,auto);
    grid-template-columns: repeat(2,minmax(0,1fr));
    column-gap: clamp(24px,1.5534vw + 18.1748px,48px);
    width: 100%;
    display: grid
}

.fidelity .public-director-profile__intro {
    flex-direction: column;
    justify-content: center;
    min-width: 0;
    padding: clamp(36px,1.8123vw + 29.2039px,64px);
    display: flex
}

.fidelity .public-director-profile__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0 0 clamp(20px,.517799vw + 18.0583px,28px);
    font-family: Marcellus,serif;
    font-size: clamp(15px,.323625vw + 13.7864px,20px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .public-director-profile__identity {
    color: var(--color-primary);
    white-space: nowrap;
    align-items: baseline;
    gap: clamp(6px,.2589vw + 5.02913px,10px);
    min-width: 0;
    margin: 0;
    display: flex
}

.fidelity .public-director-profile__name {
    color: var(--color-primary);
    letter-spacing: -.04em;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(28px,.776699vw + 25.0874px,40px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .public-director-profile__separator {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    font-size: clamp(22px,.517799vw + 20.0583px,30px);
    font-weight: 400;
    line-height: 1.4
}

.fidelity .public-director-profile__english-name {
    color: var(--color-primary);
    letter-spacing: 0;
    white-space: nowrap;
    flex: none;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(21px,.582524vw + 18.8155px,30px);
    font-weight: 400;
    line-height: 1.4
}

.fidelity .public-director-profile__position {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    white-space: nowrap;
    margin: 0;
    font-size: clamp(21px,.582524vw + 18.8155px,30px);
    font-weight: 400;
    line-height: 1.4
}

.fidelity .public-director-profile__rule {
    background: rgb(var(--color-secondary-rgb) / 0.722);
    width: 1px;
    height: clamp(32px,1.0356vw + 28.1165px,48px);
    margin: clamp(24px,.517799vw + 22.0583px,32px) 0;
    display: block
}

.fidelity .public-director-profile__message {
    color: var(--color-text-secondary);
    max-width: 600px;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    font-weight: 400;
    line-height: 1.55
}

.fidelity .public-director-profile__message p {
    margin: 0
}

.fidelity .public-director-profile__message p+p {
    margin-top: .45em
}

.fidelity .public-director-profile__message p:empty {
    display: none
}

.fidelity .public-director-profile__message p:has(>br:only-child) {
    display: none
}

.fidelity .public-director-profile__portrait {
    background: #ded6cc;
    grid-area: 1/2/span 2;
    justify-content: center;
    align-items: flex-end;
    min-width: 0;
    min-height: 800px;
    margin: 0;
    display: flex;
    overflow: hidden
}

.fidelity .public-director-profile__portrait img {
    object-fit: contain;
    object-position: center bottom;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .public-director-profile__credentials {
    background: #e8ded2;
    grid-area: 2/1;
    grid-template-columns: repeat(2,minmax(0,1fr));
    align-content: center;
    gap: clamp(28px,1.2945vw + 23.1456px,48px);
    min-width: 0;
    padding: clamp(36px,1.8123vw + 29.2039px,64px);
    display: grid
}

.fidelity .public-director-profile__credential {
    min-width: 0
}

.fidelity .public-director-profile__credential h2 {
    color: var(--color-secondary);
    letter-spacing: -.04em;
    margin: 0 0 clamp(16px,.517799vw + 14.0583px,24px);
    font-family: Noto Serif KR,serif;
    font-size: clamp(21px,.323625vw + 19.7864px,26px);
    font-weight: 500;
    line-height: 1.4
}

.fidelity .public-director-profile__credential-list,.fidelity .public-director-profile__credential-list ul {
    margin: 0;
    padding: 0
}

.fidelity .public-director-profile__credential-list ul {
    gap: clamp(10px,.2589vw + 9.02913px,14px);
    list-style: none;
    display: grid
}

.fidelity .public-director-profile__credential-list li {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    padding-left: 12px;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.65;
    position: relative
}

.fidelity .public-director-profile__credential-list li:before {
    content: "";
    background: var(--color-secondary);
    border-radius: 50%;
    width: 3px;
    height: 3px;
    position: absolute;
    top: .78em;
    left: 0
}

@media (max-width: 1199px) {
    .fidelity .public-director-profile__intro,.fidelity .public-director-profile__credentials {
        padding-inline:clamp(32px,3.7123vw + 3.48956px,48px)
    }
}

@media (max-width: 820px) {
    .fidelity .public-director-profile__layout {
        flex-direction:column;
        display: flex
    }

    .fidelity .public-director-profile__intro {
        min-height: 0;
        padding: clamp(32px,3.59551vw + 18.5169px,48px) 0
    }

    .fidelity .public-director-profile__identity {
        white-space: normal;
        flex-wrap: wrap;
        row-gap: 4px
    }

    .fidelity .public-director-profile__portrait {
        aspect-ratio: 609/764;
        order: 2;
        width: 100%;
        min-height: 0
    }

    .fidelity .public-director-profile__credentials {
        order: 3;
        grid-template-columns: 1fr;
        gap: clamp(32px,1.79775vw + 25.2584px,40px);
        padding: clamp(32px,3.59551vw + 18.5169px,48px) clamp(20px,4.49438vw + 3.14607px,40px)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .public-director-profile.is-reveal-pending .public-director-profile__intro,.fidelity .public-director-profile.is-reveal-pending .public-director-profile__credentials {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards public-director-profile-pending-fallback;
        transform: translateY(24px)
    }

    .fidelity .public-director-profile.is-reveal-pending .public-director-profile__portrait {
        opacity: 0;
        clip-path: inset(0% 0% 0% 100%);
        animation: 10ms 4s forwards public-director-profile-pending-fallback
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .public-director-profile [data-reveal] {
        opacity: 1!important;
        clip-path: none!important;
        filter: none!important;
        transform: none!important
    }
}

.fidelity .public-director-why {
    color: var(--color-primary);
    background: #e8ded2;
    padding-block:clamp(72px,3.1068vw + 60.3495px,120px);position: relative;
    overflow: hidden
}

.fidelity .public-director-why__inner {
    width: 100%;
    max-width: 1684px;
    margin-inline:auto;padding-inline:20px}

.fidelity .public-director-why__header {
    max-width: 1120px
}

.fidelity .public-director-why__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .public-director-why__title {
    color: var(--color-primary);
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: clamp(18px,.647249vw + 15.5728px,28px) 0 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.42395vw + 24.6602px,52px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .public-director-why__title-accent {
    color: var(--color-secondary)
}

.fidelity .public-director-why__lead {
    color: var(--color-text-secondary);
    max-width: 840px;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: clamp(20px,.517799vw + 18.0583px,28px) 0 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .public-director-why__list {
    gap: clamp(64px,3.1068vw + 52.3495px,112px);
    margin-top: clamp(56px,2.589vw + 46.2913px,96px);
    display: grid
}

.fidelity .public-director-why__item {
    grid-template-columns: repeat(10,minmax(0,1fr));
    align-items: center;
    min-width: 0;
    display: grid
}

.fidelity .public-director-why__media {
    aspect-ratio: 64/23;
    background: rgb(var(--color-bg-02-rgb) / 0.42);
    grid-column: 1/span 6;
    min-width: 0;
    margin: 0;
    overflow: hidden
}

.fidelity .public-director-why__media img {
    object-fit: cover;
    width: 100%;
    height: 100%;
    display: block
}

.fidelity .public-director-why__copy {
    grid-column: 7/-1;
    min-width: 0;
    padding-left: clamp(32px,2.589vw + 22.2913px,72px)
}

.fidelity .public-director-why__item:nth-child(2n) .public-director-why__media {
    grid-area: 1/5/auto/-1
}

.fidelity .public-director-why__item:nth-child(2n) .public-director-why__copy {
    grid-area: 1/1/auto/span 4;
    padding-left: 0;
    padding-right: clamp(32px,2.589vw + 22.2913px,72px)
}

.fidelity .public-director-why__number {
    color: var(--color-secondary);
    letter-spacing: .03em;
    margin: 0 0 clamp(14px,.38835vw + 12.5437px,20px);
    font-family: Marcellus,serif;
    font-size: clamp(18px,.38835vw + 16.5437px,24px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .public-director-why__copy h3 {
    color: var(--color-primary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(24px,.517799vw + 22.0583px,32px);
    font-weight: 600;
    line-height: 1.4
}

.fidelity .public-director-why__copy h3+p {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.3px;
    word-break: keep-all;
    margin: clamp(14px,.38835vw + 12.5437px,20px) 0 0;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    font-weight: 400;
    line-height: 1.6
}

@media (max-width: 820px) {
    .fidelity .public-director-why__item {
        flex-direction:column;
        align-items: stretch;
        display: flex
    }

    .fidelity .public-director-why__media,.fidelity .public-director-why__item:nth-child(2n) .public-director-why__media {
        order: 1;
        width: 100%
    }

    .fidelity .public-director-why__copy,.fidelity .public-director-why__item:nth-child(2n) .public-director-why__copy {
        order: 2;
        width: 100%;
        margin-top: clamp(20px,1.79775vw + 13.2584px,28px);
        padding: 0
    }

    .fidelity .public-director-why__copy h3 {
        font-size: clamp(20px,.898876vw + 16.6292px,24px)
    }

    .fidelity .public-director-why__copy p {
        font-size: clamp(14px,.449438vw + 12.3146px,16px)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .public-director-why.is-reveal-pending .public-director-why__header,.fidelity .public-director-why.is-reveal-pending .public-director-why__copy {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards public-director-why-pending-fallback;
        transform: translateY(24px)
    }

    .fidelity .public-director-why.is-reveal-pending .public-director-why__media {
        opacity: 0;
        clip-path: inset(0% 100% 0% 0%);
        animation: 10ms 4s forwards public-director-why-pending-fallback
    }

    .fidelity .public-director-why.is-reveal-pending .public-director-why__item:nth-child(2n) .public-director-why__media {
        clip-path: inset(0% 0% 0% 100%)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .public-director-why [data-reveal] {
        opacity: 1!important;
        clip-path: none!important;
        filter: none!important;
        transform: none!important
    }
}

@media (max-width: 767px) {
    .fidelity .public-member-auth__section-actions>.public-button {
        width:100%
    }
}

.fidelity .public-button {
    min-height: var(--public-control-lg);
    padding-inline:var(--public-space-xl);color: var(--public-white);
    background: var(--public-navy);
    border: 1px solid var(--public-navy);
    transition: color var(--public-duration) var(--public-ease),background var(--public-duration) var(--public-ease),border-color var(--public-duration) var(--public-ease),box-shadow var(--public-duration) var(--public-ease),transform var(--public-duration) var(--public-ease);
    border-radius: 0;
    justify-content: center;
    align-items: center;
    text-decoration: none;
    display: inline-flex
}

.fidelity .public-button:hover,.fidelity .public-button:focus-visible {
    color: var(--public-white);
    background: var(--public-blue);
    border-color: var(--public-blue)
}

.fidelity .public-button:active {
    transform: translateY(1px)
}

.fidelity .public-button[disabled],.fidelity .public-button[aria-disabled=true] {
    cursor: not-allowed;
    opacity: .45;
    pointer-events: none
}

.fidelity .public-button--lg {
    min-height: calc(var(--public-control-lg) + var(--public-space-2xs))
}

.fidelity .public-button--secondary {
    color: var(--public-navy);
    background: var(--public-white);
    border-color: var(--public-line)
}

.fidelity .public-button__label {
    align-items: center;
    display: inline-flex
}

.fidelity .public-button__icon+.public-button__label {
    margin-left: var(--public-space-2xs)
}

.fidelity .public-site .public-button {
    font-size: var(--public-button-font-size)
}

.fidelity .public-key-hero__actions .public-button {
    color: var(--public-white);
    border-color: rgb(var(--color-white-rgb) / 0.502)
}

.fidelity .public-key-info__action.public-button {
    width: 100%;
    min-height: 44px;
    padding-inline:var(--public-space-xs)}

.fidelity .public-key-info__action--kakao.public-button {
    color: var(--public-ink);
    background: var(--public-kakao);
    border-color: var(--public-kakao)
}

.fidelity .public-key-info__action--kakao.public-button:hover,.fidelity .public-key-info__action--kakao.public-button:focus-visible {
    color: var(--public-ink);
    background: var(--public-kakao-hover);
    border-color: var(--public-kakao-hover)
}

@media (max-width: 767px) {
    .fidelity .public-key-info__action.public-button {
        min-height:40px;
        padding-inline:0}
}

.fidelity .contact-guide {
    isolation: isolate;
    color: var(--color-primary);
    background: var(--color-bg-02);
    position: relative;
    overflow: hidden
}

.fidelity .contact-guide__container {
    z-index: 1;
    width: 100%;
    max-width: 1684px;
    padding: calc(var(--public-header-height) + clamp(72px, 3.1068vw + 60.3495px, 120px)) 20px clamp(80px, 2.589vw + 70.2913px, 120px);
    margin-inline:auto;position: relative
}

.fidelity .contact-guide__blur {
    z-index: 0;
    pointer-events: none;
    -webkit-user-select: none;
    user-select: none;
    max-width: none;
    height: auto;
    display: block;
    position: absolute
}

.fidelity .contact-guide__blur--top {
    width: 1352px;
    top: -740px;
    right: -500px
}

.fidelity .contact-guide__blur--side {
    width: 872px;
    top: 50%;
    left: -440px;
    transform: translateY(-50%)
}

.fidelity .contact-guide__hero {
    gap: clamp(16px,.517799vw + 14.0583px,24px);
    max-width: 1120px;
    margin: 0;
    padding-bottom: clamp(88px,3.6246vw + 74.4078px,144px);
    display: grid
}

.fidelity .contact-guide__eyebrow {
    color: var(--color-secondary);
    letter-spacing: .08em;
    margin: 0;
    font-family: Marcellus,serif;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.3
}

.fidelity .contact-guide__title {
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0;
    font-family: Noto Serif KR,serif;
    font-size: clamp(42px,1.68285vw + 35.6893px,68px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .contact-guide__lead {
    color: var(--color-text-secondary);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.03em;
    margin: clamp(4px,.38835vw + 2.54369px,10px) 0 0;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    font-weight: 400;
    line-height: 1.6
}

.fidelity .contact-guide__section {
    margin-top: clamp(88px,3.6246vw + 74.4078px,144px)
}

.fidelity .contact-guide__hero+.contact-guide__section {
    margin-top: 0
}

.fidelity .contact-guide__section-title {
    letter-spacing: -.04em;
    word-break: keep-all;
    margin: 0 0 clamp(32px,1.0356vw + 28.1165px,48px);
    font-family: Noto Serif KR,serif;
    font-size: clamp(30px,1.16505vw + 25.6311px,48px);
    font-weight: 500;
    line-height: 1.31
}

.fidelity .contact-guide__care-grid {
    grid-template-columns: repeat(4,minmax(0,1fr));
    gap: clamp(12px,.776699vw + 9.08738px,24px);
    display: grid
}

.fidelity .contact-guide__care-card {
    color: var(--color-primary);
    background: rgb(var(--color-bg-rgb) / 0.78);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.278);
    flex-direction: column;
    align-items: flex-start;
    min-width: 0;
    min-height: clamp(200px,2.8479vw + 189.32px,244px);
    padding: clamp(28px,.776699vw + 25.0874px,40px);
    display: flex
}

.fidelity .contact-guide__care-icon,.fidelity .contact-guide__media-icon {
    color: var(--color-secondary);
    background: #e8ded2;
    border-radius: 50%;
    flex: none;
    justify-content: center;
    align-items: center;
    display: inline-flex
}

.fidelity .contact-guide__care-icon {
    width: clamp(48px,.517799vw + 46.0583px,56px);
    height: clamp(48px,.517799vw + 46.0583px,56px)
}

.fidelity .contact-guide__care-icon svg {
    width: clamp(22px,.2589vw + 21.0291px,26px);
    height: clamp(22px,.2589vw + 21.0291px,26px);
    display: block
}

.fidelity .contact-guide__care-icon svg * {
    stroke-width: 1.25px
}

.fidelity .contact-guide__care-icon--naver svg path,.fidelity .contact-guide__care-icon--kakao svg path {
    fill: currentColor
}

.fidelity .contact-guide__care-card h3 {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.03em;
    word-break: keep-all;
    margin: auto 0 0;
    padding-top: clamp(28px,.776699vw + 25.0874px,40px);
    font-size: clamp(20px,.38835vw + 18.5437px,26px);
    font-weight: 600;
    line-height: 1.5
}

.fidelity .contact-guide__reservation {
    background: rgb(var(--color-bg-rgb) / 0.702);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.302);
    padding: clamp(36px,1.8123vw + 29.2039px,64px)
}

.fidelity .contact-guide__reservation .contact-guide__section-title {
    margin-bottom: clamp(24px,.517799vw + 22.0583px,32px)
}

.fidelity .contact-guide__reservation>p {
    color: var(--color-text-secondary);
    max-width: 1420px;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.025em;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    font-weight: 400;
    line-height: 1.9
}

.fidelity .contact-guide__media-grid {
    grid-template-columns: repeat(3,minmax(0,1fr));
    gap: clamp(12px,.776699vw + 9.08738px,24px);
    margin: 0;
    padding: 0;
    list-style: none;
    display: grid
}

.fidelity .contact-guide__media-grid>li {
    min-width: 0
}

.fidelity .contact-guide__media-grid>li>.contact-guide__media-link {
    height: 100%
}

.fidelity .contact-guide__media-qr {
    background: var(--color-white);
    width: min(100%,200px);
    height: auto;
    padding: 8px;
    display: block
}

.fidelity .contact-guide__media-link {
    color: var(--color-primary);
    min-height: clamp(140px,2.3301vw + 131.262px,176px);
    font-family: "Pretendard",var(--font-sans-family);
    text-align: center;
    background: rgb(var(--color-bg-rgb) / 0.82);
    border: 1px solid rgb(var(--color-secondary-rgb) / 0.239);
    flex-direction: column;
    justify-content: center;
    align-items: center;
    gap: clamp(16px,.38835vw + 14.5437px,22px);
    padding: clamp(24px,.517799vw + 22.0583px,32px);
    font-size: clamp(18px,.2589vw + 17.0291px,22px);
    font-weight: 500;
    line-height: 1.4;
    text-decoration: none;
    transition: color .32s,background-color .32s,border-color .32s,transform .32s;
    display: flex
}

.fidelity .contact-guide__media-icon {
    width: clamp(50px,.517799vw + 48.0583px,58px);
    height: clamp(50px,.517799vw + 48.0583px,58px);
    font-size: clamp(22px,.323625vw + 20.7864px,27px);
    overflow: hidden
}

.fidelity .contact-guide__media-icon img {
    object-fit: contain;
    width: 58%;
    height: 58%;
    display: block
}

.fidelity .contact-guide__media-icon svg {
    width: 58%;
    height: 58%;
    display: block
}

.fidelity .contact-guide__media-icon svg path {
    fill: currentColor
}

.fidelity .contact-guide a.contact-guide__media-link:hover,.fidelity .contact-guide__media-link:focus-visible {
    color: var(--color-bg-02);
    background: var(--color-primary);
    border-color: var(--color-primary);
    transform: translateY(-4px)
}

.fidelity a.contact-guide__media-link:hover .contact-guide__media-icon,.fidelity .contact-guide__media-link:focus-visible .contact-guide__media-icon {
    color: var(--color-primary);
    background: #e8ded2
}

.fidelity .contact-guide__media-link:focus-visible {
    outline-offset: 4px;
    outline: 2px solid var(--color-secondary)
}

.fidelity .contact-guide__visit {
    color: var(--color-bg-02);
    background: var(--color-primary);
    grid-template-columns: minmax(300px,4fr) minmax(0,6fr);
    gap: clamp(40px,2.589vw + 30.2913px,80px);
    padding: clamp(40px,2.0712vw + 32.233px,72px);
    display: grid
}

.fidelity .contact-guide__visit-intro {
    align-self: start
}

.fidelity .contact-guide__visit-intro .contact-guide__section-title {
    margin: clamp(14px,.38835vw + 12.5437px,20px) 0 clamp(20px,.517799vw + 18.0583px,28px)
}

.fidelity .contact-guide__visit-intro>p:not(.contact-guide__eyebrow) {
    color: rgb(var(--color-bg-02-rgb) / 0.761);
    max-width: 480px;
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.03em;
    word-break: keep-all;
    margin: 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    line-height: 1.75
}

.fidelity .contact-guide__location-button.public-button {
    border-radius: 4px;
    margin-top: clamp(24px,.776699vw + 21.0874px,36px)
}

.fidelity .contact-guide__location-button.public-button:hover,.fidelity .contact-guide__location-button.public-button:focus-visible {
    color: var(--color-bg-02);
    background: var(--color-secondary);
    border-color: var(--color-secondary)
}

.fidelity .contact-guide__visit .contact-guide__eyebrow {
    color: var(--color-secondary-light)
}

.fidelity .contact-guide__visit .contact-guide__section-title {
    color: var(--color-bg-02)
}

.fidelity .contact-guide__visit-list {
    display: grid
}

.fidelity .contact-guide__visit-item {
    grid-template-columns: clamp(36px,1.0356vw + 32.1165px,52px) minmax(0,1fr);
    align-items: start;
    gap: clamp(20px,.776699vw + 17.0874px,32px);
    min-width: 0;
    padding-block:clamp(24px,.647249vw + 21.5728px,34px);display: grid
}

.fidelity .contact-guide__visit-item+.contact-guide__visit-item {
    border-top: 1px solid rgb(var(--color-secondary-light-rgb) / 0.341)
}

.fidelity .contact-guide__visit-number {
    color: var(--color-secondary-light);
    font-family: Marcellus,serif;
    font-size: clamp(16px,.2589vw + 15.0291px,20px);
    line-height: 1.5
}

.fidelity .contact-guide__visit-item h3 {
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.03em;
    margin: 0;
    font-size: clamp(19px,.323625vw + 17.7864px,24px);
    font-weight: 600;
    line-height: 1.45
}

.fidelity .contact-guide__visit-item p,.fidelity .contact-guide__visit-item small {
    color: rgb(var(--color-bg-02-rgb) / 0.878);
    font-family: "Pretendard",var(--font-sans-family);
    letter-spacing: -.025em;
    word-break: keep-all;
    display: block
}

.fidelity .contact-guide__visit-item p {
    margin: clamp(10px,.2589vw + 9.02913px,14px) 0 0;
    font-size: clamp(15px,.194175vw + 14.2718px,18px);
    line-height: 1.6
}

.fidelity .contact-guide__visit-item small {
    color: rgb(var(--color-bg-02-rgb) / 0.58);
    margin-top: clamp(8px,.2589vw + 7.02913px,12px);
    font-size: clamp(13px,.12945vw + 12.5146px,15px);
    line-height: 1.65
}

@media (max-width: 1199px) {
    .fidelity .contact-guide__blur--top {
        width:clamp(560px,105.541vw - 305.435px,960px);
        top: clamp(-420px,339.261px - 63.3245vw,-180px);
        right: clamp(-380px,126.174px - 42.2164vw,-220px)
    }

    .fidelity .contact-guide__blur--side {
        width: clamp(400px,63.3245vw - 119.261px,640px);
        left: clamp(-320px,27.9947px - 29.0237vw,-210px)
    }

    .fidelity .contact-guide__care-grid {
        grid-template-columns: repeat(2,minmax(0,1fr))
    }

    .fidelity .contact-guide__visit {
        grid-template-columns: 1fr
    }

    .fidelity .contact-guide__visit-intro>p:not(.contact-guide__eyebrow) {
        max-width: 640px
    }
}

@media (max-width: 767px) {
    .fidelity .contact-guide__blur--top {
        width:clamp(320px,61.2245vw + 90.4082px,560px);
        top: clamp(-180px,15.6633px - 25.5102vw,-80px);
        right: clamp(-220px,-22.9592vw - 43.9031px,-130px)
    }

    .fidelity .contact-guide__blur--side {
        width: clamp(240px,40.8163vw + 86.9388px,400px);
        left: clamp(-210px,-22.9592vw - 33.9031px,-120px)
    }

    .fidelity .contact-guide__container {
        padding-top: calc(var(--public-header-height) + clamp(48px, 4.08163vw + 32.6939px, 64px))
    }

    .fidelity .contact-guide__hero {
        padding-bottom: clamp(72px,6.12245vw + 49.0408px,96px)
    }

    .fidelity .contact-guide__section {
        margin-top: clamp(72px,6.12245vw + 49.0408px,96px)
    }

    .fidelity .contact-guide__section-title {
        margin-bottom: clamp(28px,2.04082vw + 20.3469px,36px)
    }

    .fidelity .contact-guide__care-grid {
        grid-template-columns: 1fr
    }

    .fidelity .contact-guide__care-card {
        min-height: clamp(180px,6.12245vw + 157.041px,204px)
    }

    .fidelity .contact-guide__media-grid {
        grid-template-columns: 1fr
    }

    .fidelity .contact-guide__media-link {
        min-height: clamp(120px,6.12245vw + 97.0408px,144px);
        padding-inline:clamp(16px,2.04082vw + 8.34694px,24px)}

    .fidelity .contact-guide__visit {
        gap: clamp(36px,3.06122vw + 24.5204px,48px);
        padding: clamp(28px,3.06122vw + 16.5204px,40px) clamp(20px,3.06122vw + 8.52041px,32px)
    }

    .fidelity .contact-guide__visit-item {
        grid-template-columns: 32px minmax(0,1fr)
    }
}

@media (prefers-reduced-motion:no-preference) {
    .fidelity .contact-guide.is-reveal-pending [data-reveal] {
        opacity: 0;
        filter: blur(6px);
        animation: 10ms 4s forwards contact-guide-reveal-fallback;
        transform: translateY(32px)
    }
}

@media (prefers-reduced-motion:reduce) {
    .fidelity .contact-guide [data-reveal] {
        opacity: 1!important;
        clip-path: none!important;
        filter: none!important;
        transform: none!important
    }

    .fidelity .contact-guide__media-link,.fidelity .contact-guide__location-button {
        transition: none
    }
}

.fidelity .public-cart__actions .public-button {
    justify-content: center;
    width: 100%;
    min-height: 47px
}

.fidelity .public-cart__actions .public-button:hover,.fidelity .public-cart__actions .public-button:focus-visible {
    transform: none
}

.fidelity .public-about-cta__actions .public-button {
    border-radius: 4px;
    gap: 25px;
    min-width: 152px;
    min-height: 52px
}

.fidelity .public-about-cta__actions .public-button__icon+.public-button__label {
    margin-left: 0
}

.fidelity .public-treatment-actions__button.public-button {
    white-space: nowrap
}

.fidelity .public-treatment-actions__button--cart.public-button,.fidelity .public-treatment-actions__button--cart.public-button:hover,.fidelity .public-treatment-actions__button--cart.public-button:focus-visible {
    color: var(--public-white);
    background: var(--public-ink);
    border-color: var(--public-ink)
}

@media (max-width: 767px) {
    .fidelity .public-treatment-actions__button.public-button {
        width:100%
    }
}

.fidelity .public-member-auth__submit.public-button,.fidelity .public-member-auth__social.public-button {
    justify-content: center;
    width: 100%
}

.fidelity .public-member-auth--login .public-member-auth__submit.public-button,.fidelity .public-member-auth--signup .public-member-auth__submit.public-button {
    border-color: var(--clr-base-black);
    background: var(--clr-base-black);
    color: var(--public-white)
}

.fidelity .public-member-auth--login .public-member-auth__submit.public-button:hover,.fidelity .public-member-auth--login .public-member-auth__submit.public-button:focus-visible,.fidelity .public-member-auth--signup .public-member-auth__submit.public-button:hover,.fidelity .public-member-auth--signup .public-member-auth__submit.public-button:focus-visible {
    border-color: var(--clr-base-black);
    background: var(--clr-base-black);
    color: var(--public-white);
    box-shadow: 0 0 0 1px var(--clr-base-black)
}

.fidelity .public-member-auth__submit.public-button[aria-busy=true],.fidelity .public-member-auth__logout-button.public-button[aria-busy=true] {
    pointer-events: none;
    opacity: 1
}

.fidelity .public-member-auth__social.public-button {
    position: relative
}

.fidelity .public-member-auth__social.is-complete.public-button {
    border-color: var(--public-auth-success);
    background: var(--public-auth-success);
    color: var(--public-white)
}

.fidelity .public-member-auth__social--google.public-button {
    border-color: var(--public-line);
    background: var(--public-white);
    color: var(--public-ink)
}

.fidelity .public-member-auth__social--google.public-button:hover,.fidelity .public-member-auth__social--google.public-button:focus-visible {
    border-color: var(--public-ink);
    background: var(--public-surface-subtle);
    color: var(--public-ink)
}

.fidelity .public-member-auth__social--kakao.public-button {
    border-color: var(--public-line);
    background: var(--public-white);
    color: var(--public-ink)
}

.fidelity .public-member-auth__social--kakao.public-button:hover,.fidelity .public-member-auth__social--kakao.public-button:focus-visible {
    border-color: var(--public-ink);
    background: var(--public-surface-subtle);
    color: var(--public-ink)
}

.fidelity .public-member-auth__social--naver.public-button {
    border-color: var(--public-line);
    background: var(--public-white);
    color: var(--public-ink)
}

.fidelity .public-member-auth__social--naver.public-button:hover,.fidelity .public-member-auth__social--naver.public-button:focus-visible {
    border-color: var(--public-ink);
    background: var(--public-surface-subtle);
    color: var(--public-ink)
}

.fidelity .public-member-auth__submit--profile.public-button {
    width: auto;
    min-width: 140px;
    margin-top: var(--public-space-sm);
    justify-self: end
}

.fidelity .public-member-auth__new-reservation.public-button,.fidelity .public-member-auth__submit--profile.public-button,.fidelity .public-member-auth__new-reservation.public-button:hover,.fidelity .public-member-auth__new-reservation.public-button:focus-visible,.fidelity .public-member-auth__submit--profile.public-button:hover,.fidelity .public-member-auth__submit--profile.public-button:focus-visible {
    border-color: var(--public-ink);
    background: var(--public-ink);
    color: var(--public-white)
}

.fidelity .public-member-auth__password-link.public-button,.fidelity .public-member-auth__logout-button.public-button {
    border-color: var(--public-ink);
    color: var(--public-ink)
}

.fidelity .public-member-auth__password-link.public-button:hover,.fidelity .public-member-auth__password-link.public-button:focus-visible,.fidelity .public-member-auth__logout-button.public-button:hover,.fidelity .public-member-auth__logout-button.public-button:focus-visible {
    border-color: var(--public-ink);
    background: var(--public-ink);
    color: var(--public-white)
}

@media (max-width: 767px) {
    .fidelity .public-member-auth__submit--profile.public-button,.fidelity .public-member-auth__account-management-actions .public-button {
        width:100%
    }
}