main {
  background: #f8f8f8;
}

.header-main.content-width {
  min-height: 132px;
  display: grid;
  grid-template-areas: 'logo search app'
    'nav nav nav';

  .search-box {
    grid-area: search;
  }

  nav {
    grid-area: nav;
  }

  .header-right {
    grid-area: app;
    justify-self: end;
  }
}

#header {
  background: #f5f5f5;
  border-bottom: 1px solid #eae0e0;

  .search-box {
    width: 480px;
    height: 40px;
  }

  .header-main {
    justify-content: space-between;
    min-height: 120px;
  }

  nav:not(.nav-fixed) {
    padding-top: 10px;

    li {
      margin-right: 1px;
      border-radius: 4px 4px 0 0;

      .nav-tag {
        top: -14px;
      }

      a {
        text-decoration: none;
        padding: 0 18px;
        line-height: 32px;
        font-size: 16px;
      }

      &.nav_list_hover,
      &:hover {
        color: white;
        background: var(--primary-color);
      }

      &::after {
        display: none;
      }
    }
  }

}