/* 기존 CSS(style.css, substyle.css) 위에 덧대는 보정 — 주로 모바일에서 화면이 옆으로 넘치던 부분 */

/* 전체 글꼴을 Pretendard 로 통일.
   기존 CSS와 게시글 본문의 인라인 글꼴 지정까지 덮어쓰기 위해 !important 사용.
   아이콘 글꼴(Font Awesome 등)을 쓰는 요소는 제외한다. */
html,
body,
body *:not(i):not(.fa):not(.fas):not(.far):not(.fab):not(.fa-solid):not(.fa-regular):not(.fa-brands) {
  font-family: 'Pretendard Variable', Pretendard, -apple-system, BlinkMacSystemFont, system-ui, 'Apple SD Gothic Neo',
    'Noto Sans KR', 'Malgun Gothic', sans-serif !important;
}

/* 넓은 표는 표 안에서만 좌우로 스크롤 */
.table-scroll {
  max-width: 100%;
  overflow-x: auto;
  -webkit-overflow-scrolling: touch;
}

/* 오시는길 지도가 화면보다 넓어지지 않게 */
#intro_con6 .root_daum_roughmap {
  max-width: 100%;
}
#intro_con6 .root_daum_roughmap .wrap_map {
  max-width: 100%;
}

@media all and (max-width: 800px) {
  /* 공평성선언문: PC 고정폭(1200px)이 모바일에 그대로 적용되던 문제 */
  .pro3_c1 {
    width: 100%;
    padding: 0 10px;
    box-sizing: border-box;
    font-size: 16px;
  }
  .pro3_c1 p {
    margin: 40px 0;
  }

  /* 회사소개: 사진 위 글상자가 화면 밖으로 나가던 문제 */
  #sub-con1-1_text,
  #sub-con1-3_text {
    max-width: calc(100% - 60px);
  }

  .table-scroll > table {
    min-width: 560px;
  }

  /* 푸터: PC용 고정 간격·비율 때문에 SNS 링크가 잘리고 하단 링크가 겹치던 문제 */
  #ft .ft_top {
    height: auto !important;
    padding: 14px 0;
  }
  #ft .ft_top_inner {
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 14px !important;
    width: 100%;
    padding: 0 15px;
    box-sizing: border-box;
  }
  #ft .ft_top_inner > ul:not(#ft_link) {
    width: 100% !important;
    height: auto !important;
    flex-wrap: wrap;
    justify-content: center !important;
    gap: 12px 22px;
  }
  #ft .ft_top_inner > ul:not(#ft_link) li {
    margin-right: 0 !important;
  }
  #ft_link {
    flex-wrap: wrap;
    justify-content: center;
    gap: 4px 18px;
  }
  #ft_link li {
    width: auto !important;
    white-space: nowrap;
  }
  #ft_link li:last-child {
    width: 100% !important;
    justify-content: center !important;
  }
  #ft_link li a:after {
    display: none;
  }
  #changeFooter {
    margin-left: 0 !important;
  }
}