@charset "utf-8";
:root {
	/* Default */
	--def-color: #576374;
	--def-bg-color: #ffffff;
	--def-bd-color: #acb7cd;
	--def-bd-radius: 4px;
	--def-font-size: 12px;
	--def-font-size-min: calc(var(--def-font-size) - 1px);
	--def-font-size-max: calc(var(--def-font-size) + 1px);
	--def-font-family: 'Malgun Gothic', '맑은 고딕', dotum, '돋움', Tahoma, sans-serif;
	--def-focus-box-shadow: none;

	/* Header */
	--header-color: #576374;
	--header-bg-color: #e3ebf3;

	/* Button */
	--btn-color: #576374;
	--btn-bg-color: #d5e3f1;
	--btn-bd-color: #acb7cd;
	--btn-hover-color: #576374;
	--btn-hover-bg-color: #e8ebf5;
	--btn-hover-bd-color: #acb7cd;

	/* Primary */
	--primary-color: #576374;
	--primary-bg-color: #f9fcff;
	--primary-bd-color: #acb7cd;
	--primary-hover-color: #576374;
	--primary-hover-bg-color: #e8ebf5;
	--primary-hover-bd-color: #acb7cd;

	/* Point */
	--point-color: #ffffff;
	--point-bg-color: #637591;

	/* Hover */
	--hover-color: #536273;
	--hover-bg-color: #e8ebf5;
	--hover-bd-color: #8299bb;

	/* Active */
	--active-color: #ffffff;
	--active-bg-color: #637591;
	--active-bd-color: #637591;

	/* Readonly */
	--readonly-color: var(--def-color);
	--readonly-bg-color: var(--def-bg-color);
	--readonly-bd-color: var(--def-bd-color);

	/* Disabled */
	--disabled-color: #999999;
	--disabled-bg-color: #f8f8f8;
	--disabled-bd-color: #e2e6e6;

	/* Grid */
	--grid-header-bg-from: #eff5fc;
	--grid-header-bg-mid: #dce7f5;
	--grid-header-bg-to: #d1e2ef;

	--grid-font: var(--def-font-size) var(--def-font-family);
	--grid-font-bold: bold var(--def-font-size) var(--def-font-family);
	--grid-font-size: var(--def-font-size) var(--def-font-family);

	--grid-hd-grp-bg-from: var(--grid-header-bg-from);
	--grid-hd-grp-bg-mid: var(--grid-header-bg-mid);
	--grid-hd-grp-bg-to: var(--grid-header-bg-to);

	--grid-hd-bg-form: var(--grid-hd-grp-bg-from);
	--grid-hd-bg-mid: var(--grid-hd-grp-bg-mid);
	--grid-hd-bg-to: var(--grid-hd-grp-bg-to);

	--grid-grp1-bg-color: #e7e7e7;
	--grid-grp2-bg-color: #d7d7d7;
	--grid-grp3-bg-color: #cecccc;
	--grid-grp4-bg-color: #c7c4c4;
	--grid-grp5-bg-color: #c1bbbb;

	--grid-grp-sum-bg-color: #b0dcee;
	--grid-total-sum-bg-color: #ecf7fd;

	/* --hover-bg-color */
	--grid-columnHighlight-from: #acb7cd00; /*  0% */
	--grid-columnHighlight-mid:  #acb7cd11; /*  7% */
	--grid-columnHighlight-to:   #acb7cd1A; /* 10% */

	/* --active-bg-color */
	--grid-rowHighlight-from: #63759133; /* 20% */
	--grid-rowHighlight-mid:  #63759133;
	--grid-rowHighlight-to:   #63759133;
}

/*--------------------------------------------------------------------------------------------------------------------*/
::-moz-selection {background: var(--point-bg-color);color: var(--point-color);}
::selection {background: var(--point-bg-color);color: var(--point-color);}
.wai-input, .wai-select {width:var(--inp-width); height: var(--inp-height);}

/* Button */
.wai-btn {
	padding: 5px 10px;margin: 3px 0px;border: 1px solid rgba(0,0,0,.08);
	color: var(--btn-color);border: 1px solid var(--btn-bd-color);background-color: var(--btn-bg-color);
}
.wai-btn-primary {color: var(--primary-color);border: 1px solid var(--primary-bd-color);background-color: var(--primary-bg-color);}

.wai-btn:hover {color: var(--btn-hover-color);border: 1px solid var(--btn-hover-bd-color);background-color: var(--btn-hover-bg-color);}
.wai-btn-primary:hover {color: var(--primary-hover-color);border: 1px solid var(--primary-hover-bd-color);background-color: var(--primary-hover-bg-color);}

.wai-btn:disabled, .wai-btn:hover:disabled {
	cursor: default;opacity: 0.6;filter: grayscale(.1%);
	color: var(--btn-color);border: 1px solid var(--btn-bd-color);background-color: var(--btn-bg-color);
}
.wai-btn-primary:hover:disabled, .wai-btn-primary:disabled{color: var(--primary-color);border: 1px solid var(--primary-bd-color);background-color: var(--primary-bg-color);}

/* Select */
.wai-select {cursor: default;color: var(--def-color);}
.wai-select-primary {color: var(--primary-color);background-color: var(--primary-bg-color);border-color: var(--primary-bd-color);}
.wai-select:disabled {color: var(--def-color);border-color: var(--def-bd-color);}
.wai-select-primary:disabled {color: var(--primary-color);background-color: var(--primary-bg-color);border-color: var(--primary-bd-color);}

grid {
	visibility: hidden;
	display:block;
	border:0px !important;
}

grid > div {
	box-sizing: border-box;
	border:1px solid var(--def-bd-color);
	border-radius: var(--def-bd-radius);
	overflow: hidden;
}

codecombo {
	visibility: hidden;
	display:block;
	border:0px !important;
}

chart {
	visibility: hidden;
	display:block;
	border:0px !important;
}

treeview {
	visibility: hidden;
	display:block;
	border:0px !important;
}

ctree {
	visibility: hidden;
	display:block;
	border:0px !important;
}

