/*
 * 본문 확대 — 고령 독자 대응
 *
 * 이 사이트의 주 방문자는 고령층이다. 이관 당시 구 사이트의 크기를 그대로 옮겼는데
 * 본문이 15px, 푸터의 약관 링크는 10.66px 이었다. 읽기 어려운 크기다.
 *
 * ── 왜 이런 모양의 파일인가
 *
 * 테마(screenr)는 크기를 거의 전부 px 로 박아 두었다(86곳). rem 으로 옮기는 건
 * 테마를 개조하는 일이고, 그러면 다음에 원본과 대조할 수 없게 된다.
 * 대신 **이 사이트에 실제로 존재하는 선택자만** 골라 여기서 덮어쓴다.
 * 댓글·사이드바·검색결과·404 등 쓰지 않는 선택자는 손대지 않았다.
 *
 * 레거시 커스텀 CSS(bhkorea-legacy.css)는 크기가 전부 em 이라 body 만 키우면
 * 본문 소제목들이 알아서 따라 커진다. 다만 4em~5em 짜리 장식용 대문 글씨는
 * 같이 커지면 레이아웃이 깨지므로 아래에서 현재 크기로 묶어 둔다.
 *
 * ── 배율
 *
 * 본문 1.20 · 메뉴/푸터 1.21~1.23 · 제목 1.10~1.22.
 * 제목을 덜 키우는 이유는 이미 충분히 크기 때문이다. 읽기 힘든 건 본문이다.
 * 그 결과 제목과 본문의 크기 차가 좁아지는데, 위계는 굵기와 색이 이미 만들고 있다.
 *
 * 이 파일은 screenr-base.css 보다 뒤에 실려야 한다.
 */

/* ── rem 기준. 게시판 UI(bhkorea-board.css)가 전부 rem 이라 여기에 딸려 커진다 ── */
html { font-size: 18px; }
@media (max-width: 991px) { html { font-size: 17px; } }
@media (max-width: 767px) { html { font-size: 16px; } }

/* ── 본문. 이 한 줄이 전체 글자의 90% 이상을 좌우한다 ── */
body,
button,
input,
select,
textarea { font-size: 18px; }

/* 폼 요소는 iOS 에서 16px 미만이면 탭할 때 화면을 확대해 버린다. 18px 이라 안전하다. */
textarea,
input[type="date"], input[type="datetime"], input[type="datetime-local"],
input[type="email"], input[type="month"], input[type="number"],
input[type="password"], input[type="search"], input[type="tel"],
input[type="text"], input[type="time"], input[type="url"], input[type="week"] { font-size: 18px; }

/* ── 제목 ── */
h1 { font-size: 37px; }
h2 { font-size: 29px; }
h3 { font-size: 26px; }
h4 { font-size: 24px; }
h5 { font-size: 22px; }
h6 { font-size: 19px; }

@media (min-width: 768px) {
    h1 { font-size: 44px; }
    h2 { font-size: 36px; }
}

/* ── 상단 메뉴 ── */
.nav-menu a       { font-size: 17px; }
.nav-menu ul li a { font-size: 16px; }   /* 펼침 메뉴 */

/* ── 푸터 ── */
.site-footer { font-size: 17px; }
.site-footer .site-info { font-size: 16px; }

/*
 * 푸터의 약관 링크가 10.66px 이었다.
 * 테마가 저작권 표기("Theme by …")를 작게 쓰려고 넣은 0.82em 규칙인데,
 * 이 사이트는 그 자리에 이용약관·개인정보 취급방침·이메일 무단수집 거부를 넣었다.
 * 법적 고지 링크를 본문보다 작게 둘 이유가 없다.
 */
.site-footer .site-info .theme-info p a { font-size: 1em; }

/* ── 페이지 상단 커버 제목 ── */
#page-header-cover .swiper-slide-heading { font-size: 44px; }
@media (max-width: 767px) {
    #page-header-cover .swiper-slide-heading { font-size: 34px; }
}

/* ── 표 ── */
table th { font-size: 17px; }

/*
 * ── 장식용 대문 글씨는 현재 크기로 묶는다 ──
 *
 * 아래 값들은 em 이라 body 가 15px → 18px 이 되면 그대로 20% 커진다.
 * 배경 이미지 위에 얹힌 글씨라 커지면 넘치거나 이미지를 가린다.
 * em 값을 1/1.2 로 줄여 **눈에 보이는 크기는 그대로** 유지한다.
 * (읽어야 할 정보가 아니라 장식이므로 키울 이유도 없다)
 */
.page-id-2 .main_top h3,
.page-id-2 .main_top h2 { font-size: 3.333em; }        /* 4em → 60px 유지 */

.companyCircle h1 { font-size: 4.167em; }              /* 5em → 75px 유지 */

.product_wrap .pbg2 .procduct2_2 { font-size: 3em; }   /* 3.6em → 54px 유지 */

@media (max-width: 767px) {
    .page-id-2 .main_top h3,
    .page-id-2 .main_top h2 { font-size: 1.667em; }    /* 2em → 30px 유지 */

    .product_wrap .pbg2 .procduct2_2 { font-size: 2.167em; }  /* 2.6em → 39px 유지 */
}