@charset "utf-8";
/* ----------------------------------------------------------------------------------------------
 *                 ORANGE-PMI PLATFORM  Version 2.0.0 - Last modified 2026-09-29
 *           Modular Web Architecture · Powered by Orangecommunication · www.oranc.net
 * ----------------------------------------------------------------------------------------------
 * 공통 UI 의 디자인 토큰 — 색 · 치수. 컴포넌트 CSS 가 읽는 값의 **기본값**이 여기 있다.
 *
 * variables.css (public_html/main/asset/css) — 이 사이트의 base.php 가 **맨 먼저** 건다.
 *   `asset('site::css/variables.css')` — **이 사이트 소유**다.
 *
 *   ── 이 파일이 gwizard 와 다른 이유 ──────────────────────────────────────────
 *   여기는 **사용자쪽(방문자) 사이트**다. gwizard 는 관리자 화면이라 빽빽하고 진하지만,
 *   이쪽은 레거시 홈페이지의 성긴 여백과 밝은 표가 그대로여야 한다(사용자 지시 2026-09-22
 *   "레거시 같은 화면을 만드는 것"). **규칙(form·table·ui.css)은 gwizard 와 한 글자도 다르지
 *   않고, 갈리는 것은 이 파일의 값뿐이다** — 그러라고 나눠 둔 자리다.
 *     ⚠ 반대로 **규칙을 고칠 때는 양쪽을 같이 본다.** 2026-09-21 이전에 이 복제로 이 사이트가
 *       gwizard 의 수정을 3일간 못 받은 적이 있다(에러는 나지 않았다).
 *
 *   ── 값의 출처 ───────────────────────────────────────────────────────────────
 *   아래 `[구 …]` 는 **레거시 원본**의 자리다 (`public_html_reg/main/css/`·`_skin/board/basic/`).
 *   확인된 것만 옮겼다 — 레거시에 근거가 없는 토큰은 **gwizard 값 그대로 두었다**(추측 ✗,
 *   작업 수칙 2). 그 줄에는 `※ 레거시 근거 없음` 을 적어 두었으니, 사용자쪽 화면을 붙이면서
 *   실제 모양이 보이면 그때 정한다.
 *
 *   ── 무엇이 토큰이 되나 ──────────────────────────────────────────────────────
 *   아무 값이나 올리지 않는다. 셋 중 하나일 때만 올린다:
 *     ① 사이트가 바꿀 축    — 주조색 · 알림색 · 컨트롤 높이
 *     ② 여러 곳이 같이 움직여야 하는 값 — 한쪽만 고치면 어긋나는 것
 *     ③ 파일을 넘어 공유되는 값         — 컴포넌트 CSS 와 사이트 CSS 가 함께 읽는 것
 *
 *   ⚠ **레거시 프론트 토큰(`--color1`·`--point1`·`--space-*` …)은 여기 없다** — 그쪽은
 *     `layout.css` 의 `② root` 절에 옛 이름 그대로 살아 있고, 이 사이트의 홈페이지 마크업이
 *     읽는다. 이름이 하나도 겹치지 않아 **두 벌이 섞이지 않는다**. 이 파일은 `c-*` 컴포넌트의
 *     값이고, 그 값을 레거시 토큰에서 **베껴 온 것**이다(아래 `[구 --color1]` 같은 표시).
 *     ✗ `var(--color1)` 로 **참조하지 않는다** — 그러면 로드 순서에 매이고(layout.css 가 뒤다),
 *       레거시 절을 걷어낼 때 이 파일이 통째로 깨진다. 값을 적어 둔다.
 *
 *   ── 2026-09-29 KRDS(정부 디자인 시스템) 값 ────────────────────────────────────
 *   폼·표의 값을 KRDS 토큰(krds-uiux 1.1.0 `krds_tokens.css`)에서 옮겼다 — 사용자 지시 "폼·표 스타일을 정부 표준으로".
 *   바뀐 줄마다 `KRDS …` 로 출처를 적었다. 주조색(--color-primary)은 이 사이트 것을 그대로 두었다 — KRDS 는 값을 못 박지
 *   않고 "정부 청색 계열" 만 권한다. 회색·간격·높이는 KRDS 그대로다: gray-5 #f4f5f6 · 20 #cdd1d5 · 30 #b1b8be ·
 *   40 #8a949e · 50 #6d7882 · 60 #58616a · 70 #464c53 · 95 #131416 / 높이 40·48·56 / 여백 8·12·16 / 대비 40→3:1 · 50→4.5:1.
 *   아이콘은 `asset/img/icon/`(KRDS 세트, 같은 날 내려받음) — form.css 의 select 화살표·체크 표시, ui.css 의 c-ico 가 읽는다.
 * ---------------------------------------------------------------------------------------------- */


