/**
 * common-layout.pc.css — 헤더·레이아웃 데스크톱 보강 (768px 이상)
 *
 * common-layout.base.css 와 함께 로드. index.*.pc.css 와 동일한 미디어 조건을 사용합니다.
 */

@media screen and (min-width: 768px) {
  .header-inner {
    padding: 16px 24px;
  }

  .logo {
    font-size: 1.125rem;
  }

  .header-nav {
    display: flex;
    flex-direction: row;
    position: static;
    background: transparent;
    padding: 0;
    border-bottom: none;
    box-shadow: none;
  }

  .header-nav.is-open {
    flex-direction: row;
    position: static;
    top: auto;
    left: auto;
    right: auto;
    background: transparent;
    padding: 0;
    border-bottom: none;
    gap: 28px;
    box-shadow: none;
  }

  .header-nav.is-open a {
    display: revert;
    padding: 0;
    font-size: 0.9375rem;
    border-bottom: none;
    min-height: auto;
  }

  .header-nav.is-open .btn-cta {
    margin-top: 0;
    text-align: inherit;
    justify-content: unset;
  }

  .menu-toggle {
    display: none;
  }
}