@charset "utf-8";

/* 원본 메뉴(24px, 좌우 50px)는 1920px 기준이라 그보다 좁은 PC 화면에서 로고·전화번호와 겹친다.
   1340px(헤더 최소 폭)에서 18px/11px, 1920px에서 원래 값이 되도록 화면 폭에 비례해 줄인다. */
/* 원본 상단 배너는 1080px 고정이라 화면 세로가 그보다 긴 모니터(예: QHD 100%)에서는 아래가 빈다.
   PC에서는 1080px와 화면 높이 중 큰 값으로 채운다. 페이지 중간 띠 배너(.section_marketing4 등)는 그대로 둔다. */
@media (min-width: 1025px) {
  .content-feature .box_visual {
    height: max(1080px, 100vh);
  }
}

@media (min-width: 1025px) and (max-width: 1919px) {
  .doc-gnb .list_gnb .link_gnb {
    font-size: clamp(18px, calc(18px + (100vw - 1340px) * 0.0103), 24px);
    padding: 0 clamp(11px, calc(11px + (100vw - 1340px) * 0.0672), 50px);
  }
}