:root {

/*  주조색 — 강조 · 활성 · 채움 버튼  ============================================================
    사용자쪽의 주조색은 **진한 남색**이다(관리자의 밝은 파랑과 다르다).
    채움 계열 셋은 색이 아니라 **무채색**이다 — 레거시 게시판의 [등록하기] 가 짙은 회색이었다.  */
	--color-primary			: #003d97;	/* 강조 — 묶음 제목 고리 · 탭 활성            [구 --color1] */
	--color-primary-ink		: #001B54;	/* 그 진한 쪽 — 강조된 글자와 눌린 테두리      [구 --color4] */
	--color-fill			: #444;		/* 채움 버튼 바탕                             [구 .bbs_btn01] */
	--color-fill-border		: rgba(0,0,0,.2);	/* 〃 테두리                          [구 .bbs_btn01] */
	--color-fill-hover		: #101821;	/* 〃 hover                                   [구 .bbs_btn01:hover] */
	--color-blue			: #187ad2;	/* 라인 버튼(파랑)                            [구 --color2] */

/*  알림색 — 필수 · 위험 · 도움말 · 변경  ========================================================  */
	--color-danger			: #e2453c;	/* 필수 표시(*) · 숨김.  ※ 레거시 근거 없음 — `.required` 에 색 규칙이 없었다 */
	--color-danger-ink		: #b3261e;	/* 그 눌린 쪽.           ※ 레거시 근거 없음 */
	--color-danger-bg		: #fdf1f0;	/* 플래시 오류 상자 바탕 — 강조선·글자는 위 danger 두 값 */
	--color-done			: #2e9e5b;	/* 됐다 — 플래시 성공 상자 강조선 */
	--color-done-ink		: #1f7a44;	/* 〃 글자 */
	--color-done-bg			: #f1faf4;	/* 〃 바탕 */
	--color-black			: #333;		/* 라인 버튼(검정) — 삭제류.  ※ 레거시 근거 없음 */
	--color-red				: #fc6562;	/* 라인 버튼(빨강)                            [구 --point1 포인트 컬러] */
	--color-off				: #c00;		/* 사용안함 상태 글자.   ※ 레거시 근거 없음 */
	--color-help			: #464c53;	/* 도움말 글자 — 2026-09-29 KRDS text-subtle(gray-70). 2026-09-23 지정값 #de8c55(주황)은 흰 바탕에서 3:1 이 안 나와 바꿨다 */
	--color-notice			: #fe6600;	/* 안내 상자 강조선 — 옛 --color-help 값. 도움말 글자와 갈랐다(2026-09-23).
										   ⚠ 안내 상자(c-notice)는 2026-09-30 에 아래 --color-info 축으로 옮겼다 — 이 셋은
										     회원 스킨의 제 틀(c-steps·c-agree, skin/member/basic/asset/style.css)이 쓴다 */
	--color-notice-border		: #ffd7b5;	/* 〃 테두리 */
	--color-notice-bg			: #fff8f2;	/* 〃 바탕 */

/*  정보(information) — KRDS 시스템 색 넷(danger · warning · success · information) 중 '정보' 축.
    ★ 값의 출처는 KRDS 토큰 그대로다 — `--krds-color-light-information-{5,10,50,60}`
      (krds-uiux 1.1.0 `resources/css/token`). 쓰는 자리도 KRDS 규칙(style_02 "시스템 색")을 따른다:
        아이콘 50 · 글자 60 · 배경 5 · 테두리 10.
    ★ 지금 읽는 곳은 안내 상자(c-notice, form.css)와 홈페이지 운영상태 안내(site-status.css). 경고(`--color-warn-*`, warning)는
      2026-10-15 같은 규칙으로 더했다 — 성공이 필요해지면 그 아래에. 값은 KRDS 토큰에서 그대로 가져온다.  */
	/* ★ 2026-10-20 사용자 시안 값으로 바꿨다("인포 스타일 전체 통일") — 전엔 KRDS 토큰 #0b78cb · #096ab3 · #d3ebfd · #e7f4fe.
	     읽는 곳 전부(c-notice · c-callout · c-badge--sky · c-pwchip · site-status)가 같이 바뀐다. 대비: #1f6fd2 / #f3f8fe = 4.9:1 */
	--color-info			: #1f6fd2;	/* 아이콘 · 링크 */
	--color-info-ink		: #1f6fd2;	/* 강조 글자 */
	--color-info-border		: #cfe0f5;	/* 테두리 */
	--color-info-bg			: #f3f8fe;	/* 바탕 */
	--color-warn			: #9e6a00;	/* 아이콘 (warning-50) — 2026-10-15 신설, 홈페이지 점검 중 안내(site-status.css) */
	--color-warn-ink		: #8a5c00;	/* 글자   (warning-60) */
	--color-warn-border		: #ffe0a3;	/* 테두리 (warning-10) */
	--color-warn-bg			: #fff3db;	/* 바탕   (warning-5)  */
	--color-success			: #228738;	/* 아이콘 (success-50) — 2026-10-20 신설, 배지(c-badge 초록 계열 — ui.css)가 읽는다. 시스템 색 넷 중 마지막으로 들어온 축 */
	--color-success-ink		: #267337;	/* 글자   (success-60) */
	--color-success-border	: #d8eedd;	/* 테두리 (success-10) */
	--color-success-bg		: #eaf6ec;	/* 바탕   (success-5)  */
	--color-changed			: #e8912d;	/* 기본값에서 벗어난 입력 — 테두리.  ※ 레거시 근거 없음 */
	--color-changed-ink		: #b96a0c;	/* 〃 글자.              ※ 레거시 근거 없음 */

/*  글자  ========================================================================================  */
	--color-dark			: #646c75;	/* 어두운 채움 버튼 바탕.  ※ 레거시 근거 없음(정렬 화살표가 사용자쪽에 없다) */
	--color-ink				: #444;		/* 버튼 글자·테두리                           [구 .bbs_btn02] */
	--color-mute			: #6d7882;	/* 흐린 글자 — 부차 정보. 2026-09-29 KRDS gray-50(흰 바탕 4.5:1). 구 #999 는 2.8:1 로 KRDS 글자 최소 대비에 못 미쳤다 */
	--color-disabled		: #8a949e;	/* 못 누름 · 값 없음 · 잠긴 입력의 글자 — 2026-09-29 KRDS gray-40(3:1). 구 #ccc */
	--color-placeholder		: #8a949e;	/* 2026-09-29 KRDS text-disabled 와 같은 값. 구 #bbb */

/*  테두리 · 바탕  ================================================================================  */
	--border-color			: #58616a;	/* 입력칸 · 버튼 테두리 — 2026-09-29 KRDS input-border(gray-60). 2026-09-23 #98a0b0 에서 한 단계 더 어둡다 */
	--border-color-select	: var(--border-color);	/* select 도 **같은 선**이다 — 값을 적지 않고 입력칸 것을 참조한다(사용자 지시 2026-09-23). 관리자쪽은 제 값(한 단계 옅음)을 그대로 쓴다 */
	--border-color-focus	: var(--color-primary);	/* 포커스 — 2026-09-29 KRDS 로 주조색 2px(테두리 1 + outline 1, form.css). 구 회색 #888 [구 .input_form:focus] */
	--border-color-cell		: #cdd1d5;	/* 표 칸 **가로선** — 2026-09-29 KRDS divider-gray-light(gray-20). 세로선은 없다(table.css). 구 #e0e0e0 */
	--border-color-label	: #cdd1d5;	/* 입력형 표의 라벨 칸 — 값 칸과 **같은 값** */
	--border-color-disabled	: #b1b8be;	/* 잠긴 입력칸 테두리 — KRDS input-border-disabled(gray-30). 2026-09-29 신설 */
	--bg-disabled			: #cdd1d5;	/* 잠긴 입력칸 바탕 — KRDS input-surface-disabled(gray-20). 2026-09-29 신설 */

/*  표 머리줄 — **다섯이 한 덩어리**로 사이트가 바꾸는 축이다 (2026-09-22).
    사용자쪽은 **밝은 회색 바탕 + 검은 글자**다 — 관리자의 진한 바탕 + 흰 글자와 정반대다.
    레거시에서도 두 사이트가 같은 `.gtable` 을 다른 값으로 그렸다(그 갈림을 값으로 옮긴 것이다).
    ⚠ 다섯을 **같이** 고친다 — 바탕만 밝게 하고 글자를 흰색으로 두면 글자가 사라진다.
    규칙은 `table.css` 한 벌이다.                                        [구 .gtable thead th]  */
	--bg-thead				: #f4f5f6;	/* 〃 바탕 — 중립 회색(KRDS gray-5). 2026-09-29 사용자 지시 — 키트 기본값의 청회색(secondary-5 #eef2f7)은 뺐다. 구 #f2f2f2 */
	--color-thead-ink		: #131416;	/* 〃 글자 — KRDS text-bolder(gray-95). 구 #111 */
	--color-thead-link		: inherit;	/* 〃 링크(정렬) — 레거시는 색을 **주지 않았다**(그 줄이 주석 처리돼
										   있었다). 밝은 바탕이라 본문색 그대로가 맞다 */
	--border-color-thead	: #cdd1d5;	/* 〃 위아래 선 — 본문 칸 가로선과 같은 중립 회색(gray-20). 구 청회색 #d6e0eb · #d3d3d3 */
	--thead-weight			: 600;		/* 〃 글자 굵기 — 2026-10-20 700 → 600 (사용자 지시 "조금 줄여줘" — 글자를 내린 뒤 머리줄이 무거워 보였다). KRDS 는 400/700 둘뿐이라 한 단계 비켜 선 값. 입력형 라벨(tbody th, table.css)과 같은 굵기 */

	--bg-label				: #f4f5f6;	/* 입력형 표의 라벨 칸 — KRDS surface-gray-subtler(gray-5). 구 #f2f2f3 */
	--color-label-ink		: #333;	/* 입력형 표의 라벨 칸 글자 — 2026-09-23 사용자 지시 — 상속값(#555)보다 한 단계 어둡게 */
	--bg-switch				: #d1d5db;	/* 토글 스위치 꺼짐 바탕 — 켜짐은 --color-primary (2026-09-23) */
	--bg-seg-on				: #eaf2fe;	/* 분절 선택에서 고른 칸.  ※ 레거시 근거 없음 */
	--bg-row-hover			: #f9fafb;	/* 행 hover — 2026-10-21 사용자 "연하게" (#f4f5f6 KRDS gray-5 → 한 단 연하게. 그 전은 구 노랑 #feffd3) */
	--bg-btn-hover			: #101821;	/* 버튼 hover 바탕 — 관리자(#444)보다 어둡다  [구 .bbs_btn01:hover] */

/*  글자 크기  ====================================================================================
    ★ **뿌리는 `html`(layout.css) 이고 이 사이트는 16px 이다**(좁은 화면 15px) — 2026-10-20 사이트 전체를 한 단계 내렸다. 그 전엔 레거시 그대로 17(좁은 화면 16).
      ⚠ 2026-09-29 부터 **본문 콘텐츠 안에서는 아래 `.sub_cont` 블록이 이 넷을 덮는다** — 기준이 `--content-font`(px) 하나다. 여기 rem 값은 그 밖의 기본.
      ⚠ 2026-10-01 부터 **모달도 그 기준을 읽는다**(`.c-modal` — ui.css). `window.modal()` 이 body 직속으로 붙여 `.sub_cont` 밖이라, 콘텐츠만 줄면 모달이 안 따라왔다.
      아래 값은 그 뿌리의 배수(`rem`)다. `rem` 은 **늘 뿌리 기준**이라 어디에 중첩돼도 결과가 같다.
    ★ **새로 쓰는 곳은 `em` 이 아니라 이 토큰을 읽는다.** `em` 은 **부모 기준**이라 겹치면 곱해진다 —
      0.9em 안의 0.85em 은 0.77em 이 되어, 화면을 보기 전에는 결과를 알 수 없다. 그래서 기준이 필요했다.

    ★★ **단위는 영역이 정한다 — 이 표가 정본이다** (2026-09-30 사용자 지시 "레이아웃과 콘텐츠 글자를 따로").
        두 기준을 **따로 돌리려고** 나눈 것이다. 섞어 쓰면 한쪽 값을 고칠 때 다른 쪽이 같이 움직인다.

        | 영역 | 기준 한 값 | 단위 | 어디 |
        |---|---|---|---|
        | 셸(인터페이스) | `html {font-size}` — layout.css, 16px(좁으면 15) | **rem** | layout.css ④ layout · ⑤ main |
        | 콘텐츠·모달    | `:root {--content-font}` — 위 블록, 17px(580 이하 16) | **em** 또는 `var(--font-size-*)` | layout.css ① guava · ③ common · ⑥ sub · ⑦ program · ui·form·table·utilities |
        | 알갱이         | 제 글자 크기 | **em** | 버튼 · 배지 · 태그 · 아이콘 — 어느 영역에 놓이든 |

        · 셸에서도 **부모 글자에 비례해야 하는 자리는 em 이 맞다** — 푸터 주소(0.95em 안의 0.95em)·홈 카드·모바일
          메뉴가 그렇다. 2026-09-30 에 셸을 rem 으로 옮길 때, **rem 으로 바꿔도 결과가 같다고 브라우저로 증명된
          55곳만** 옮기고 나머지 54곳은 em 으로 두었다 — 그래서 그날 화면은 38장 전부 픽셀 단위로 같았다.
        · 여백·높이는 글자에 안 묶인다 — 레거시 유틸(`.mt10`·`.pall15`·`.h100p`)은 **px** 이고 이름이 곧 값이다.
        · 검증법: `--content-font` 를 올려 셸이 안 움직이면, `html` 을 올려 콘텐츠가 안 움직이면 된다.
        · ⚠ **모달은 DOM 위치가 두 갈래다** — 스킨이 콘텐츠 안에 렌더하는 것과 `window.modal()` 이 body 에 붙이는 것.
          그래서 상속에 맡기면 같은 모달인데 크기가 갈린다(2026-10-01 실측: 520px 에서 15 대 16). `.c-modal` 이
          기준과 배수 셋을 **직접 읽어** 어디 붙든 같게 만든다 — 그 블록 주석에 이유.  */
	/*  ★ **콘텐츠 글자 기준** — 이 한 값이 콘텐츠(.sub_cont)와 **모달**(.c-modal)을 같이 통제한다.
	    2026-10-01 에 `.sub_cont` 에서 여기로 올렸다: 모달은 `window.modal()` 이 **body 직속**으로 붙여
	    `.sub_cont` 안에 없다 — 그래서 콘텐츠만 줄면 모달은 PC·모바일이 똑같았다(사용자 지적).
	    뿌리에 두면 어디에 붙든 같은 기준을 본다. 아래 모바일 미디어쿼리도 **이 줄 하나**만 바꾼다.  */
	--content-font			: 17px;		/* 2026-10-21 16 → 17 (사용자 지시 "컨텐츠영역 기본 폰트를 하나만 올려줘"). 2026-10-20 17 → 16 (사용자 지시 "기본 글자 크기를 좀 줄여야겠어" — 마이페이지 표가 커 보였다). 셸(html 17)은 그대로 */
	--font-size-base		: 1rem;		/* 본문 — 뿌리 그대로 (16px) */
	--font-size-sm			: 0.9rem;	/* 보조 — 표 안·부차 정보·**설명(c-help)** (14.4px). 2026-09-30 에 잔글씨(xs 0.825=14)를 없애고 여기로 합쳤다 — 그 배수엔 근거가 없었고 KRDS 단계(19/17/15/13)에도 14 가 없다 */
	--font-size-lg			: 1.2rem;	/* 소제목 (19.2px) */

/*  치수  ========================================================================================
    ★ `--control-height` 는 **한 줄에 나란히 서는 것들의 공통 높이**다 — 입력칸 · select · 버튼이
      이 하나를 읽는다. 사용자쪽은 34 다: 레거시 입력칸이 `line-height:32px` + 테두리 1+1 이었다.
    ★ 줄 높이(line-height)는 토큰이 **아니다** — `calc(var(--control-height) - 2px)` 로 컴포넌트가
      그때그때 낸다. 높이에서 **따라 나오는 수**라 따로 적지 않는다.  */
	--control-height		: 40px;		/* 폼 컨트롤 공통 높이 — 2026-09-29 KRDS **small**(40 · medium 48 · large 56). 한 줄에 서는 입력칸·select·버튼이 이 값. 48 이 커 보여 한 단계 내림(사용자 지시). 큰 버튼은 --btn-lg-height */
	--control-height-sm		: 32px;		/* 목록 **행 안**의 컨트롤 — 2026-09-29 KRDS xsmall 버튼(32). 구 28 */
	--control-pad-x			: 12px;		/* 입력칸·select·textarea 안쪽 좌우 여백 — KRDS small padding(12). 구 16(medium) · 10 [구 .input_form padding:0 10px] */
	--row-height			: auto;		/* 목록 행 높이 — 레거시는 **고정하지 않았다**(칸 여백이 높이를 정했다).
										   그래서 `auto` 다. 관리자는 44px 로 못 박는다 */
	--label-width			: 200px;	/* 입력형 표의 라벨 칸 폭 — 2026-10-08 180→200 (사용자 지시 — "휴대전화번호 (선택)" 이 빠듯했다. 2단 라벨 110+90 과도 다시 맞는다). 2026-09-23 엔 200→180 이었다.  ※ 레거시 근거 없음(화면마다 제각각이었다) */
	--thead-pad				: 12px 16px;	/* 표 머리 칸 여백 — 본문 칸(--cell-pad)과 **같은 값**(사용자 지시 2026-09-29). KRDS 키트는 8·16 로 머리줄이 낮았다. 구 17px 5px */
	--label-pad				: 12px 16px;	/* 입력형 표의 라벨 칸 여백 — KRDS(12 · 16). 구 14px 10px */
	--cell-pad				: 12px 16px;	/* 표 값 칸 여백 — 라벨 칸과 **같은 값**. KRDS 본문 셀(12 · 16). 구 14px 10px */
/*  입력칸 폭 단계 — **예상 입력값의 길이로 고른다**(사용자 지시 2026-09-29 "값에 맞춰 중앙에서"). 유틸 `u-w-*`(utilities.css)가 읽는다.
    구 값(50·60·250·500)은 관리자 옛 CSS 의 px 를 이름만 바꾼 것이라 이름 칸이 60px 이 되는 식이었다. 8의 배수(KRDS 8pt).  */
	--w-xs					: 96px;		/* 숫자 몇 자리 — 우편번호 · 개수 · 연도 */
	--w-sm					: 200px;	/* 이름 · 아이디 · 비밀번호 · 전화 · 사업자번호 (10~15자) */
	--w-md					: 320px;	/* 이메일 · 영상 아이디 · 검색어 (20~30자) */
	--w-lg					: 560px;	/* 주소 한 줄 · 긴 값 */
	--badge-height			: 24px;		/* 배지 높이 = 한 글자일 때의 가로폭 — 2026-09-29 KRDS 배지(24). 구 20 */
	--gap-inline			: 3px;		/* 나란히 선 것들 사이 간격.  ※ 레거시 근거 없음 */
	/*  모서리 반경 — 2026-09-29 부터 **KRDS(정부 디자인 시스템) 형태 지침**을 따른다(사용자 결정). 규칙 = 컨테이너 높이 × 1/8, 짝수:
	      xsmall 2(배지·인디케이터) · small 4(칩·체크·태그) · medium 6(버튼·입력·select·페이지네이션) · large 10(카드·다이얼로그·패널) · xlarge 12 최대.
	    옛 값(sm 2 · md 5)은 레거시 게시판 버튼 기준이었다 — 이 사이트 ui.css 의 배지가 `--radius-xs` 를, 버튼류가 `--radius-sm` 을,
	    상자류가 `--radius-md` 를 읽는다. gwizard(관리자)는 제 값을 그대로 둔다.  */
	--radius-xs				: 2px;		/* 배지·인디케이터                          [KRDS xsmall] */
	--radius-input			: 6px;		/* 입력칸·select·textarea 모서리             [KRDS medium] — 목업 기준(2026-09-23)과 같은 값 */
	--radius-sm				: 6px;		/* 버튼(기본·큰 버튼)·페이지네이션·세그먼트   [KRDS medium] (구 2) */
	--radius-md				: 10px;		/* 카드·다이얼로그·드롭다운 패널             [KRDS large]  (구 5) */
	--radius-check			: 4px;		/* 체크박스 상자                             [KRDS small] — 라디오는 원. 2026-09-29 신설 */

/*  폼 하단의 큰 버튼 (c-btn--lg) — 화면을 끝내는 동작([등록하기][목록][삭제]).
    **사용자쪽이 훨씬 크다** — 레거시 게시판 버튼이 높이 54 에 최소폭 100 이었다.
    ★ 2026-09-29 — 큰 버튼은 KRDS medium(48), 한 줄 컨트롤은 small(40) — 사용자 지시("버튼은 미디움" → "조금 더 작게"). 화면을 끝내는 버튼만 한 단계 크다.
    ★ 기본 버튼(c-btn)은 여기 **해당 없다** — 그쪽은 입력칸·select 와 한 줄에 나란히 서야 해서
      `--control-height` 를 같이 읽는다(위 "치수" 절의 ★). 큰 버튼은 그 줄에 안 선다.
                                                          [구 .bbs_btn01 · .bbs_btn02]  */
	--btn-lg-height			: 48px;		/* 2026-09-29 KRDS medium(48) — 사용자 지시 "버튼은 미디움". 한 줄 컨트롤(small 40)보다 한 단계 크다. 구 54 */
	--btn-lg-min-width		: 100px;	/* 사용자쪽은 최소폭을 못 박는다 — 버튼이 글자 수에 따라 들쑥날쑥하지 않다 */

}


