body {
	background-color:#fff;
}


#titleArea {
	position: absolute;
	width: 100%;
	height: 38px;
	background-image:url('/img/title_bar_Gradient.png');
	border-bottom: 1px solid #E1E1E1;
}

#titleArea .buttonArea button {
	background-color : #fff;
	height: 24px;
	padding: 0 12px 2px 12px;
	border-radius: 2px;
	border: 1px solid #d5d5d5;
	font-size: 9pt;
	color: #404040;
	font-weight: bold;
	line-height: 15px;
}

#titleArea .buttonArea button:hover {
	background-color : #000000;
	border: 1px solid #000000;
	color:#fff;
}

#titleArea .buttonArea button:active {
	background-color : #000000;
	border: 1px solid #000000;
	color:#fff;
}

#titleArea .buttonArea button:disabled {
	background-image: linear-gradient(#bbb, #ccc);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#bbbbbb', endColorstr='#cccccc');
	border: 1px solid #aaa;
	color:#888;
}

.rowButtonArea .rowButton/*, .fileButtonArea .fileButton */, .normalButton, .normalButtonSmall {
	height: 18px;
	border: 1px solid #d2d2d2;
	padding-left: 5px;
	background-image: linear-gradient(#fcfcfc, #ececec);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#fcfcfc', endColorstr='#ececec');
	color: #666666;
	box-shadow: 0px 1px 0px 0px rgba(240, 240, 240, 0.004);
	font-size: 8pt;
	font-family: nanum;
	line-height: 16px;
}

.rowButtonArea .rowButton:hover, .fileButtonArea .fileButton:hover, .normalButton:hover, .normalButtonSmall:hover {
	background-image: linear-gradient(#ffffff, #ffffff);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#ffffff', endColorstr='#ffffff');
}

.rowButtonArea .rowButton:active, .fileButtonArea .fileButton:active, .normalButton:active, .normalButtonSmall:active {
	background-image: linear-gradient(#d2d2d2, #e9e9e9);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d2d2d2', endColorstr='#e9e9e9');
}

.rowButtonArea .rowButton:disabled, .fileButtonArea .fileButton:disabled, .normalButton:disabled, .normalButtonSmall:disabled {
	background-image: linear-gradient(#d1d1d1, #dfdfdf);
	filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#d1d1d1', endColorstr='#dfdfdf');
}

.normalButtonSmall {
	padding-top:0px;
	padding-bottom:0px;
	text-align:center;
}

.rowButtonArea .rowButton {
	width: 56px;
	padding: 0px;
	text-align:center;
}

.rowButtonArea .rowButton img {
	vertical-align:middle;
	margin-right:3px;
}

.rowButtonArea {
	text-align:right;
}

.fileButtonArea {
	position: absolute;
	right: 5px;
	top: 5px;
	height: calc(100% - 10px);
	width: 85px;
	padding-top: 1px;
	padding-top: 3px\9\0;
	padding-left: 4px;
	padding-right: 4px;
/* 	border: 1px solid; */
	line-height: 30px;
	text-align: center;
	
	background-color: #fafafa;
	border: 1px solid #c6c6c6;
}

.fileButtonArea .fileButton {
	color: #444;
	height: 24px;
	line-height: 20px;
	width: 100%;
	font-size: 9pt;
	padding-left: 10px;
	padding-right: 10px;
}

.normalButton {
	color: #444;
	height: 25px;
	vertical-align:middle;
	line-height: 22px;
/* 	line-height: 21px\9\0; */
	font-size: 9pt;
	padding-left: 10px;
	padding-right: 10px;
	font-family:gulim;
}

#searchArea {
	position: absolute;
	left: 12px;
	top: 49px;
	width: calc(100% - 24px);
	padding-bottom:7px;
	background-color: #f5f7fa;
	border: 1px solid #e7e7e7;
}

.searchRow {
	margin-left: 12px;
	margin-top: 7px;	
	white-space:nowrap;
}



.searchRow>input {
	height: 25px;
	color: #555555;
	border: 1px solid #c8c8c8;
	font-size: 9pt;
	padding-left: 4px;
	line-height:0;
}

.searchRow>input:focus {
	height: 25px;
	color: #555555;
	border: 1px solid red; /* #68b5e4;; */
	font-size: 9pt;
}

.searchRow>input[data-required=true] {
	background-image:url('/img/img_true.png');
	background-repeat:no-repeat;
	background-position:1px 1px;
}

.searchRow>input[readonly] {
	height: 25px;
	color: #939393;
	background-color: #e8e8e8;
	border: 1px solid #c8c8c8;;
	padding-right:5px;
	font-size: 9pt;
}

.searchRow>input[readonly] {
	height: 25px;
	color: #939393;
	background-color: #e8e8e8;
	border: 1px solid #c8c8c8;;
	padding-right:5px;
	font-size: 9pt;
}

.searchRow>input[type=file] {
	line-height:22px !important;
	vertical-align:middle;
}

.searchRow>label {
/* 	font-size: 10pt; */
	height: 27px;
	color: #333333;
	margin-right: 5px;
	margin-left: 10px;
}

.searchRow>label {
	background-image: url('/img/img_title01.png');
	background-repeat: no-repeat;
	background-position: left center;
	display: inline-block;
	height: 14px;
	padding-left: 8px;
	line-height: 14px;
}

.searchRow>label.required {
	color:#cc0000;
	background-image:url('/img/img_title02.png');
}

.searchRow.c2 {
	width: calc(50% - 24px);
	display:inline-block;
}

.searchRow.c3 {
	width: calc(33% - 24px);
	display:inline-block;
}

.searchRow.c4 {
	width: calc(25% - 24px);
	display:inline-block;
}

.searchRow.c5 {
	width: calc(20% - 24px);
	display:inline-block;
}

.searchRow.c6 {
	width: calc(16.6% - 24px);
	display:inline-block;
}

.formArea {
	position: absolute;
	top: 100px;
	right: 12px;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
}

.formRow {
	border-bottom: 1px solid #e1e1e1;
	
	white-space:nowrap;
}

.formRow:last-child {
	border:0px;
}

.formRow.c2 {
	width: calc(50% - 2px);
	display:inline-block;
}

.formRow.c3 {
	width: calc(33% - 2px);
	display:inline-block;
}

.formRow.c4 {
	width: calc(25% - 3px);
	display:inline-block;
}

.formRow.c5 {
	width: calc(20% - 2px);
	display:inline-block;
}

.formRow.c6 {
	width: calc(16.6% - 3px);
	display:inline-block;
}

.formRow>label:not(.radio) {
	display:inline-block;
/* 	font-size: 10pt; */
	height: 36px;
	color: #333333;
	margin-right:5px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 10px;
	background-color: #f4f4f4;
	background-image: url('/img/img_title01.png');
	background-repeat: no-repeat;
	background-position: 10px 13px;
	min-width : 130px;
	line-height:15px;
}

.formRow>label.required {
	background-image: url('/img/img_title02.png');
	color:#cc0000;
}

.formRow>input {
	height: 25px;
	color: #555555;
	border: 1px solid #c8c8c8;;
	font-size: 9pt;
	padding-left: 4px;
/* 	margin-right:10px; */
}

.formRow>input:focus {
	height: 25px;
	color: #555555;
	border: 1px solid red; /* #68b5e4; */
	font-size: 9pt;
}

.formRow>input[data-required=true] {
	background-image:url('/img/img_true.png');
	background-repeat:no-repeat;
	background-position:1px 1px;
}

.formRow>input[readonly] {
	height: 25px;
	color: #939393;
	background-color: #e8e8e8;
	border: 1px solid #c8c8c8;;
	font-size: 9pt;
}

button.btnCodeHelp, button.btnCodeHelpGrid {
    margin-top:-4px; 
	background-image: url('/img/img_search.png') !important;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-color: #ecedef;
	border: 1px solid #c8c8c8;
	border-left:0px;
	height:25px;
	width:25px;
	line-height: 21px;
	line-height: 22px\9\0;
	background-position: center;
	vertical-align: middle;
}

button.btnNumPlusGrid {
	background-image: url('/img/plus.png') !important;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-color: #ecedef;
	border: 1px solid #c8c8c8;
	border-left:0px;
	height:26px;
	width:25px;
	line-height: 21px;
	line-height: 22px\9\0;
	vertical-align:middle;
}

button.btnNumMinusGrid {
	background-image: url('/img/minus.png') !important;
 	background-repeat: no-repeat;
 	background-position: center;
 	background-color: #ecedef;
	border: 1px solid #c8c8c8;
	border-left:0px;
	height:26px;
	width:25px;
	line-height: 21px;
	line-height: 22px\9\0;
	vertical-align:middle;
}

button.btnCodeHelpGrid {
	/*height:24px;*/
	height:33px;
	width:25px;
	margin-top:0px;
}

button.btnCodeHelp:active, button.btnCodeHelpGrid:active {
	background-color: #dddddd;
 	background-image: url('/img/img_search_ov.png') !important;
}

.formTitle {
	position: absolute;
	display: block;
	left: 12px;
	top: 100px;
	font-weight: bold;
/* 	font-size: 10pt; */
	color: #505050;
}

.ui-datepicker-trigger {
	background-color: #ecedef;
	width: 25px;
	height: 25px;
	border: 1px solid #c8c8c8;
	margin-top:-4px;
	border-left-width: 0px;
	background-image: url('/img/img_cal.png') !important;
	background-repeat: no-repeat;
	background-position: center;
	line-height:22px\9\0;
	vertical-align: middle;
}

.fileList .fileItem {
	border: 1px solid #cdcdcd;
	height: 28px;
	padding-top: 3px;
	padding-left: 5px;
	width: calc(100% - 5px);
	margin-bottom: 3px;
	padding-top: 4px\9\0;
	height: 32px\9\0;
}

.fileList .fileItem input[type=file] {
	color: #444;
	height: 23px;
	margin-bottom: 4px;
	width: calc(100% - 28px);
	border-radius:0px;
	border:1px solid #bbb\9\0;
}

.btnMoveRight {
	background-image: url('/img/btn_arrow01.png');
	width: 40px;
	height: 28px;
	border: none;
	position: absolute;
	top: calc(50% - 30px);
}

.btnMoveLeft {
	background-image: url('/img/btn_arrow02.png');
	width: 40px;
	height: 28px;
	border: none;
	position: absolute;
	top: calc(50%);
}

.btnMoveRight:active {
	background-image: url('/img/btn_arrow01_ov.png');
}

.btnMoveLeft:active {
	background-image: url('/img/btn_arrow02_ov.png');
}

input[type=checkbox]:not(.webix_table_checkbox):not(.webix_table_masterCheckBox) {
	display: none;
}

input[type="checkbox"]+label:not(.webix_table_checkbox):not(.webix_table_masterCheckBox) {
	line-height: 140%;
	cursor: pointer;
	padding: 3px 0px 2px 25px;
	color: #494949;
	font-size: 9pt;
	background-image: url('/img/btn_checkbox1.png');
	background-repeat: no-repeat;
	background-position: left center;
}

input[type="checkbox"]:checked+label:not(.webix_table_checkbox):not(.webix_table_masterCheckBox) {
	background-image: url('/img/btn_checkbox_ov1.png');
}

input[type="checkbox"]:disabled+label:not(.webix_table_checkbox):not(.webix_table_masterCheckBox) {
	background-image: url('/img/btn_checkbox_dis1.png');
}

input[type=radio]:not(.webix_table_checkbox):not(.webix_table_masterCheckBox) {
	display: none;
}

input[type="radio"]+label:not(.webix_table_checkbox):not(.webix_table_masterCheckBox) {
	cursor: pointer;
	padding: 2px 0px 6px 25px;
	color: #494949;
	font-size: 9pt;
	background-image: url('/img/radio.png');
	background-repeat: no-repeat;
	background-position: left 3px top 3px;
}

input[type="radio"]:checked+label:not(.webix_table_checkbox):not(.webix_table_masterCheckBox) {
	background-image: url('/img/radio_ov.png');
}

input[type="radio"]:disabled+label:not(.webix_table_checkbox):not(.webix_table_masterCheckBox) {
	background-image: url('/img/radio.png');
}


/* fileList */
.fileList .fileItem {
	border: 1px solid #cdcdcd;
	height: 28px;
	padding-top: 3px;
	padding-left: 5px;
	width: calc(100% - 5px);
	margin-bottom: 3px;
	
	padding-top: 4px\9\0;
	height: 32px\9\0;
}

.fileList .fileItem input[type=file] {
	color: #444;
	height: 23px;
	margin-bottom: 4px;
	width: calc(100% - 28px);
	border-radius:0px;
	border:1px solid #bbb\9\0;
}

.fileList .fileItem .fileButton {
	border:0px none;
	background-color:transparent;
}

.month-picker-open-button {
	line-height:30px;
}