/* 레이아웃 CSS */
@media all and (max-width:1024px) { 
    .footer_gnb .inner {padding-left: 0px !important; padding-right: 0px !important;}
    .footer_copy .inner {padding-left: 0px !important; padding-right: 0px !important;}
}



.footer_nav {
  position: fixed; bottom: 0; left: 0; width: 100%; height: 60px;
  background: #fff; border-top: 1px solid #ececec; backdrop-filter: blur(6px);
  z-index: 1000; padding-bottom: env(safe-area-inset-bottom);
}
.footer_nav_grid {
  display: grid; grid-template-columns: repeat(5, 1fr); height: 100%;
}
.footer_nav_item {
  display: flex; flex-direction: column; align-items: center; justify-content: center;
  gap: 4px; font-size: 11px; color: #48546e; text-decoration: none;
  cursor: pointer;
}
.footer_nav_item i {
  font-size: 22px; opacity: .45; transition: opacity .25s, color .25s;
}
.footer_nav_item.active {
  font-weight: 600;
}
.footer_nav_item.active i {
  opacity: 1;
  color: #0069a2;
}
.footer_nav_item.active span {
  color: #0069a2;
}

.footer_nav_item i {
  opacity: .45;
}
.footer_nav_item.active i {
  opacity: 1;
  color: #0069a2;
}

/* 다크모드 */
@media (prefers-color-scheme: dark) {
  .footer_nav {
    background: #101214; border-top-color: #232628;
  }
  .footer_nav_item {
    color: #9da3ad;
  }
  .footer_nav_item.active i {
    color: #1cb370;
  }
}

/* PC에서는 숨김 */
@media (min-width: 769px) {
  .footer_nav {
    display: none;
  }
}