@charset "utf-8";
/* Data Grid */
div.rootContainer {
	clear: both;
	border-left : 1px solid #e1e1e1;
}

div.rootContainer > div,
div.fixedWrapper > table,
div.containerWrapper > table {
	margin: 0px !important;
}

.grid-container {
	table-layout : fixed; /* 헤더고정시에는 반드시 들어가야 된다. */
	border-collapse:collapse;
}

div.containerWrapper {
	overflow-y:scroll;
	overflow-x:hidden;
	width: 100%;
	border : none;
	border-bottom : 1px solid #e1e1e1;
}

div.rootContainer > div.fixedWrapper > table > thead > tr > th,
div.rootContainer > div.fixedWrapper > table > tbody > tr > td,
div.rootContainer > div.fixedWrapper > table > tfoot > tr > td,
div.rootContainer > div.containerWrapper > table > thead > tr > th,
div.rootContainer > div.containerWrapper > table > tbody > tr > td,
div.rootContainer > div.containerWrapper > table > tfoot > tr > td {
	border-left : none !important;
}

div.rootContainer > div.fixedWrapper > table > tbody > tr > td,
div.rootContainer > div.fixedWrapper > table > tfoot > tr > td,
div.rootContainer > div.containerWrapper > table > tbody > tr > td,
div.rootContainer > div.containerWrapper > table > tfoot > tr > td {
	border-top : none !important;
}

div.fixedWrapper {
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	padding-right: 17px;
}

div.fixedWrapper table.fixedHeader thead tr th {
	white-space: nowrap !important;
	overflow: hidden;
	ext-overflow : clip;
	padding-left: 0px !important;
	padding-right: 0px !important;
}

.grid-container thead tr {
	height: 30px;
}

.grid-container thead tr th {
	border:1px solid #ccc;
	padding: 0px;

	white-space: nowrap;
	overflow: hidden;
	ext-overflow : clip;

	font-family: "맑은 고딕";
    font-weight: bold;
    color: #2E6E9E;
	font-size: 8pt !important;
	background: url("../images/gridHeaderCell.jpg") repeat-x;
}

