/* ==========================================================================
   메인·공통 보조 스타일 (index.html, 그누보드 페이지 공통)
   - 원본 템플릿(병원 사이트)의 onda·fidelity-popup 등 쓰지 않는 규칙은 2026-10-20 정리
   - 화면 질감(노이즈): assets/images/common/aw-noise.svg (자체 제작 SVG, 외부 서버 참조 없음)
   - 한 줄에 규칙 하나 (원본이 압축된 형태라 그대로 유지)
   ========================================================================== */
.fidelity{height:auto;min-height:0;font-family:Pretendard,Arial,sans-serif;font-size:16px;line-height:1.5;position:static}
.fidelity main{overflow:clip visible}
.fidelity .swiper-wrapper{box-sizing:content-box;width:100%;height:100%;display:flex;position:relative}
.fidelity .swiper-slide{flex-shrink:0}
.fidelity .public-home-hero .swiper-wrapper{display:block}
.fidelity .public-home-hero__slide{opacity:0;pointer-events:none;transition:opacity 1.25s;position:absolute;inset:0}
.fidelity .public-home-hero__slide.swiper-slide-active{opacity:1;pointer-events:auto;z-index:1}
@media (prefers-reduced-motion:no-preference){.fidelity .public-home-hero__slide.swiper-slide-active .public-home-hero__copy{animation-duration:2.2s}}
.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 .aw-product .swiper-wrapper{touch-action:pan-y;height:auto}
.fidelity .aw-product__swiper{touch-action:pan-y}
.fidelity .public-header__nav .has-children:focus-within .public-header__sub{opacity:1;visibility:visible;pointer-events:auto}
.fidelity .aw-portfolio__track{will-change:transform;width:max-content;display:flex}
@media (prefers-reduced-motion:reduce){.fidelity .public-home-hero__slide{transition:none}}
.fidelity .aw-product .swiper-wrapper{gap:16px}
@media (min-width:768px){.fidelity .aw-product .swiper-wrapper{gap:48px}}
@media (min-width:1200px){.fidelity .aw-product .swiper-wrapper{gap:160px}}
@media (min-width:1600px){.fidelity .aw-product .swiper-wrapper{gap:260px}}
.fidelity:not([data-fidelity=chrome]):after{content:none}
.fidelity{font-family:var(--family-base,Pretendard, Arial, sans-serif);font-size:var(--body-md-fs);font-weight:var(--body-md-fw);line-height:var(--body-md-lh)}
html{scrollbar-width:auto}
html::-webkit-scrollbar{width:8px;height:8px}
html::-webkit-scrollbar-track{background:var(--color-bg-02)}
html::-webkit-scrollbar-thumb{background:#93877a;border-radius:8px}
.fidelity .public-header__nav-link.is-current>span:after{transform:scaleX(1)}
html.lenis.lenis-smooth{scroll-behavior:auto!important}
.fidelity .no-floating-cta__btn--instagram{position:relative}
body.aw-surface:after{content:"";z-index:100000;opacity:.18;pointer-events:none;background-image:url(../images/common/aw-noise.svg);background-repeat:repeat;background-size:128px 128px;position:fixed;inset:0}
@media print,(forced-colors:active){body.aw-surface:after{content:none}}
html:has(body.aw-surface){scrollbar-gutter:stable}
html.aw-home-scroll{scroll-behavior:auto}
html.lenis.lenis-stopped:has(body.aw-surface){overflow:hidden}
.fidelity .aw-portfolio__item{position:relative}
.fidelity .aw-flooring__media:after,.fidelity .aw-portfolio__item:after{content:"";opacity:.08;pointer-events:none;background:url(../images/common/aw-noise.svg) 0 0/128px 128px;position:absolute;inset:0}
@media print,(forced-colors:active){.fidelity .aw-flooring__media:after,.fidelity .aw-portfolio__item:after{content:none}}
main :is(h1,h2,h3,h4,p,li,a,summary,span){overflow-wrap:anywhere}
:is(html:lang(ja),html:lang(zh)) main :is(h1,h2,h3,h4,p,li,a,summary,span){word-break:normal}
.fidelity .aw-process__label{flex-shrink:0}
.fidelity .aw-contact__content{min-width:0;max-width:100%}
.fidelity .aw-contact__title,.fidelity .aw-contact__description,.fidelity .aw-contact__title span:first-child{white-space:normal;max-width:100%}
@media (max-width:767px){.fidelity .aw-contact__description{max-width:min(320px,100%)}}