/* 메뉴가 4개가 되면서 좁은 화면에서 글자가 세로로 쪼개지던 문제를 막는다. home.css(v5·v6)는 고치지 않고 이 파일을 뒤에 붙인다. */
.logo, .menu a { white-space: nowrap; }
@media (max-width: 480px) {
  .bar .wrap { gap: 8px; }
  .bar .logo { font-size: 17px; gap: 8px; }
  .bar .logo svg { width: 26px; height: 26px; }
  .menu { gap: 0; }
  .menu a { padding: 0 6px; font-size: 14px; }
}
@media (max-width: 400px) { .menu .nl { display: none; } }