@media (min-width: 768px) {
  nav.-tab-bar {
    display: none;
  }
}
@media (max-width: 767px) {
  nav.-tab-bar {
    position: fixed;
    left: 0;
    bottom: 0;
    width: 100%;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 8px;
    padding-bottom: max(8px, env(safe-area-inset-bottom));
    z-index: var(--z-tab-bar);
    -webkit-user-select: none;
       -moz-user-select: none;
            user-select: none;
    min-width: 320px;
    -webkit-backdrop-filter: blur(40px);
            backdrop-filter: blur(40px);
  }
  nav.-tab-bar::before, nav.-tab-bar::after {
    content: "";
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: -1;
  }
  nav.-tab-bar::before {
    background-color: var(--color-white);
    opacity: 0.9;
  }
  nav.-tab-bar::after {
    box-shadow: 0px -4px 8px 0px rgba(0, 0, 0, 0.1);
    opacity: 0;
    transition: opacity 0.2s ease;
  }
  nav.-tab-bar.-float::after {
    opacity: 1;
  }

  footer.-footer {
    padding-bottom: var(--height-tab-bar);
  }

  /* 모바일 화면의 하단에 제휴처 갯수 뱃지형태로 표시 */
  .count_alliance_badge { position: relative; }
  .count_alliance_badge .alliance_badge { padding: 4px 4px; background-color: #8B0000; color: #fff; border-radius: 100px; z-index: 10; position: absolute; top: -2px; left: 55%; font-size: 9px;line-height: 1.2; }

}
nav.-tab-bar ul {
  display: flex;
}
nav.-tab-bar ul li {
  flex: 1;
  font-size: var(--text-size-caption2);
  line-height: var(--text-height-label2);
  letter-spacing: var(--text-spacing-label2);
  font-weight: 500;
  color: var(--color-gray-080);
}
nav.-tab-bar ul li a svg {
    transform: scale(1.15);
}

nav.-tab-bar ul li.-active {
  color: var(--color-gray-095);
}
nav.-tab-bar ul li.-active span {
  font-weight: 600;
}

nav.-tab-bar ul li:not(.-active) svg:nth-child(2){
    display:none;
}

nav.-tab-bar ul li.-active svg:nth-child(1){
    display:none;    
}




nav.-tab-bar ul li a {
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 4px;
  justify-content: center;
}

/*# sourceMappingURL=style.css.map */