@charset "utf-8";
/* ----------------------------------------------------------------------------------------------
 *                 ORANGE-PMI PLATFORM  Version 2.0.0 - Last modified 2026-09-21
 *           Modular Web Architecture · Powered by Orangecommunication · www.oranc.net
 * ----------------------------------------------------------------------------------------------
 * 공용 유틸리티 — 한 가지 일만 하는 작은 class.
 *
 * utilities.css (public_html/<site>/asset/css) — 이 사이트의 base.php 가 컴포넌트들 **뒤에** 건다.
 *   **이 사이트 소유**다 — 같은 파일이 사이트마다 한 벌씩 있다 (2026-09-21 사용자 결정:
 *   업그레이드가 덮어쓰는 `asset/core/` 에 두지 않는다). 모양을 바꿀 때는 이 파일을 직접 고친다.
 *   ⚠ **다른 사이트에도 같은 파일이 있다 — 한쪽만 고치면 갈라진다.** 공통 규칙을 손볼 때는
 *     `public_html/<site>/asset/css/` 아래 같은 이름을 **전부** 본다. 2026-09-21 이전에 이 복제로
 *     main 이 gwizard 의 수정을 3일간 못 받은 적이 있다. → global-template "공통 UI class"
 *
 *   ── 규율 ───────────────────────────────────────────────────────────────────
 *   ★ **늘리지 않는다.** `u-mt10`·`u-mt20`·`u-mt30` 처럼 모든 속성을 유틸로 만드는 방식은 쓰지
 *     않는다(지침 2장). 여기 있는 것은 전부 **실제로 여러 화면이 반복하던 인라인 style** 을
 *     걷어 온 것이다 — 새 유틸은 그런 반복이 실제로 생긴 뒤에 더한다.
 *   ⚠ **유틸이 항상 이기지는 않는다.** 파일 순서가 뒤라도 명시도가 낮으면 컴포넌트에 진다 —
 *     `u-text-left`(0,1,0)는 `.c-table thead + tbody td`(0,1,2)를 못 이긴다. 그런 자리는 그
 *     컴포넌트가 자기 파일에서 한 단계 올려 준다(table.css "유틸리티 보정"). 여기에
 *     `!important` 를 박지 않는다 — 지침 12장.
 *
 *   ※ 값의 출처는 gwizard 의 레거시 관리자 CSS 와 화면의 인라인 style 이다
 *     [구 .w50p·.w60p·.w250p·.w500p·.w100 · .h40p · .fred · style="text-align:…" · style="white-space:nowrap"]
 * ---------------------------------------------------------------------------------------------- */


/*  글자 정렬  ====================================================================================
    `u-text-left` 는 **목록형 표의 가운데 기본을 되돌리는** 쪽으로 주로 쓴다 — 글자 길이가 들쭉날쭉한
    칸(기업명·업종·주소)에 붙인다. 가운데로 두면 줄마다 글자 시작점이 달라 눈이 훑기 어렵다.
    목록형은 가운데가 기본이므로 `u-text-center` 를 새로 붙일 일은 거의 없다 — 입력형 표에서 쓴다.  */
.u-text-center				{text-align:center;}
.u-text-left				{text-align:left;}
.u-nowrap					{white-space:nowrap;}

/*  글자 세기·색  ==================================================================================
    그 행에서 **가장 포인트가 되는 값**에 `u-strong` 을 준다 — 목록을 훑을 때 눈이 먼저 닿아야 하는
    칸이다(보통 그 행의 이름: 기업명·회원명·메뉴명). **한 행에 하나만** — 여럿이면 강조가 아니다.
    (2026-09-19 사용자 지시)  */
.u-strong					{font-weight:600;}
.u-off						{color:var(--color-off); font-weight:bold;}	/* 사용안함 — 눈에 걸려야 한다 */
.u-mute						{color:var(--color-mute);}					/* 부차 정보 — 있지만 먼저 읽을 것은 아니다 */
.u-none						{color:var(--color-disabled);}				/* 값 없음 — 자리는 지키되 비었음을 보인다 */
.u-em						{color:red;}								/* 도움말 안에서 값 하나를 집어 보일 때 [구 .fred] */

/*  너비 — 픽셀을 class 이름에 박지 않고 단계로  ==================================================
    `u-w-250` 처럼 값을 이름에 넣지 않는다: 그러면 값을 바꿀 때 이름도 같이 바꿔야 하고, 결국
    화면마다 제각각인 픽셀이 다시 돌아온다.  */
.u-w-xs						{width:50px;}
.u-w-sm						{width:60px;}
.u-w-md						{width:250px;}
.u-w-lg						{width:500px;}
.u-w-full					{width:100%;}

/*  단락 사이 간격  ================================================================================
    한 화면이 `c-panel` 하나이므로 섹션(`c-panel__title`) 사이는 상자가 아니라 여백으로 가른다.
    빈 `<div class="u-gap"></div>` 한 줄을 넣는다.  [구 .h40p — 옛 .h10p~.h90p 중 쓰던 것]
    ⚠ 접히는 묶음 안에서는 그 **div 안**에 둔다 — 밖에 두면 접었을 때 빈 자리가 남는다.  */
.u-gap						{height:40px;}
.u-gap-sm					{height:8px;}   /* 한 칸 **안**에서 줄을 가르는 작은 간격 — 제목 아래 꾸밈 줄 같은 곳 (skin/bbs/basic/form.php) */