@import url("https://fonts.googleapis.com/css2?family=Roboto+Condensed:wght@300;400;500;600&display=swap");

    header.gnb {
      position: sticky;
      top: 0;
      z-index: 200;
      backdrop-filter: blur(10px);
      background: rgba(255,255,255,0.7);
      border-bottom: 1px solid rgba(0,0,0,0.08);
      height: 62px;
      display: flex;
      align-items: center;
    }

    .gnb-inner {
      width: 100%;
      max-width: 1440px;
      margin: 0 auto;
      height: 100%;
      padding: 0 40px;
      display: flex;
      align-items: center;
      justify-content: space-between;
    }

    .gnb-logo img {
      height: 28px;
      width: auto;
      display:block;
      cursor: pointer;
    }

    .gnb-menu {
      display: flex;
      gap: 40px;
    }

    .gnb-menu a {
      position: relative;
      text-decoration: none;
      font-size: 15px;
      font-weight: 400;
      color: #9ca3af;           /* 기본 회색 */
      letter-spacing: 0.02em;
      padding-bottom: 6px;
      transition: color .2s ease;
    }

    .gnb-menu a::after {
      content:"";
      position:absolute;
      left:50%;
      bottom:0;
      transform:translateX(-50%);
      width:0;
      height:1px;
      background:#222;
      transition:width .18s ease;
    }

    .gnb-menu a:hover {
      color:#222;
    }

    .gnb-menu a:hover::after {
      width:32px;
    }

    .gnb-menu a.is-active {
      color:#222;
    }

    .gnb-menu a.is-active::after {
      width:32px;
    }