@charset "utf-8";
/* ==========================================================================
   사이트 포인트 컬러 (로고 기반)
   - 로고(/img/logo.png) 에서 추출한 블루 2톤 + 페일 블루 1톤을 사이트 시그니처 컬러로 사용
       · 딥 블루   #3062C3 : 심볼 그라데이션 진한 쪽 → 메인 포인트(강조 텍스트 · 링크 · 아이콘 · 선택 상태)
       · 라이트 블루 #5F94E0 : 심볼 그라데이션 밝은 쪽 · "강동" 글자 → 서브 포인트(라벨 · 아이콘)
       · 페일 블루 #E3EAF7 : 버튼 배경 (글자는 --point-on-pale 짙은 블루)
   - 버튼은 페일 블루, 그 밖의 강조는 딥 블루 — 두 톤이 한 화면에서 짝으로 쓰인다.
   - headHtml.jsp 의 모든 CSS 뒤에 로드되어야 함 (DB IDENTITY_COLOR 인라인 :root 도 덮어씀)
   ========================================================================== */

:root {
	/* --- 메인 포인트 : 로고 블루 (딥 톤보다 한 단계 연하게) --- */
	--point-main:        #4A7ED6;
	--point-main-dark:   #3767BE;
	--point-main-light:  #F0F5FD;

	/* --- 서브 포인트 : 로고 라이트 블루 --- */
	--point-sub:         #5F94E0;
	--point-sub-dark:    #4176C9;
	--point-sub-light:   #F1F6FD;

	/* --- 페일 블루 : 버튼 전용 배경 (사이트 시그니처 2번 색) ---
	       버튼은 이 연한 톤으로 채우고 글자는 --point-on-pale 로 얹는다.
	       ※ 이 색 위에 흰 글씨를 쓰면 대비가 1.2:1 로 읽히지 않는다. 반드시 짙은 글자와 함께 쓸 것. */
	--point-pale:        #E3EAF7;
	--point-pale-hover:  #D3E0F3;
	--point-pale-line:   #C3D4EE;
	--point-on-pale:     #2B5199;   /* 페일 배경 위 글자 · 아이콘 (대비 약 7:1) */

	/* --- 조합 (로고 심볼과 같은 방향의 그라데이션) --- */
	--point-gradient: linear-gradient(135deg, var(--point-sub) 0%, var(--point-main) 100%);

	/* --- 기존 공통 CSS(board.css, schedule.css, layout.css, pro_color.less 등)가
	       참조하는 변수를 로고 메인 컬러로 통일 --- */
	--color-primary01: var(--point-main);
	--color-primary02: var(--point-sub);
}

/* quick_menu.css(--quick-brand), main_page.css(--m-brand) 는
   각 파일에서 위 --point-* 변수를 직접 참조하므로 여기서 다시 지정하지 않는다. */


/* ==========================================================================
   모서리 라운드 (디자인 시스템)
   - 카드 · 박스 · 버튼은 "살짝" 둥근 정도로 통일한다. (과한 라운드 금지)
   - 각 CSS 에서 값을 직접 쓰지 말고 아래 토큰을 참조할 것.
       --radius-xs : 인디케이터·태그 등 아주 작은 요소
       --radius-sm : 버튼 · 인풋 · 작은 박스
       --radius    : 카드 · 패널 (기본)
       --radius-lg : 큰 이미지 박스 · 대형 패널
       --radius-pill : 알약형 버튼
   ========================================================================== */
:root {
	--radius-xs:   3px;
	--radius-sm:   6px;
	--radius:     10px;
	--radius-lg:  16px;
	--radius-pill: 999px;
}


/* ==========================================================================
   기본 서체 : S-Core Dream (@font-face 는 /css/scoredream.css)
   - basic.css 의 body 선언보다 뒤에 로드되므로 여기서 사이트 전체 서체가 정해진다.
   - 아이콘 폰트(Font Awesome 등)를 덮지 않도록 body 상속 방식만 사용한다.
   - 2026-09-02 SUIT → S-Core Dream 변경 (suit.css · SUIT-Variable.woff2 는 그대로 남겨둠)
   ========================================================================== */
body,
input, select, textarea, button {
	font-family: 'S-Core Dream', 'Noto Sans KR', 'Apple SD Gothic Neo', sans-serif;
}