/*  ── 콘텐츠 뿌리 — 글자 크기의 기준은 html 이 아니라 **본문 콘텐츠 컨테이너**다 (2026-09-29 사용자 결정) ──────────────────
    셸(헤더·네비·푸터)과 따로 콘텐츠 글자를 정한다. `--content-font` 한 줄(px)이 기준이고 네 토큰은 거기서 calc 로 나온다 —
    값이 px 라 어디에 겹쳐도 곱해지지 않는다(em 으로 내려갔다면 표 안의 배지가 0.9×0.8 로 줄었을 것). 위 :root 의 rem 값은
    콘텐츠 **밖**(모달·플래시·홈 화면)의 기본으로 남는다.
    컨테이너는 sub.php 의 <article class="sub_cont"> 다 — 이 화면들을 다른 레이아웃에 옮기면 그쪽 컨테이너에 같은 블록을 둔다.
    높이·여백(입력칸 40 · 여백 16)은 KRDS 의 px 단계라 글자와 같이 늘리지 않는다 — 같이 움직여야 하면 그때 같은 토큰에서 뽑는다.
    ⚠ **이 안에서는 `rem` 을 쓰지 않는다** — `rem` 은 `html` 을 보므로 이 기준을 빠져나간다(위 "단위는 영역이 정한다").
      2026-09-30 에 콘텐츠로 새어 있던 rem 80여 곳을 걷어냈다: 글자는 em, 여백·높이는 px.  */
