@CHARSET "UTF-8";

/* 기반 CSS 스타일 */
@font-face{
	font-family: barcode;
	src: url("../fonts/Code39.woff") format("woff");
	font-weight: normal;
	font-style: normal;
}

/* IE 하위 버전용 */
html, body, font, div, span, ul, li, input, a {
	color: black;
	font-size: 12px;
	font-family: "맑은 고딕", "Malgun Gothic", "돋음", Dotum, sans-serif; 
}

*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(ul):not(li):not(div) {
	margin: 0px;
	padding: 0px;
	color: black;
	text-align: left;
	font-size: 12px;
	font-family: "맑은 고딕", "Malgun Gothic", "돋음", Dotum, sans-serif; 
}

.barcode {
	font-family: "barcode" !important;
	font-weight: normal !important;
	background-color: transparent !important;
	color: black;
}

@media only screen and (min-device-width: 480px) and (max-device-width: 800px) {
	*:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(ul):not(li):not(div) {
		font-size: 16px; 
	}
}

h1, h2, h3, h4, h5, h6 {
	margin: 0px; 
	padding: 0px;
}

ul, li {
	margin-left: 0px;
	padding-left: 10px;
}

body {
	text-align:center;
	height: 100%;
	scrollbar-highlight-color: #ff0099;
	scrollbar-shadow-color: #EAEAEA; 
	scrollbar-arrow-color: #ff0099;
	scrollbar-face-color: #A6A6A6; 
	scrollbar-3dlight-color: #ffffff;
	scrollbar-darkshadow-color: #EAEAEA;
	scrollbar-track-color: #D5D5D5;
}
img {
	display: block !important;
}

a {
	text-decoration: none;
}

hr {
	background-image: url("../images/title_bg.gif");
	height: 3px;
	border-width: 0px;
	clear: both !important;
}

.bold {
	font-weight: bold !important;
}

input[type="text"] {
	padding-right: 1px !important;
}

/* input에 name이 date 관련한 이름이 들어가는 경우 무조건 센터정렬 */
input[name*="Date"],
input[name*="date"] {
	text-align: center !important;
}

/* 검색창에서 기간조회에 대한 처리 */
.searchItem input[name*="Date_start"],
.searchItem input[name*="date_start"] {
	margin: 0px;
}

.searchItem input[name*="Date"],
.searchItem input[name*="date"] {
	width: 100px;
}

input:not[type="checkbox"]:not[type="radio"], select {
	height: 25px;
	border-width: 1px;
	border-color: #D2D2D3;
	min-width: 50px;
}

.hTitle {
	margin: 0px 0px 5px 0px;
	padding: 3px 0px 0px 21px;
	color: #333333;
	font: 17px "돋움", Dotum, sans-serif;
	font-weight: bold;
	background-image: url("../images/markTitle.gif");
	background-repeat: no-repeat;
	background-position: left center;
	text-align: left;
}

.hSubTitle {
	color: #777777;
	font: 13px "돋움", Dotum, sans-serif;
	font-weight: bold;
}

/* 검색창 형식 */
.searcher {
	border-radius: 5px;
	background-color: #f6f6f6;
	border-width: 1px;
	border-style: solid;
	border-color: #DCDCDC;
	padding: 10px !important;
	margin-top: 0px !important;
	box-shadow: 1px 1px 0px white inset;
	width: 95%;
	display: inline-block;
}

.searcher input,
.searcher select {
	margin-right: 15px;
	margin-bottom: 5px;
}

.searcher a {
	margin: 0px auto;
}

.searcher .searchItem {
	float: left;
	width: 85%;
	height: 100%;
}

.searcher .searchItem > div {
	float: left;
	display: block;
}

.searcher .gap {
	width: 10px;
	height: 100%;
	float: right;
}

.searcher .control {
	float: right;
	width: 10%;
	height: 100%;
	vertical-align: middle;
}

.shortInput {
	width: 50px;
}

/* 태그 텍스트 형식 */
.tagText {
	color: #888888;
}

/* 일반 버튼 */
.aBtn {
	display: table-cell;
	text-align: center;
	border-radius: 4px;
	cursor: pointer;
	border-width: 1px;
	border-style: solid;
	border-color: #d1caba;
	color: #666666;
	padding: 0px 14px;
	height: 25px;
	vertical-align: middle;
	box-shadow: -10px -20px 20px -20px #AFAFAF inset;
}

.aBtn:hover {
	background-image: url("");
	background-color: #5AAAB1;
	border-color: #429BBD;
	color: white;
	box-shadow: 0px 0px 0px 0px #AFAFAF inset;
}

.iBtn {
	text-align: center !important;
	vertical-align: middle;
	box-shadow: -10px -10px 20px -5px #AFAFAF inset;
}

.areaUserProgram .main > div {
	padding: 10px 0px;
	clear: both;
}

.main .navDisplay > .programTitle {
	clear: both;
	text-align: left;
}

