기본 가이드라인

업무 영역별 정의

업무 영역별 정의
타이틀 영역
페이지 전체에 대한 기능을 컨트롤 하는 버튼만 사용
조회조건 영역
조회조건의 컬럼은 기본이 3단이며 2단(class='col-2'), 1단(class='col-3')도 사용 가능
그리드 영역
조회 조건에 맞는 데이터 입력 또는 확인 가능

화면 스크롤

화면 스크롤은 전체 화면(팝업창) 스크롤, 그리드의 스크롤을 제외한 나머지 영역에서 스크롤이 발생하면 안됩니다.

폰트

폰트 기본 설정
시스템 폰트(13px 이하) 기본 설정
font-size: 12px; color: #000; font-family: '돋움'; font-weight: normal;
그래픽 폰트(14px 이상) 기본 설정
font-size: 14px; color: #000; font-family: '나눔바른고딕'; font-weight: bold;
색상
색상 사용 예시
#000000 홈페이지 전반에 사용되는 기본 색상
#4a4a4a 현재 퀵메뉴와 상단 현재 위치 사용하는 색상
#8d8d8d 부가설명 등 중요성이 낮은 정보에 사용하는 색상
#a7a7a7 비활성화일때 쓰이는 색상
#ebebeb 비활성화일때 쓰이는 배경색
#058df5 텍스트 선택되었을때의 색상
정렬
정렬 사용 예시
왼쪽정렬 테이블 및 그리드의 데이터, 세로형 테이블의 제목 셀, 메일주소, 텍스트박스 내 텍스트
가운데정렬 그리드의 헤더, 번호, 이름, 주민번호, 날짜(텍스트박스 내 텍스트 제외), 코드, 글자수가 정해져 있는 데이터
오른쪽정렬 조회조건 타이틀(레이블), 금액

버튼

버튼 정의
기본적으로 사용되는 버튼
보조 버튼(주로 상태 패널에서 사용)
리스트 형식 테이블