/* 주석260824-1 */

/* 주석260918-1 */
.nav-logo { font-family: 'DM Serif Display', serif; font-size: 24px; color: var(--navy); text-decoration: none; letter-spacing: -0.5px; }
.nav-logo span { color: #85b7eb; }
html.dark .nav-logo { color: #fff; }

/* 주석260825-1 */
.nav-link[data-nav] { display: inline-flex; align-items: center; gap: 5px; }
/* 주석260918-2 */
@media (min-width: 769px) { .nav-links { column-gap: 12px; } }
/* 주석260918-3 */
.nav-rank-ico, .nav-ico { flex: 0 0 auto; width: 13px; height: 13px; position: relative; top: -0.5px; }
@media (max-width: 360px) { .nav-rank-ico, .nav-ico { width: 12px; height: 12px; } }

/* 주석260824-2 */
@media (min-width: 769px) {
  .nav-top { display: flex; align-items: center; }
  /* 주석260824-3 */
  .nav-logo { position: static !important; transform: none !important; left: auto !important; top: auto !important;
              flex: 0 0 auto !important; min-width: 0; display: inline-flex; align-items: center; justify-content: center;
              overflow: hidden; white-space: nowrap; margin: 0 auto !important; }   /* 주석260904-1 */
  .nav-util-group { flex: 0 0 auto; margin-left: 8px; }
}

/* 주석260824-4 */
@media (max-width: 768px) {
  .nav-top { display: flex !important; align-items: center !important; }
  /* 주석260918-4 */
  .nav-logo { flex: 0 0 auto !important; min-width: 0 !important; width: auto !important; height: 32px !important; margin: 0 auto !important;   /* 주석260904-2 */
              display: inline-flex !important; align-items: center !important; justify-content: center !important;
              overflow: hidden; white-space: nowrap; color: #fff !important; font-size: 22px; }
  /* 주석260918-5 */
  .nav-util-arrow { display: none !important; }
  .nav-util-group { flex: 0 0 auto !important; margin-left: 4px !important; background: #de3d8e; border-radius: 8px; height: 36px;
                    position: static !important; transform: none !important; z-index: auto; transition: none !important; }
  .nav-util-items { position: static !important; left: auto !important; top: auto !important; transform: none !important;
                    height: auto !important; max-width: none !important; opacity: 1 !important; overflow: visible !important;
                    background: none !important; box-shadow: none !important; border-radius: 0 !important;
                    padding: 0 2px !important; gap: 4px !important; }
  .nav-util-items .nav-util-btn, .nav-util-items .theme-toggle { color: #fff !important; }
  .nav-util-items .nav-util-cap, .nav-util-items .tg-caption { color: #fff !important; }
  .nav-util-items .tg-bulb .bulb-body, .nav-util-items .tg-bulb .bulb-base, html.dark .nav-util-items .tg-bulb .bulb-spark { stroke: #fff; }
}
@media (max-width: 360px) {
  .nav-util-group { height: 34px; }
  .nav-logo { font-size: 20px; height: 30px !important; }
}
/* 주석260918-6 */
@media (max-width: 371.98px) {
  .nav-util-group.expanded { transform: none !important; }
}
/* 주석260825-2 */
@media (max-width: 768px) {
  .nav-bottom { display: flex !important; }
  /* 주석260825-3 */
  .nav-links { display: flex !important; width: 100%; justify-content: space-between; gap: 0; flex-wrap: nowrap !important; }
  /* 주석260825-4 */
  /* 주석260825-5 */
  .nav-links .nav-link { flex: 0 1 auto; min-width: 0; justify-content: center; white-space: nowrap;
                         padding-left: 11px !important; padding-right: 11px !important; }
}
@media (max-width: 360px) {
  .nav-links .nav-link { padding-left: 7px !important; padding-right: 7px !important; }
  .nav-link[data-nav] { gap: 4px; }
}