.fix-bottom-nav{width:100%;min-height:var(--fix-bottom-nav-height);padding-bottom:var(--fix-safe-area-bottom);background-color:#fff;box-shadow:0 -8px 12px #13100f0d}.fix-bottom-nav--fixed{z-index:30;margin:0 auto;position:fixed;bottom:0;left:0;right:0}.fix-bottom-nav__list{width:100%;min-height:var(--fix-bottom-nav-height);justify-content:space-between;align-items:stretch;display:flex}.fix-bottom-nav__item{flex:1 1 0;min-width:0;display:flex}.fix-bottom-nav__link{min-width:0;padding:max(8px,.5 * (-24px + var(--fix-bottom-nav-height) - var(--fix-bottom-nav-icon-size,22px))) 0 8px;color:#ccc;text-align:center;-webkit-tap-highlight-color:transparent;transition:color var(--fix-motion-fast) ease,transform var(--fix-motion-fast) ease;border-radius:20px;outline:none;flex-direction:column;flex:auto;justify-content:flex-start;align-items:center;gap:4px;display:flex}.fix-bottom-nav__link:focus-visible{outline:none}.fix-bottom-nav__link:focus-visible .fix-bottom-nav__label{text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:2px}.fix-bottom-nav__link:active{transform:translateY(1px)}.fix-bottom-nav__link--active{color:#ff8c00}.fix-bottom-nav__link--active .fix-bottom-nav__label{color:#13100f}.fix-bottom-nav__icon{width:var(--fix-bottom-nav-icon-size,22px);height:var(--fix-bottom-nav-icon-size,22px);transition:transform var(--fix-motion-fast) var(--fix-motion-ease);position:relative}.fix-bottom-nav__icon:before{content:"";border:2px solid;border-radius:4px;position:absolute;inset:3px}.fix-bottom-nav__link--active .fix-bottom-nav__icon{transform:translateY(-1px)}.fix-bottom-nav__label{letter-spacing:0;white-space:normal;word-break:keep-all;overflow-wrap:anywhere;max-width:100%;font-family:Pretendard,sans-serif;font-size:.875rem;font-weight:500;line-height:1.25rem}.main-nav{--fix-bottom-nav-icon-size:28px}.nav-icon{width:var(--fix-bottom-nav-icon-size,28px);height:var(--fix-bottom-nav-icon-size,28px);display:block}