.sub_cont {
	/*  기준값(--content-font)은 :root 가 갖는다 — 여기서 다시 선언하지 않는다(2026-10-01, 이중 소스 금지).
	    아래 셋은 그 값에서 파생되는 **콘텐츠 축의 배수**다. 뿌리의 rem 짝(위 :root)을 여기서 덮는다.  */
	--font-size-base		: var(--content-font);
	--font-size-sm			: calc(var(--content-font) * 0.9);		/* 15.3 — 표 안 · 입력칸 · 버튼 · 배지 · **설명(c-help)** */
	--font-size-lg			: calc(var(--content-font) * 1.2);		/* 20.4 — 소제목 */
	font-size				: var(--font-size-base);
}
/*  모바일은 **기준값 하나만 내린다** (사용자 지시 2026-10-01) — 16 → 15 (2026-10-20 까지 17 → 15).
    안의 표·입력칸·버튼·배지·도움말은 이 값의 배수(calc)라 **같은 비율로 따라 내려간다** — 화면마다 글자를 따로
    손대지 않는다(위 ★ "이것만 바꾸면"). 경계는 이 사이트의 모바일 기준 580px(탭·게시판과 같은 값).
    ⚠ 높이·여백(입력칸 40 · 여백 16)은 그대로다 — KRDS 의 px 단계라 글자와 같이 줄이지 않는다(위 블록).  */
@media screen and (max-width:580px){
	:root {
		--content-font		: 16px;		/* 2026-10-21 15 → 16 (PC 와 같이 한 단계). sm 14.4 · lg 19.2 로 따라온다. 모달도 이 값을 본다(.c-modal — ui.css) */
	}
}