edit {
	visibility: hidden;
	display:block;
	border:0px !important;
}

layout {
	visibility: hidden;
	display:block;
	border:0px !important;
}

dateedit {
	visibility: hidden;
	display:block;
	border:0px !important;
}

tabControl {
	visibility: hidden;
	display:block;
	border:0px !important;
}

calendar {
	visibility: hidden;
	display:block;
	border:0px !important;
}

bProgress {
	visibility: hidden;
	display:block;
	border:0px !important;
}

cProgress {
	visibility: hidden;
	display:block;
	border:0px !important;
}

external {
	visibility: hidden;
	display:block;
	border:0px !important;
}

subFrame {
	visibility: hidden;
	display:block;
	border:0px !important;
}

searchEdit {
	visibility: hidden;
	display:block;
	border:0px !important;
}

imgButton {
	visibility: hidden;
	display:block;
	border:0px !important;
}

/***************************************************************************************************
	basic
***************************************************************************************************/
body, button, input, select, textarea, table {font-family:var(--def-font-family);font-size:var(--def-font-size);color: var(--def-color);}
img {border:0 none !important; vertical-align:middle;}
textarea {resize: none;}
/*
a:link, a:visited {color:#637591; text-decoration:none;}
a:hover {color:#28baed; text-decoration:underline;}
a:active {color:#f0770a; text-decoration:none;}
*/
.txtBold {font-weight:bold;}

/***************************************************************************************************
	form
***************************************************************************************************/
input, select, textarea {padding:2px 4px;border-radius:var(--def-bd-radius); background-color:var(--def-bg-color); box-sizing:border-box;border:1px solid var(--def-bd-color);}
input:focus, select:focus, textarea:focus {color:var(--def-color);border-color:var(--def-bd-color);outline:none;box-shadow:var(--def-focus-box-shadow);}
.textboxfocus {box-shadow:var(--def-focus-box-shadow);}
input[readonly], select[readonly], textarea[readonly] {background-color:var(--readonly-bg-color);color: var(--readonly-color);border-color: var(--readonly-bd-color);}
input:disabled, select:disabled, textarea:disabled {background-color:var(--disabled-bg-color);color: var(--disabled-color);border-color: var(--disabled-bd-color);}
input[type=text], input[type=password], input[type=number] { padding:0 7px;}
input[type=checkbox], input[type=radio] {width:16px; height:16px; margin:0px; accent-color:var(--point-bg-color);border:1px solid var(--def-bd-color);}
input[type=checkbox]:focus, input[type=radio]:focus {box-shadow:none;}
select {padding:0;}
select option {color:var(--def-color);}
select option:checked {color:var(--active-color);background-color:var(--active-bg-color);}
option:hover{color:var(--hover-color);background-color: var(--hover-bg-color);}
textarea {padding:5px 7px;}