table.grid-container .dummy-list thead tr { display : none; }
table.grid-container .dummy-list th,
table.dummy-list td { border: none !important; background-color: #FFFFFF !important; }

table.hover tbody tr:hover { background-color: #f0ebef; } /* org:eaeaea */
table.pointer tbody tr{ cursor: pointer; }
table.select tbody tr, #hyinContents table.select-multy tbody tr { cursor: pointer; }
table.select tbody tr.selected,
table.select tbody tr.selected td,
table.select-multy tbody tr.selected { color: #ffffff !important; background-color: #52b6ce; } /* org:e3e8ee */
table.select tbody tr.selected,
table.select tbody tr.selected a,
table.select-multy tbody tr.selected,
table.select-multy tbody tr.selected a { color: #ffffff; border-bottom-color: #FFFFFF; }

/* 그리드에 sortable 옵션 적용시 기본 style */
table.dataGridContainer thead tr .sortable {}

/* 그리드에 sortable 옵션 적용시 기본정렬 style */
table.dataGridContainer thead tr .sortableAsc {}

/* 그리드에 sortable 옵션 적용시 역정렬 style */
table.dataGridContainer thead tr .sortableDesc {}

.grid-container tbody tr {
	height: 24px;
}

.grid-container tbody .odd {
	/* background-color: #FEEEFE; */
}

.grid-container tbody .even {
	/* background-color: #FFFFFF; */
}

.grid-container tbody tr td {
	font-family: "맑은 고딕";
	border:1px solid #ccc;
	padding: 2px !important;
	white-space: nowrap;
	overflow: hidden;
	ext-overflow : clip;
	font-size: 8pt;
}

.grid-container tbody tr input[type=text] {
	width: 90%;
	height: 100%;
	border: solid 2px #CCDD00;
	font-size: 8pt;
}

.grid-container tbody tr select {
	width: 98%;
	height: 100%;
	font-size: 8pt;
}

.grid-container tfoot tr {
	height: 30px;
}

.grid-container tfoot tr td {
	font-family: "맑은 고딕";
	border:1px solid #ccc;
	background: url("../images/gridFooterCell.png") repeat-x;
	padding: 0px;
	margin: 0px;
	font-size: 8pt;
}

.grid-container tfoot tr input[type=text] {
	width:35px;
	height:18px;
	font-size: 8pt;
}

/* 페이징 */
#pagingPanel span.numberLink {

}

#pagingPanel span.numberLink a,
#pagingPanel span.numberLink span {
	padding-left: 5px;padding-right: 5px;
}

/* 데이터가 수정되었을때 스타일 */
.changedEditableCell {
	/* background: url("../images/update_small.png") no-repeat 99% 50%; */
}

/* 조회된 데이터가 없을때 나오는 박스 */
.emptyDataList {
	text-align: center;
}

/* DataSelect Component */
.checklistboxCont input {}

.checklistboxCont label {
	font-size: 8pt;
}

/* Message 판넬 */
div.objectMessage {
	position: absolute;
	display: none;
}
div.objectMessage table#notiPopTable td#notiPopArrowLeft {
	width: 4px;
	background: url("../images/alt_right.png") no-repeat;
}
div.objectMessage table#notiPopTable td#notiPopArrowRight {
	width: 4px;
	background: url("../images/alt_left.png") no-repeat right center;
}
div.objectMessage table#notiPopTable td#notiPopLeftTopEage {
	width: 2px;
	height: 2px;
	background: url("../images/alt_right.png") no-repeat -4px top;
}
div.objectMessage table#notiPopTable td#notiPopRightTopEage {
	width: 2px;
	height: 2px;
	background: url("../images/alt_right.png") no-repeat right top;
}
div.objectMessage table#notiPopTable td#notiPopLeftBottomEage {
	width: 2px;
	height: 2px;
	background: url("../images/alt_right.png") no-repeat -4px bottom;
}
div.objectMessage table#notiPopTable td#notiPopRightBottomEage {
	width: 2px;
	height: 2px;
	background: url("../images/alt_right.png") no-repeat right bottom;
}
div.objectMessage table#notiPopTable td#notiPopText {
	color: #FFFFFF;
	padding: 2px;
}
div.objectMessage table#notiPopTable td.notiPopSpace {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/cvcaf/images/alt_back.png', sizingMethod='scale');
	background-image: url("../images/alt_back.png");
}
div.objectMessage table#notiPopTable td div#notiPopClose {
	width: 6px;
	height: 6px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/cvcaf/images/alt_close.png', sizingMethod='image');
	background: url("../images/alt_close.png") no-repeat center center;
	cursor: pointer;
	margin: 5px;
}

/* monthPicker */
.monthPickerContainer {
	display: none;
}

/* 검증(validation)에 걸렸을때 */
.noPassedValidateField {
	background: url("../images/alert_small.gif") no-repeat 99% 50%;
}

/* 날짜필드 */
input.calendarField {
	background: url("../images/ico_cal.gif") no-repeat 97% 49%;
	background-color: #FFFFFF;
}

/* 테이블 컬럼 리사이징 */
.onResize {
	cursor : col-resize;
}

.resizeText {
	white-space: nowrap !important;
	overflow: hidden;
	float: left;
	width: 100%;
	text-align: center;
}

.resizeBar {
	position: relative;
	width: 6px;
}

.resizeTbodyTd {
	white-space: nowrap;
	overflow: hidden;
}

img#ajaxLoadingBar {
	position: absolute;
	top: 194px;
	right: 65px;
	display: none;
}

/* validate 의 required 옵션이 부여된 field */
.requiredField {
	border: 1px solid #ff7717 !important;
}

/* 버튼 컴포넌트 */
a.btn_common, input[type='button'].btn_common, button.btn_common { display: inline-block; border: none; overflow:visible; cursor: pointer; text-align: center; font-family: "나눔고딕", "맑은 고딕", "dotum", "Segoe UI", sans-serif;white-space: nowrap; vertical-align: middle; margin: 0px; }
span.btn_common_wrap { display: inline-block; cursor: pointer; padding-left: 2px; vertical-align: middle; margin: 0px; }