/* 프로그램 타이틀 우측 경로 표시 */
.programPath {
	float: right;
}

.programPath span {
	display: inline-block;
	padding-left: 2px;
	padding-right: 8px;
	vertical-align: 3px;
	font-size: 11px;
	color: #999999;
}

.programPath:before {
	content: url("../images/ico_home.gif");
}

/* 인쇄 아이콘 */
.printable, .printable:hover {
	background-image: url("../images/ico_print.png");
	background-position: center center !important;
	background-repeat: no-repeat;
	background-origin: border-box;
}

/* 페이지 넘김 */
.pageBreak {
	display: block;
	letter-spacing: 2px;
	page-break-after: always;
}

.pageBreak br {
	height: 0px;
	line-height: 0px;
}

/* 리스트 상단 사용자 보조 기능 영역 */
.subUserControls {
	padding: 0px;
}

.subUserControls .dataListOption {
	float: left;
}

.subUserControls .controls {
	float: right;
	text-align: right;
}

.subUserControls .controls ul {
	margin: 0px;
}
	
.subUserControls .controls li {
	padding-left: 6px;
	display: block;
	float: right;
	list-style-type: none;
	margin-left: 0px;
}

.main .dataArray {
	clear: both;
}

.main .listPager {
	text-align: center;
}

.formSearch {
	background-image: url("../images/bg_search.gif") !important;
	background-repeat: no-repeat !important;
	background-position: right center !important;
}

.formRequired {
	background-image: url("../images/tag_input.gif");
	background-repeat: no-repeat;
	background-position: left center;
}

.formTextSearch {
	background-image: url("../images/bg_enter.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-origin: border-box;
}

.formFileUpload {
	background-image: url("../images/bg_upload.jpg");
	background-repeat: no-repeat;
	background-position: center center;
	background-color: white;
}

.formExp {
	background-image: url("../images/bg_exp.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: white;
}

.formKwr {
	background-image: url("../images/bg_kwr.jpg");
	background-repeat: no-repeat;
	background-position: left center;
	background-color: white;
}

/* JQuery 직렬화 오류를 처리하기 위한 구성 */
.main .hiddenData {
	display: none;
}

/* 데이터 종류에 따른 정렬 설정 */
.textAlign {
	text-align: left !important;
}

.numberAlign {
	text-align: right !important;
}

.centerAlign {
	text-align: center !important;
}

.moneyAlign {
	text-align: right !important;
}

.nowLoading {
	background-image: url("../images/bg_loading.gif") !important;
	background-position: center, center !important;
	background-repeat: no-repeat !important;
}



/* 리스트 테이블 형식 */
.tableDrawList {
	border-width: 1px;
	border-style: solid;
	border-color: #AFC5D8;
	border-top-color: #01548B;
	border-spacing: 0px;
	border-collapse: separate;
	width: 100%;
}
 
.tableDrawList th{
	background-color: #DEECF8;
	height: 25px;
	text-align: center;
	border-width: 1px;
	border-style: solid;
	border-color: white;
	border-top-color: white;
	border-right-color: #AFC5D8;
	border-bottom-color: #AFC5D8;
	color: #284366;
}

.tableDrawList tr th:last-child {
	border-right-width: 0px;
}

.tableDrawList tbody td {
	background-color: white;
	height: 20px;
	border-width: 0px 1px 1px 0px;
	border-style: solid;
	border-color: #AFC5D8;
}

/* 각 tr의 마지막 td */
.tableDrawList tbody tr > td:last-child {
	border-right-width: 0px;
}

/* tbody의 마지막 tr의 td */
.tableDrawList tbody tr:last-child td {
	border-bottom-width: 0px;
}

.tableDrawList tbody tr:hover td,
.tableDrawList tbody tr:hover input {
	background-color: #FCF0BA;
}

.inputInList {
	width: 100%;
	height: 100%;
	border-width: 0px;
	border-color: transparent;
	text-align: center;
	color: blue;
}

/* CELL 타입 테이블용 */
.boxInputTable {
	clear: both;
	margin-bottom: 10px;
	width: 100%;
	border-width: 1px;
	border-style: solid;
	border-color: #AFC5D8;
	border-top-color: #01548B;
	border-spacing: 1px;
	border-collapse: separate;
	empty-cells: show;
}

.boxInputTable td {
	height: 25px;
	border-style: solid;
	border-color: #AFC5D8;
	border-width: 1px;
	padding: 0px;
}

.boxInputTable th {
	height: 25px;
	border-style: solid;
	border-color: #AFC5D8;
	border-width: 1px;
	background-color: #DEECF8;
	text-align: center;
}

.subjection {
	padding: 0px 5px 0px 5px !important;
	text-align: right;
	background-color: #DEECF8;
	color: #284366;
	font-weight: bold;
}

.dataSection {
	text-align: left;
}

.listTemplate {
	display: none;
}