/** 검색 영역 **/
.wai_form_srchArea {background-color:#f6f7fb;}

/***************************************************************************************************
	div
***************************************************************************************************/
.wai_div_groupDiv {}
.wai_div_groupDiv > div {}
.wai_div_groupDiv > div > div {}

/** 메시지 영역 **/
.wai_div_msgArea {border:1px solid #e2e3ea !important; border-radius:var(--def-bd-radius); box-shadow:0 0 4px #ccc;}

/***************************************************************************************************
	img & label
***************************************************************************************************/
/** img **/
.wai_img_bpTitle {}
.wai_img_bpDot {}
.wai_img_bpDash {}
.wai_img_bpSquare {}
.wai_img_bpCircle {}
/** label 타이틀 **/
label > img {}
label {color:var(--def-color);}
.wai_label_itmTitle {font-size:12px;}
.wai_label_midTitle {font-size:14px;}
.wai_label_topTitle {font-size:16px;}
.wai_label_itmTitleImportant {padding-left:10px; background:url(images/bpDash.png) no-repeat 0 8px; font-size:12px; font-weight:bold;}
.wai_label_midTitleImportant {padding-left:10px; background:url(images/bpDot.png) no-repeat 0 8px; font-size:14px; font-weight:bold;}
.wai_label_topTitleImportant {font-size:16px; font-weight:bold;}
.wai_label_bpTitleLabel {padding-left:16px; background:url(images/bpTitle.png) no-repeat 0 6px; font-size:16px; font-weight:bold;}

/***************************************************************************************************
	button
***************************************************************************************************/
button {border-radius: var(--def-bd-radius); font-weight:bold; cursor:pointer;color:var(--header-color);border:1px solid var(--def-bd-color);background-color:var(--header-bg-color);}
button:hover {color:var(--hover-color);border:1px solid var(--def-bd-color);background-color:var(--hover-bg-color);}
button:disabled {border-color:var(--disabled-bd-color);cursor:default;color:var(--disabled-color);background-color:var(--disabled-bg-color);}
.pointBtn {border-color:#8299bb; background-color:#8299bb; color:#fff;}
.pointBtn:hover, .pointBtn:focus {border-color:#637591; background-color:#637591; color:#fff;}

[class*=wai_button_] {padding-left:23px;}
[class*=wai_button_]:after {display:block; content:""; position:absolute; top:5px; left:9px; width:10px; height:10px; background-image:url(images/btnIcons.png);}
/** 추가버튼 **/
.wai_button_addBtn:after {background-position:0 0;}
.wai_button_addBtn:hover:after {background-position:-10px 0;}
.wai_button_addBtn:disabled:after {background-position:-20px 0;}
.pointBtn.wai_button_addBtn:after,
.pointBtn.wai_button_addBtn:hover:after {background-position:-30px 0;}
.pointBtn.wai_button_addBtn:disabled:after {background-position:-20px 0;}
/** 삭제버튼 **/
.wai_button_delBtn:after {background-position:0 -10px;}
.wai_button_delBtn:hover:after {background-position:-10px -10px;}
.wai_button_delBtn:disabled:after {background-position:-20px -10px;}
.pointBtn.wai_button_delBtn:after,
.pointBtn.wai_button_delBtn:hover:after {background-position:-30px -10px;}
.pointBtn.wai_button_delBtn:disabled:after {background-position:-20px -10px;}
/** 수정버튼 **/
.wai_button_modBtn:after {background-position:0 -20px;}
.wai_button_modBtn:hover:after {background-position:-10px -20px;}
.wai_button_modBtn:disabled:after {background-position:-20px -20px;}
.pointBtn.wai_button_modBtn:after,
.pointBtn.wai_button_modBtn:hover:after {background-position:-30px -20px;}
.pointBtn.wai_button_modBtn:disabled:after {background-position:-20px -20px;}
/** 삽입버튼 **/
.wai_button_insBtn:after {background-position:0 -30px;}
.wai_button_insBtn:hover:after {background-position:-10px -30px;}
.wai_button_insBtn:disabled:after {background-position:-20px -30px;}
.pointBtn.wai_button_insBtn:after,
.pointBtn.wai_button_insBtn:hover:after {background-position:-30px -30px;}
.pointBtn.wai_button_insBtn:disabled:after {background-position:-20px -30px;}
/** 저장버튼 : 파일저장 **/
.wai_button_saveBtn:after {background-position:0 -40px;}
.wai_button_saveBtn:hover:after {background-position:-10px -40px;}
.wai_button_saveBtn:disabled:after {background-position:-20px -40px;}
.pointBtn.wai_button_saveBtn:after,
.pointBtn.wai_button_saveBtn:hover:after {background-position:-30px -40px;}
.pointBtn.wai_button_saveBtn:disabled:after {background-position:-20px -40px;}
/** 로드버튼 : 파일읽기 **/
.wai_button_loadBtn:after {background-position:0 -50px;}
.wai_button_loadBtn:hover:after {background-position:-10px -50px;}
.wai_button_loadBtn:disabled:after {background-position:-20px -50px;}
.pointBtn.wai_button_loadBtn:after,
.pointBtn.wai_button_loadBtn:hover:after {background-position:-30px -50px;}
.pointBtn.wai_button_loadBtn:disabled:after {background-position:-20px -50px;}
/** 열기버튼 : 파일열기 **/
.wai_button_openBtn:after {background-position:0 -60px;}
.wai_button_openBtn:hover:after {background-position:-10px -60px;}
.wai_button_openBtn:disabled:after {background-position:-20px -60px;}
.pointBtn.wai_button_openBtn:after,
.pointBtn.wai_button_openBtn:hover:after {background-position:-30px -60px;}
.pointBtn.wai_button_openBtn:disabled:after {background-position:-20px -60px;}
/** 실행버튼 : run or execute **/
.wai_button_execBtn:after {background-position:0 -70px;}
.wai_button_execBtn:hover:after {background-position:-10px -70px;}
.wai_button_execBtn:disabled:after {background-position:-20px -70px;}
.pointBtn.wai_button_execBtn:after,
.pointBtn.wai_button_execBtn:hover:after {background-position:-30px -70px;}
.pointBtn.wai_button_execBtn:disabled:after {background-position:-20px -70px;}
/** 검색버튼 **/
.wai_button_findBtn:after {background-position:0 -80px;}
.wai_button_findBtn:hover:after {background-position:-10px -80px;}
.wai_button_findBtn:disabled:after {background-position:-20px -80px;}
.pointBtn.wai_button_findBtn:after,
.pointBtn.wai_button_findBtn:hover:after {background-position:-30px -80px;}
.pointBtn.wai_button_findBtn:disabled:after {background-position:-20px -80px;}
/** 예버튼 **/
.wai_button_yesBtn:after {background-position:0 -90px;}
.wai_button_yesBtn:hover:after {background-position:-10px -90px;}
.wai_button_yesBtn:disabled:after {background-position:-20px -90px;}
.pointBtn.wai_button_yesBtn:after,
.pointBtn.wai_button_yesBtn:hover:after {background-position:-30px -90px;}
.pointBtn.wai_button_yesBtn:disabled:after {background-position:-20px -90px;}
/** 아니오버튼 **/
.wai_button_noBtn:after {background-position:0 -100px;}
.wai_button_noBtn:hover:after {background-position:-10px -100px;}
.wai_button_noBtn:disabled:after {background-position:-20px -100px;}
.pointBtn.wai_button_noBtn:after,
.pointBtn.wai_button_noBtn:hover:after {background-position:-30px -100px;}
.pointBtn.wai_button_noBtn:disabled:after {background-position:-20px -100px;}
/** 확인버튼 **/
.wai_button_okBtn:after {background-position:0 -110px;}
.wai_button_okBtn:hover:after {background-position:-10px -110px;}
.wai_button_okBtn:disabled:after {background-position:-20px -110px;}
.pointBtn.wai_button_okBtn:after,
.pointBtn.wai_button_okBtn:hover:after {background-position:-30px -110px;}
.pointBtn.wai_button_okBtn:disabled:after {background-position:-20px -110px;}
/** 취소버튼 **/
.wai_button_cancelBtn:after {background-position:0 -120px;}
.wai_button_cancelBtn:hover:after {background-position:-10px -120px;}
.wai_button_cancelBtn:disabled:after {background-position:-20px -120px;}
.pointBtn.wai_button_cancelBtn:after,
.pointBtn.wai_button_cancelBtn:hover:after {background-position:-30px -120px;}
.pointBtn.wai_button_cancelBtn:disabled:after {background-position:-20px -120px;}
/** 무시버튼 **/
.wai_button_ignoreBtn:after {background-position:0 -130px;}
.wai_button_ignoreBtn:hover:after {background-position:-10px -130px;}
.wai_button_ignoreBtn:disabled:after {background-position:-20px -130px;}
.pointBtn.wai_button_ignoreBtn:after,
.pointBtn.wai_button_ignoreBtn:hover:after {background-position:-30px -130px;}
.pointBtn.wai_button_ignoreBtn:disabled:after {background-position:-20px -130px;}
/** 재시도버튼 **/
.wai_button_retryBtn:after {background-position:0 -140px;}
.wai_button_retryBtn:hover:after {background-position:-10px -140px;}
.wai_button_retryBtn:disabled:after {background-position:-20px -140px;}
.pointBtn.wai_button_retryBtn:after,
.pointBtn.wai_button_retryBtn:hover:after {background-position:-30px -140px;}
.pointBtn.wai_button_retryBtn:disabled:after {background-position:-20px -140px;}


/***************************************************************************************************
	tab
***************************************************************************************************/
.col2 > li {width:50%;}
.col3 > li {width:33.3333%;}
.col4 > li {width:25%;}
.col5 > li {width:20%;}

.wai_ul_tab {display:table; width:100%; min-height:50px; margin:0; padding:0; border-left:1px solid #cedce5; list-style-type:none; box-sizing:border-box;}
.wai_ul_tab > li {display:table-cell; border:1px solid #cedce5; border-left:0 none; background-color:#f6f7fb; text-align:center; vertical-align:middle;}
.wai_ul_tab > li:hover {background-color:#8299bb; cursor:pointer;}
.wai_ul_tab > li:hover a {color:#fff;}
.wai_ul_tab a {display:block; padding:10px; color:#acb7cd;}
.wai_ul_tab a:hover {text-decoration:none;}

li.tab_selected {border-top:4px solid #637591; border-bottom:1px solid #fff; background-color:#fff;}
li.tab_selected a {color:#637591; font-weight:bold;}


/***************************************************************************************************
	CodeCombo
***************************************************************************************************/
/** easyui.css **/
.textbox {position:relative; display:inline-block; margin:0; padding:0;border: 1px solid var(--def-bd-color);border-radius:var(--def-bd-radius);background-color:var(--def-bg-color);white-space:nowrap; overflow:hidden;}
.textbox .textbox-text {padding-left:7px !important; border:0 none; vertical-align:top; white-space:normal; resize:none;}
[_disabled] .textbox {border-color:var(--disabled-bd-color);}
.combo-arrow {
	background: var(--point-bg-color);
	-webkit-mask:url(images/btn_comboData.png) no-repeat 0;
	opacity: 0.6;
}
.combo-arrow-hover, .combo-arrow:hover {
	background: var(--point-bg-color);
	-webkit-mask: url(images/btn_comboData.png) no-repeat -18px;
	opacity: 1;
}
.textbox-icon-disabled, .textbox-icon-disabled:hover {
	background:transparent url(images/btn_comboData.png) no-repeat -54px;
	filter: grayscale(1);
	opacity: 0.6;
	-webkit-mask: none;
}
.panel-header, .panel-body {border-color:var(--def-bd-color);border-radius: var(--def-bd-radius);}
.datagrid-btable, .datagrid-ftable {border-collapse:separate;color:var(--def-color);}
.datagrid-htable {font-weight:bold;border-collapse:separate;color: var(--header-color);}
.datagrid-header-inner {color: var(--header-color);background-color: var(--header-bg-color);}
.datagrid-header td {border-color:var(--def-bd-color);}
.datagrid-header td.datagrid-header-over {background:var(--header-bg-color);cursor:default;color:var(--header-color);}
.datagrid-row-over{cursor:default;background-color: var(--hover-bg-color);color:var(--hover-color);}
.datagrid-row-selected {background-color: var(--active-bg-color);color:var(--active-color);}
.datagrid-body {scrollbar-arrow-Color:#8ea3c2; scrollbar-Track-Color:#f8f8f8; scrollbar-base-Color:#fff; scrollbar-Face-Color:#eff2f6; scrollbar-3dLight-Color:#acb7cd; scrollbar-DarkShadow-Color:#b8c1d4; scrollbar-Highlight-Color:#fff; scrollbar-Shadow-Color:#acb7cd;}

.tree-folder {background:url(images/tree_icons.png) no-repeat -208px 0;}
.tree-folder-open {background:url(images/tree_icons.png) no-repeat -224px 0;}
.tree-file {background:url(images/tree_icons.png) no-repeat -240px 0;}
.tree-collapsed {background:url(images/tree_icons.png) no-repeat 0px 0px;}
.tree-node-hover {background:#edf0f5; color:#576374;}
.tree-node-selected {background:#637591; color:#fff;}
.tree-node-selected .tree-folder {background:url(images/tree_icons.png) no-repeat -208px -36px;}
.tree-node-selected .tree-folder-open {background:url(images/tree_icons.png) no-repeat -224px -36px;}
.tree-node-selected .tree-expanded {background: url(images/tree_icons.png) no-repeat -18px -36px;}
.tree-node-selected .tree-expanded-hover {background: url('images/tree_icons.png') no-repeat -50px 0px;}
/** icon.css **/
.tree-file.icon-add {background:url(images/tree_icons2.png) no-repeat 0 0;}
.tree-file.icon-remove {background:url(images/tree_icons2.png) no-repeat -16px 0;}
.tree-file.icon-save {background:url(images/tree_icons2.png) no-repeat -32px 0;}
.tree-file.icon-search {background:url(images/tree_icons2.png) no-repeat -48px 0;}
.tree-node-selected .icon-add {background:url(images/tree_icons2.png) no-repeat 0 -18px;}
.tree-node-selected .icon-remove {background:url(images/tree_icons2.png) no-repeat -16px -18px;}
.tree-node-selected .icon-save {background:url(images/tree_icons2.png) no-repeat -32px -18px;}
.tree-node-selected .icon-search {background:url(images/tree_icons2.png) no-repeat -48px -18px;}

/***************************************************************************************************
	Edit
***************************************************************************************************/
.editDiv {
	width: 150px;
	height: 20px;
}
.editInput {
	width:100%;height:100%;box-sizing:border-box;vertical-align:top;
}

/***************************************************************************************************
	Dateedit
***************************************************************************************************/
.dateeditBox {
	box-sizing:border-box;
	margin: 0; padding: 0; display: block;white-space: nowrap;
	vertical-align: middle;overflow: hidden;
	border-radius: var(--def-bd-radius);
	background-color: var(--def-bg-color);border: 1px solid var(--def-bd-color);
	width: 150px;
	height: 20px;
}
.dateeditBox.readonly {border: 1px solid var(--readonly-bd-color);}
.dateeditBox.disabled {border: 1px solid var(--disabled-bd-color);}
.dateeditBox .dateeditInp{
	width:100%;height:100%;margin:0;border:0;outline:none;vertical-align:top;white-space:normal;resize:none;font-size:var(--def-font-size);border-radius: 0;
}
.waiCalendar.waiDateedit {position:absolute;z-index:2147483647;padding:0;margin:0;visibility:hidden;border:1px solid var(--def-bd-color);border-radius:var(--def-bd-radius);line-height: 1;}
.dateeditBox .calbtnSpan {top:0;right:0;width:18px;height:100%;}
.dateeditBox .calbtnSpan,
.dateeditBox .calbtnSpan:hover {
	float: right;top:0;border-width:0 0 0 1px;
}
.dateeditBox .calbtnSpan .calbtn {
	width:100%;
	height:100%;
	padding:0;
	margin:0;
	border:0;
	outline:none;
	vertical-align:top;
	text-align: center;
	text-decoration: none;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	opacity: 0.6;
	background: var(--point-bg-color);
	-webkit-mask:url(images/btn_calendar.png) no-repeat 0;
}
.dateeditBox .calbtnSpan .calbtn:hover:enabled {
	width:100%;
	height:100%;
	cursor:pointer;
	overflow:hidden;
	white-space:nowrap;
	opacity: 1;
	background: var(--point-bg-color);
	-webkit-mask: url(images/btn_calendar.png) no-repeat -18px;
}
.dateeditBox .calbtnSpan .calbtn.readonly,
.dateeditBox .calbtnSpan .calbtn:hover.readonly,
.dateeditBox .calbtnSpan .calbtn.readonly:hover {
	filter: grayscale(1);
	background: transparent url(images/btn_calendar.png) no-repeat -36px;
	-webkit-mask: none;
	cursor: default;
	opacity: 0.6;
}
.dateeditBox .calbtnSpan .calbtn:disabled,
.dateeditBox .calbtnSpan .calbtn:hover:disabled,
.dateeditBox .calbtnSpan .calbtn:disabled:hover {
	width:100%;
	height:100%;
	overflow:hidden;
	white-space:nowrap;
	cursor:default;
	border-radius: 0;
	filter: grayscale(1);
	background: var(--disabled-bg-color) url(images/btn_calendar.png) no-repeat -54px;
	-webkit-mask: none;
}

/* Calendar Bottom Buttons */
.waiCalendar.waiDateedit .addbtn {
	height:22px;
	background-color:#f4f4f4 !important; /* Today / Close 버튼의 배경색 */
}
.waiCalendar.waiDateedit .cal-current, /* Today Button */
.waiCalendar.waiDateedit .cal-close {  /* Close Button */
	color:#444;
	height: 18px;
	padding: 2px 5px;
	text-align: center;
	opacity: 0.7;
	filter: alpha(opacity=70);
	cursor:pointer;
}
.waiCalendar.waiDateedit .cal-current:hover{
	font-size: var(--def-font-size);
	font-weight: bold;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor:pointer;
}
.waiCalendar.waiDateedit .cal-close:hover{
	font-size: var(--def-font-size);
	font-weight: bold;
	text-decoration: none;
	opacity: 1;
	filter: alpha(opacity=100);
	cursor:pointer;
}

/***************************************************************************************************
	Calendar
***************************************************************************************************/
.waiCalendarDiv { border-radius:1px; }
.waiCalendar.waiCal {
	border-width: 1px;
	border-style: solid;
	padding: 0px !important;
	overflow: hidden;
	width:calc(100% - 2px) !important;
	height:calc(100% - 2px) !important;
	border-color: var(--def-bd-color);
	border-radius: var(--def-bd-radius);
	background-color: var(--def-bg-color);
}
.waiCalendar.calendar table {
	table-layout: fixed;
	border-collapse: separate;
	font-size: var(--def-font-size);
	width: 100%;
	height: calc(100% - 1px);
	background-color: var(--def-bg-color);
}
.waiCalendar.waiDateedit .addbtn table { background-color: #f4f4f4; }
.waiCalendar.calendar table th {padding:1px 0 3px; font-size:10px; font-weight:bold;color:var(--def-color);}
.waiCalendar.calendar table td {font-size:var(--def-font-size);}
.waiCalendar.calendar .calendar-noborder {border: 0;}
.waiCalendar.calendar .calendar-header {position:relative; height:30px; margin:0px; border-bottom:1px solid #e0e3ea; background-color:#fff;}
.waiCalendar.calendar .calendar-title {height:30px; text-align:center;font-weight: bold;background-color: var(--header-bg-color);color: var(--header-color);}
.waiCalendar.calendar .calendar-title span {position:relative; display:inline-block; height:18px; line-height:18px; top:calc(50% - 9px); padding:0 3px; border-radius:5px;font-family:var(--def-font-family); font-size:var(--def-font-size); font-weight:bold; cursor:pointer;color:var(--header-color);border:1px solid var(--header-bg-color);}
.waiCalendar.calendar .calendar-prevmonth,
.waiCalendar.calendar .calendar-nextmonth,
.waiCalendar.calendar .calendar-prevyear,
.waiCalendar.calendar .calendar-nextyear {
	position: absolute;
	top: 50%;
	margin-top: -7px;
	width: 14px;
	height: 14px;
	cursor: pointer;
	font-size: 1px;
	-moz-border-radius: 5px 5px 5px 5px;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
}
.waiCalendar.calendar .calendar-prevmonth { left: 20px; background: url('images/calendar_arrows.png') no-repeat -18px -2px; }
.waiCalendar.calendar .calendar-nextmonth { right: 20px; background: url('images/calendar_arrows.png') no-repeat -34px -2px; }
.waiCalendar.calendar .calendar-prevyear { left: 3px; background: url('images/calendar_arrows.png') no-repeat -1px -2px; }
.waiCalendar.calendar .calendar-nextyear { right: 3px; background: url('images/calendar_arrows.png') no-repeat -49px -2px; }
.waiCalendar.calendar .calendar-body {position:relative; height: calc(100% - 30px) !important;}
.waiCalendar.calendar .calendar-body th,
.waiCalendar.calendar .calendar-body td {text-align: center;background-color: var(--def-bg-color);border-radius: 3px;}
.waiCalendar.waiDateedit .addbtn table td {background-color: #f4f4f4;}
.waiCalendar.calendar .calendar-day {padding:1px; border:1px solid var(--def-bg-color); border-radius:2px; cursor:pointer;color:var(--def-color);}
.waiCalendar.calendar .calendar-other-month {color:#97aac6 !important; opacity:1;}
.waiCalendar.calendar .calendar-disabled {opacity: 0.6;filter: alpha(opacity=60);cursor: default;}
.waiCalendar.calendar .calendar-nav {margin-top:-7px; border:1px solid transparent; border-radius:0;}
.waiCalendar.calendar .calendar-nav:hover {border-color:var(--hover-bd-color); background-color:var(--hover-bg-color);}
.waiCalendar.calendar .calendar-menu {position: absolute;top: 0;left: 0;width: 180px;height: 150px;padding: 5px;font-size:var(--def-font-size);display: none;overflow: hidden;}
.waiCalendar.calendar .calendar-menu-year-inner {text-align: center;padding-bottom: 5px;}
.waiCalendar.calendar .calendar-menu-year {width:50px; margin:0; padding:2px; border:1px solid var(--hover-bd-color); font-size:var(--def-font-size); font-weight: bold;border-color: var(--hover-bd-color);}
.waiCalendar.calendar .calendar-menu-prev, .waiCalendar.calendar .calendar-menu-next {display:inline-block; width:14px; height:14px; margin-top:4px; vertical-align:top; cursor:pointer;}
.waiCalendar.calendar .calendar-menu-prev { margin: 0px 5px 0px 0px; padding: 2px 5px 5px 2px;background: url('images/calendar_arrows.png') no-repeat 2px 2px; }
.waiCalendar.calendar .calendar-menu-next { margin: 0px 0px 0px 5px; padding: 5px 2px 2px 5px;background: url('images/calendar_arrows.png') no-repeat -45px 2px; }
.waiCalendar.calendar .calendar-menu-month {border-radius:2px; font-weight:bold; text-align:center; cursor:pointer;}
.waiCalendar.calendar .calendar-body th,
.waiCalendar.calendar .calendar-menu-month {color: var(--def-color);}
.waiCalendar.calendar .calendar-sunday {color:#f0770a !important;}
.waiCalendar.calendar .calendar-saturday {color:#28baed !important;}
.waiCalendar.calendar .calendar-today {border: 1px solid var(--header-bg-color) !important;background-color: var(--header-bg-color) !important;color: var(--header-color) !important;}
.waiCalendar.calendar .calendar-body,
.waiCalendar.calendar .calendar-menu {
	background-color: var(--def-bg-color);
}
.waiCalendar.calendar .calendar-body th {
	background: #f4f4f4;
	padding: 2px 0 3px 0;
	border-bottom: 1px solid var(--def-bg-color);
	border-radius: 0;
	height: 14px;
	line-height: 14px;
}
.waiCalendar.calendar .calendar-hover,
.waiCalendar.calendar .calendar-nav-hover,
.waiCalendar.calendar .calendar-menu-hover {
	background-color: #eaf2ff;
	color: #000000;
}
.waiCalendar.calendar .calendar-selected {
	padding:0;
	border-radius:2px;
	border: 1px solid var(--active-bd-color) !important;
	background-color: var(--active-bg-color) !important;
	color: var(--active-color) !important;
	font-weight: bold;
}
.waiCalendar.calendar .calendar-nav-hover {
	border-radius: 3px;
	font-weight: bold;
	color:var(--hover-color) !important;
	background-color:var(--hover-bg-color) !important;
	border: 1px solid var(--hover-bd-color) !important;
}
.waiCalendar.calendar .calendar-hover {
	border: 1px solid #b7d2ff;
	padding: 0;
}

/***************************************************************************************************
	Grid
***************************************************************************************************/
.waiGrid-bgColor     { color:white; }

/* HEADER - GROUP */
.waiGrid-header-group-gradFrom { color: var(--grid-hd-grp-bg-from);}
.waiGrid-header-group-gradMidd { color: var(--grid-hd-grp-bg-mid);}
.waiGrid-header-group-gradTo   { color: var(--grid-hd-grp-bg-to);}
.waiGrid-header-group-font     { font:var(--grid-font-bold); color:var(--header-color); }

/* HEADER - Column */
.waiGrid-header-gradFrom { color:var(--grid-hd-bg-form);}
.waiGrid-header-gradMidd { color:var(--grid-hd-bg-mid);}
.waiGrid-header-gradTo   { color:var(--grid-hd-bg-to);}
.waiGrid-header-font     { font:var(--grid-font-bold); color:var(--header-color); }
.waiGrid-header-line     { color:var(--def-bd-color); }

.waiGrid-tooltip      {
	white-space:nowrap;
}

.waiGrid-tooltip .waiGrid-tooltiptext {
	width: calc( 100% + 20px );
	background-color: black;
	color: #fff;
	text-align: center;
	border-radius: 6px;
	padding: 5px 0;

	/* Position the tooltip */
	position: absolute;
	top: -5px;
	left: 0px;
}
/* HEADER - Indicator */
.waiGrid-header-indicator-gradFrom { color:var(--grid-hd-bg-form); }
.waiGrid-header-indicator-gradMidd { color:var(--grid-hd-bg-mid); }
.waiGrid-header-indicator-gradTo   { color:var(--grid-hd-bg-to); }
.waiGrid-header-indicator-font     { font:var(--grid-font); color:var(--header-color); }

/* HEADER - Selector */
.waiGrid-header-selector-gradFrom { color:var(--grid-hd-bg-form); }
.waiGrid-header-selector-gradMidd { color:var(--grid-hd-bg-mid); }
.waiGrid-header-selector-gradTo   { color:var(--grid-hd-bg-to); }
.waiGrid-header-selector-font     { font:var(--grid-font-bold); color:var(--header-color); }

/* Cell - Normal */
.waiGrid-cell                { color:var(--def-bg-color); }
.waiGrid-cell-font           { font:var(--grid-font-size); color:var(--def-color); }
.waiGrid-cell-line           { color:var(--def-bd-color); }
.waiGrid-cell-bgColor        { color:var(--def-bg-color); }

/* Cell - group */
.waiGrid-group                { color: var(--grid-grp1-bg-color); }
.waiGrid-group-font           { font:var(--grid-font-size); color:var(--def-color); }

.waiGrid-group1               { color: var(--grid-grp1-bg-color); }
.waiGrid-group-font1          { font:var(--grid-font-size); color:var(--def-color); }

.waiGrid-group2               { color: var(--grid-grp2-bg-color); }
.waiGrid-group-font2          { font:var(--grid-font-size); color:var(--def-color); }

.waiGrid-group3               { color: var(--grid-grp3-bg-color); }
.waiGrid-group-font3          { font:var(--grid-font-size); color:var(--def-color); }

.waiGrid-group4               { color: var(--grid-grp4-bg-color); }
.waiGrid-group-font4          { font:var(--grid-font-size); color:var(--def-color); }

.waiGrid-group5               { color: var(--grid-grp5-bg-color); }
.waiGrid-group-font5          { font:var(--grid-font-size); color:var(--def-color); }

/* Cell - group-summary */
.waiGrid-group-summary       { color: var(--grid-grp-sum-bg-color); }
.waiGrid-group-summary-font  { font:var(--grid-font-bold); color:var(--def-color); }

/* Cell - summary */
.waiGrid-summary             { color: var(--grid-total-sum-bg-color); }
.waiGrid-summary-font        { font:var(--grid-font-bold); color:var(--def-color) }

/* Cell - Indicator */
.waiGrid-indicator-cell      { color:var(--grid-hd-bg-form); }
.waiGrid-indicator-cell-font { font:var(--grid-font-size); color:var(--header-color); }

/* Cell - Selector */
.waiGrid-selector-cell       { color:var(--grid-hd-bg-form); }
.waiGrid-selector-cell-font  { font:var(--grid-font-bold); color:var(--header-color); }

/* Image resources */
.waiGrid-indicator-cursor    { content: url('res/indiCursor.png'); }

/* Column Highlight - Effect */
.waiGrid-ColumnHighlight-gradFrom { color: var(--grid-columnHighlight-from); }
.waiGrid-ColumnHighlight-gradMidd { color: var(--grid-columnHighlight-mid); }
.waiGrid-ColumnHighlight-gradTo   { color: var(--grid-columnHighlight-to); }

.waiGrid-RowHighlight-gradFrom { color: var(--grid-rowHighlight-from); }
.waiGrid-RowHighlight-gradMidd { color: var(--grid-rowHighlight-mid); }
.waiGrid-RowHighlight-gradTo   { color: var(--grid-rowHighlight-to); }

.waiGrid-Scrollbar-border      { color:#f1f1f1; }
.waiGrid-Scrollbar-bgColor     { color:#f1f1f1; }
.waiGrid-Scrollbar-btnBg       { color: #dcdcdc; }
.waiGrid-Scrollbar-btnBgOn     { color: #d4d4d4; }
.waiGrid-Scrollbar-psColor     { color: #cbcbcb; }
.waiGrid-Scrollbar-psColorOn   { color: #9e9e9e; }

.waiGrid-custom-menu {
	z-index: 2000;
	position: absolute;
	overflow: hidden;
	border: 1px solid #CCC;
	white-space: nowrap;
	font-family: var(--def-font-family);
	background: #FFF;
	color: #333;
	border-radius: 5px;
	padding: 0;
}

/* Each of the items in the list */
.waiGrid-custom-menu li {
	padding: 8px 12px;
	cursor: pointer;
	list-style-type: none;
	transition: all .3s ease;
}

.waiGrid-custom-menu li:hover {
	background-color: #f6f7fb;
}

/***************************************************************************************************
	cTree
***************************************************************************************************/
.ctree-bgColor     { color:white }

/* Node - Normal */
.ctree-node               		{ color:white; height: 20px; }
.ctree-node-font           	{ font:12px Dotum; color: #262d37; }

/* Node - Gradation */
/*.ctree-node-gradFrom { color:#fff3f3 }*/
/*.ctree-node-gradMidd { color:#f2dede }*/
/*.ctree-node-gradTo   { color:#fddfdf }*/

/* Node - Highlight */
.ctree-node-highlight			{ color:#edf0f5;  }
.ctree-node-highlight-font	{ font:12px Dotum; color: #576374; }

/* Node - Select */
.ctree-node-select				{ color: #637591}
.ctree-node-select-font		{ font:12px Dotum; color:#fff; }

/* Scrollbar */
.ctree-Scrollbar-width        { width:17px; }
.ctree-Scrollbar-border		{ color:#f1f1f1 }
.ctree-Scrollbar-bgColor		{ color:#f1f1f1 }
.ctree-Scrollbar-btnBg		{ color:#acb7cd }
.ctree-Scrollbar-btnBgOn		{ color:#8299bb }
.ctree-Scrollbar-psColor		{ color:#c2d4e5 }
.ctree-Scrollbar-psColorOn 	{ color:#8098bb }
.ctree-Scrollbar-hole        	{ color: #eaeaea }

/* Image - folder */
.ctree-folder-closed {background:url(img/tree_folder_closed.png)}
.ctree-folder-open {background:url(img/tree_folder_open.png)}
.ctree-folder-closed-select {background:url(img/tree_select_folder_closed.png)}
.ctree-folder-open-select {background:url(img/tree_select_folder_open.png)}

/* Image - files */
.ctree-file {background:url(img/tree_file.png)}

/***************************************************************************************************
	tabControl
***************************************************************************************************/
.tab_control ul.tab_title {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 28px;
	width: calc(100% - 40px);
	font-size:var(--def-font-size);
	overflow: hidden;
	white-space: nowrap;
	border-bottom: 0px solid var(--def-bd-color);
}
.tab_control ul.tab_title li {
	/*float: left;*/
	text-align:center;
	cursor: pointer;
	width: 140px;
	height: 27px;
	line-height: 27px;
	/*border-left: none;*/
	border-top-left-radius: var(--def-bd-radius);
	border-top-right-radius: var(--def-bd-radius);
	margin-right: -1px;
	font-weight: 500;
	overflow: hidden;
	position: relative;
	padding-left: 5px;
	padding-right: 5px;
	display: inline-block;
	opacity: .6;
	color: var(--header-color);
	background: var(--header-bg-color);
	border: 1px solid var(--def-bd-color);
	border-bottom: none;
}
.tab_control ul.tab_title li img{
	width: 16px;
	height: 16px;
	vertical-align: middle;
	margin-right: 5px;
}
.tab_control ul.tab_title li.active {
	background: var(--active-bg-color) !important;
	color: var(--active-color) !important;
	font-weight: bold;
	opacity: 1;
}
.tab_control .tab_container {
	border: 1px solid var(--def-bd-color);
	border-top-right-radius: var(--def-bd-radius);
	border-bottom-left-radius: var(--def-bd-radius);
	border-bottom-right-radius: var(--def-bd-radius);
	/*border-top: none;*/
	clear: both;
	float: left;
	/*width: 248px;*/
	width: calc(100% - 2px);
	height: calc(100% - 28px - 2px);
	background: var(--def-bg-color);
}
.tab_control .tab_content {
	/*padding: 5px;*/
	font-size: var(--def-font-size);
	display: none;
}

/***************************************************************************************************
	searchEdit
***************************************************************************************************/
.waiSearchEdit {
	border-radius:2px;
	background-color:#ffffff;
	box-sizing:border-box;
	border:1px solid #acb7cd;
}
.waiSearchEdit:has(input:focus) {
	color:#576374;
	border-color:#acb7cd;
	box-shadow:0 0 2px #28baed;
}
.waiSearchEdit[disabled] {
	background-color: #f8f8f8 !important;
}
.waiSearchEdit > edit > div > input {
	border: 0px !important;
	outline: none !important;
}
.waiSearchEdit .waiSearchEdit_cancelBtn {
	width:18px;
	height:18px;
	margin-left:5px;
	align-self:center;border:0px !important;
	background:url(images/searchEdit_cancel.png) no-repeat center center;
	opacity: 0.7;
}
.waiSearchEdit .waiSearchEdit_cancelBtn:disabled {
	opacity: 0.5 !important;
	cursor:default;
}
.waiSearchEdit .waiSearchEdit_cancelBtn:hover {
	opacity: 1;
}
.waiSearchEdit .waiSearchEdit_cancelBtn:focus {
	outline: auto 1px #79a5ef;
}

.waiSearchEdit .waiSearchEdit_imgBtn {
	width:20px;
	height:20px;
	margin-right:2px;
	align-self:center;border:0px !important;
	background:url(images/searchEdit_search.png) no-repeat center center;
	opacity: 0.7;
}
.waiSearchEdit .waiSearchEdit_imgBtn:disabled {
	opacity: 0.5 !important;
	cursor:default;
}
.waiSearchEdit .waiSearchEdit_imgBtn:hover {
	opacity: 1;
}
.waiSearchEdit .waiSearchEdit_imgBtn:focus {
	outline: auto 1px #79a5ef;
}

/***************************************************************************************************
	imgbutton
***************************************************************************************************/
.wai-imgbutton {
	display: inline-flex;
	color: #404040;
	background: #fafafa;
	background-repeat: repeat-x;
	border: 1px solid #dfdfdf;
	-moz-border-radius: 4px 4px 4px 4px;
	-webkit-border-radius: 4px 4px 4px 4px;
	border-radius: 4px 4px 4px 4px;

	box-sizing: border-box;
	align-items: center;
}
.wai-imgbutton {
	text-decoration: none;
	overflow: hidden;
	margin: 0;
	padding: 0;
	outline: none;
	text-align: center;
	vertical-align: middle;
	line-height: normal;

	border-radius: 6px;
	font-weight:bold !important;
	cursor:pointer;
	color:#576374;
	border:1px solid #acb7cd;
	background-color: #d5e3f1;
}
.wai-imgbutton:hover {
	color:#536273;
	border:1px solid #acb7cd;
	background-color: #e8ebf5;
}
.wai-imgbutton-text {
	display: inline-table;
	width: auto;
	height: auto;
	line-height: 28px;

	font-family:"Malgun Gothic", "맑은 고딕", dotum, "돋움", Tahoma, sans-serif;
	font-size: 12px;
	color: #576374;
}
.wai-imgbutton-image {
	display: inline-table;
}
.wai-imgbutton-image.default-image {
	background:url(images/imgButton_defaultImage.png) no-repeat center center;
	width: 22px;
	height: 22px;
}

.wai-imgbutton-align {
	width: 100%;
	height: 100%;
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	display: inline-table;
}
.wai-imgbutton-image-left .wai-imgbutton-text {
	margin-left: 3px;
}
.wai-imgbutton-image-right .wai-imgbutton-text {
	margin-right: 3px;
}
.wai-imgbutton-image-top .wai-imgbutton-text {
	margin-top: 3px;
}
.wai-imgbutton-image-bottom .wai-imgbutton-text {
	margin-bottom: 3px;
}

.wai-imgbutton.disabled {
	cursor: default;
	opacity: 0.6;
	filter: grayscale(.1%);
	color: #576374;
	border: 1px solid #acb7cd;
	background-color: #d5e3f1;
}
.wai-imgbutton.readonly, .wai-imgbutton.readonly:hover {
	cursor: default;
	color:#576374;
	border:1px solid #acb7cd;
	background-color: #d5e3f1;
}
.wai-imgbutton:focus, .wai-imgbutton.readonly:hover {
	outline:2px solid #637591;
}