a.btn_white, input[type='button'].btn_white, button.btn_white { color: #4f535c !important; background: url("../images/btn_white.gif") no-repeat; }
a.btn_gray, input[type='button'].btn_gray, button.btn_gray { color: #ffffff !important; background: url("../images/btn_gray.gif") no-repeat; }
a.btn_blue, input[type='button'].btn_blue, button.btn_blue { color: #ffffff !important; background: url('../images/btn_blue.gif') no-repeat; }
a.btn_skyblue, input[type='button'].btn_skyblue, button.btn_skyblue { color: #ffffff !important; background: url('../images/btn_skyblue.gif') no-repeat; }

span.btn_white_wrap { background: url('../images/btn_white.gif') no-repeat; }
span.btn_gray_wrap { background: url('../images/btn_gray.gif') no-repeat; }
span.btn_blue_wrap { background: url('../images/btn_blue.gif') no-repeat; }
span.btn_skyblue_wrap { background: url('../images/btn_skyblue.gif') no-repeat; }

a.btn_smaller, input[type='button'].btn_smaller, button.btn_smaller { padding: 0 10px 0 8px; height: 18px; background-position: right -107px; font-size: 11px; height: 18px; line-height: 18px; }
span.btn_smaller_wrap { background-position: left -107px; }

a.btn_small, input[type='button'].btn_small, button.btn_small { padding: 0px 10px 0px 8px; background-position: right top; font-size: 11px; height: 23px; line-height: 23px; }
span.btn_small_wrap { background-position: left top; }

a.btn_medium, input[type='button'].btn_medium, button.btn_medium { padding: 0px 10px 0px 8px; background-position: right -30px; font-size: 12px; height: 29px; line-height: 29px; }
span.btn_medium_wrap { background-position: left -30px; }

a.btn_large, input[type='button'].btn_large, button.btn_large { padding: 0px 10px 0px 8px; background-position: right -65px; font-size: 14px; height: 35px; line-height: 35px; font-weight: bold; }
span.btn_large_wrap { background-position: left -65px; }

a.btn_big, input[type='button'].btn_big, button.btn_big { padding: 0px 10px 0px 8px; background-position: right -132px; font-size: 16px; height: 47px; line-height: 47px; font-weight: bold; }
span.btn_big_wrap { background-position: left -132px; }

/* 데이터셀렉트 컴포넌트 */
input.dataSelectInput {
	cursor: pointer;
	margin-left: 4px;
}
label.dataSelectLabel {
	cursor: pointer;
	margin-right: 4px;
}

/* 팝업 컴포넌트 */
div.popupComponent { width: 100%; display: none; }
div.popupComponent h1 { text-align: left; }
/* 팝업 컴포넌트 - headerSize : "large" */
div.largeHeader { -moz-box-shadow: 0 0 25px 0 #666; -webkit-box-shadow: 0 0 25px 0 #666; box-shadow: 0 0 25px 0 #666; width: 100%; font-size: 11px; text-align: left; background: #FFF; position: absolute;left: 0;top: 0; z-index: 10; overflow: hidden; }
div.largeHeader h1 { padding: 30px 0 0 35px; height: 61px; font-size: 14px; color: #FFF; text-align: left; background: url("../images/popup/title_bg.gif") repeat-x left top; }
div.largeHeader h1 strong { margin-right: 10px; font-size: 18px; color: #FFF; letter-spacing: -1px; float: left; }
div.largeHeader h1 span { display: inline-block; padding: 4px 0 0 10px; height: 16px; font: 10px verdana; color: #6A9ACC; border-left: 1px solid #6A9ACC; overflow: hidden; }
div.largeHeader table tr th { text-align: center; }
div.largeHeader .btn_set { margin-top: 22px; text-align: center; height: 47px;}
div.largeHeader .btn_close { position: absolute; top: 27px; right: 19px; }
div.largeHeader .btn_close a { display: inline-block; padding: 10px; }
/* 팝업 컴포넌트 - headerSize : "medium" */
div.mediumHeader { -moz-box-shadow: 0 0 25px 0 #666; -webkit-box-shadow: 0 0 25px 0 #666; box-shadow: 0 0 25px 0 #666; position: relative; overflow: hidden; } /* -moz-box-shadow: 0 0 25px 0 #666; -webkit-box-shadow: 0 0 25px 0 #666; */
div.mediumHeader h1 { padding: 22px 0 0 19px; height: 42px; font-size: 14px; color: #FFF; background: url("../images/popup/common_pop_title.gif") repeat-x left top; }
div.mediumHeader .section { min-height: 160px; margin: 10px; overflow: auto;}
div.mediumHeader .btn_close { position: absolute; top: 10px; right: 9px; }
div.mediumHeader .btn_close a { padding: 10px; }
/* 팝업 컴포넌트 - browserPopup : true */
div.browser_pop h1 { padding: 22px 0 0 19px; height: 42px; font-size: 14px; color: #FFF; background: url("../images/popup/common_pop_title.gif") repeat-x left top; }
div.browser_pop .btn_close { position: absolute; top: 10px; right: 9px; }
div.browser_pop .btn_set { margin-top: 22px; text-align: center; height: 47px;}
/* 팝업 컴포넌트 - paginable : true */
div.popupComponent .common_pop_paging { margin: 20px 0; text-align: center; overflow: hidden; }
div.popupComponent .common_pop_paging a { padding-left: 3px; padding-right: 3x; }
div.popupComponent .common_pop_paging p { display: inline-block; padding: 0 10px; }
div.popupComponent .common_pop_paging p strong { color: #296BAE; }


/* 트리 컴포넌트 */
.treeView #loading {width:16px; height: 16px;	position: relative;	top :-1px;}

.treeView ul{ padding: 0; margin: 0; background-color: white; margin-top: 0px;}
.treeView span{	float : left; display: block; margin: 0px; font-size: 9pt; white-space: nowrap;
				margin-left: 0px; padding-left:20px; float: left; cursor: pointer;}

.treeView #treeNm:hover{ color: #8DDBF4; cursor: pointer;}
.treeView .selected{ color: #0DDBF4;}
.treeView #treeNm:selected{	color: #0DDBF4;}

/* 노드 라인 표시 및 li의 css*/
.treeView li{ padding: 5px 0pt 5px 16px; white-space: nowrap; }
.treeView ul{ padding-top : 4px;}

/* 마지막 노드의 라인 표시(꺾은선)*/
/* .treeView ul> :last-child { background-position: 0px -1766px; } */

/*기본 열린 상태 아이콘(-)*/
.treeView .icon-circle{ background: url(../images/tree/treeview-circle.gif) -64px -25px no-repeat;
						height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer;}
.treeView .icon-arrow{ background: url(../images/tree/treeview-arrow.gif) -64px -25px no-repeat;
						height: 16px; width: 16px; margin-left: -16px; float: left; cursor: pointer;}
.treeView span[status='open']{	background: url(../images/tree/folder_open.gif) 0px 0px no-repeat;	}

.treeView span[status='open'][level='1']{background: url(../images/tree/01D_open.gif) 0px 0px no-repeat; }
.treeView span[status='open'][level='2']{background: url(../images/tree/02D_open.gif) 0px 0px no-repeat; }
.treeView span[status='open'][level='3']{background: url(../images/tree/03D_open.gif) 0px 0px no-repeat; }
.treeView span[status='open'][level='4']{background: url(../images/tree/04D_open.gif) 0px 0px no-repeat; }
.treeView span[status='open'][level='5']{background: url(../images/tree/05D_open.gif) 0px 0px no-repeat; }

/* 닫힌 상태 아이콘 (+)*/
.treeView .ui-tree-icon[status='close'],.treeView .ui-tree-icon[status='notOpen']{background-position: -80px -3px;}
.treeView span[status='close'],.treeView span[status='notOpen']{	background: url(../images/tree/folder.gif) 0px 0px no-repeat;	}

.treeView span[status='notOpen'][level='1'],.treeView span[status='close'][level='1']{background: url(../images/tree/01D.gif) 0px 0px no-repeat; }
.treeView span[status='notOpen'][level='2'],.treeView span[status='close'][level='2']{background: url(../images/tree/02D.gif) 0px 0px no-repeat; }
.treeView span[status='notOpen'][level='3'],.treeView span[status='close'][level='3']{background: url(../images/tree/03D.gif) 0px 0px no-repeat; }
.treeView span[status='notOpen'][level='4'],.treeView span[status='close'][level='4']{background: url(../images/tree/04D.gif) 0px 0px no-repeat; }
.treeView span[status='notOpen'][level='5'],.treeView span[status='close'][level='5']{background: url(../images/tree/05D.gif) 0px 0px no-repeat; }

/*하위 노드가 없는 파일 아이콘*/
.treeView span[status='end']{ background: url(../images/tree/file.gif) 0px 0px no-repeat;	}

/* Tree View Css End*/