@charset "utf-8";
	body,html{width:100%;height:100%;padding:0;margin:0;}
	.clearfix:after {
	content: '';
	display: table;
	clear: both;
	}

	#main{
	   background-color: BurlyWood;
	   float: right;
	   height:200px;
	    width: 75%;
	}
	#sidebar{
	   background-color: IndianRed;
	   width:25%;
	   float: left;
	   height:200px;
	   overflow-y: hidden;
	}
	
	#dragbar{
	   background-color:black;
	   height:100%;
	   width: 3px;
	   float: right;
	   cursor: col-resize;
	}
	#ghostbar{
		width:3px;
		background-color:#000;
		opacity:0.5;
		position:absolute;
		cursor: col-resize;
		z-index:999
	}
	
/* 	#gridBox{
		height:3px;
		width: 100%;
		cursor: row-resize;
		float: right;
		background-color:black;
	} */

	#dragbarW{
		height:5px;
		width: 100%;
		/* cursor: row-resize; */
		float: right;
		/* background-color:black; */
		/* background-color: #ebebeb; */
		cursor: n-resize;
		background-image: url(../common/dhx/dhtmlx/codebase/imgs/dhxlayout_skyblue/dhxlayout_sep_h.gif);
		background-repeat: no-repeat;
		background-position: center center;
		border: 0px solid white;
		padding : 4px; 
		
/* 		position: absolute;
		background-color: #ebebeb;
		font-size: 1px;
		margin: 0px;
		padding: 0px;
		overflow: hidden;
 		-webkit-user-select: none;
		-khtml-user-select: none;
		-moz-user-select: none;
		-ms-user-select: none;
		-o-user-select: none;
		user-select: none;
		background-repeat: no-repeat;
		background-position: center center;
		-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
		-ms-touch-action: none; */
	}
	
	#ghostbarW{
		height:3px;
		cursor: row-resize;
		background-color:#000;
		opacity:0.5;
		position:absolute;
		z-index:999
	}

#myPrevious {
	display:block;
	background-color:#4c8ab1;
	margin-top: 5px; margin-left: 55px;
	width: 16px;
	height: 16px;
	background-image: url("../common/dhx/dhtmlx/icons/sheet_move01.png");
	background-repeat: no-repeat;
	/* background-position: -32px 0px; */
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	float:left
}
#myNext {
	display:block;
	background-color:#4c8ab1;
	margin-top: 5px; margin-left:5px;
	width: 16px;
	height: 16px;
	background-image: url("../common/dhx/dhtmlx/icons/sheet_move04.png");
	background-repeat: no-repeat;
	/* background-position: -32px 0px; */
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	float:left
}

div.myLeft {
	display:block;
	margin-top: 5px; margin-left:5px;
	width: 16px;
	height: 16px;
	background-image: url("../common/dhx/dhtmlx/codebase/imgs/dhxlayout_skyblue/dhxlayout_cell_btns.gif");
	background-repeat: no-repeat;
	/* background-position: -32px 0px; */
	cursor: pointer;
	filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	float:left
}
div.myLeft.myLeftVa {
	background-position: -16px 0px;
	background-size: auto auto;
}

div.myLeft.myLeftVb {
	background-position: -48px 0px;
}

div.myLeft.myLeftHa {
	background-position: -32px 0px;
}

div.myLeft.myLeftHb {
	background-position: 0px 0px;
}


div.edge {
	display:block;
	margin-top: 5px; margin-left:5px;
	border:1px solid gray;
	float:left
}
		


.menu {
		margin-top: 5px; margin-left:5px;
		border:1px solid gray;
		border: 1px solid red;
		float:left
	}
		
.draggable {
	display: inline-block;
	vertical-align: top;
	border: 4px solid #BBB;
	border-radius: 4px;
	background-color: whitesmoke;

	position: absolute;
	top: 20px;
	left: 120px;
	z-index: 500;
}

.draggable2 {
	display: inline-block;
	vertical-align: top;
	border: 4px solid #BBB;
	border-radius: 4px;
	background-color: whitesmoke;

	position: absolute;
	top: 80px;
	left: 211px;
	z-index: 500;
}

.handle {
	background-color: lightblue;
	cursor: move;
	text-align: center;
	font: bold 12px sans-serif;
}

#infoDraggable {
	width: 200px;
	top: 60px;
	left: 520px;
}

#myInfo {
	padding: 6px;
}

#myPalette {
	background-color: whitesmoke;
	width: 100%;
	height: 100%;
}

/*
One simple way of making a div fill its space,
with allowances for the title (top) and the resize handle (bottom)
*/
#paletteContainer {
	position:absolute;
	bottom: 14px;
	left: 0px;
	right: 0px;
	top: 14px;
}


/* CSS for the traditional context menu */
#contextMenu {
	z-index: 300;
	position: absolute;
	left: 5px;
	border: 1px solid #444;
	background-color: #F5F5F5;
	display: none;
	box-shadow: 0 0 10px rgba( 0, 0, 0, .4 );
	font-size: 12px;
	font-family: sans-serif;
	font-weight:bold;
}

#contextMenu ul {
	list-style: none;
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
}

#contextMenu li {
	position: relative;
	min-width: 60px;
}

#contextMenu li:hover { background: #444; }

#contextMenu a {
	color: #444;
	display: inline-block;
	padding: 6px;
	text-decoration: none;
}

#contextMenu li:hover a { color: #EEE; }

/*	
#myDiagram {
	resize:both;
	overflow:auto;
	cursor: nw-resize;
}
*/

#statusbar{
/*
	cursor: s-resize;
	position:absolute; 
	display:block; 
	top:100%; 
	margin-top:-2px; 
	height:2px;	 
	padding:0; 
	width: 600px;
	background-color: #c0c0c0;
	*/
	
	cursor: w-resize;
	position:absolute; 
	display:inline-block; 
	margin-left:-2px;
	margin-top:32px;	 
	height:520px;	 
	width: 3px;
	background-color: #c0c0c0;	
}
.arrow_box {
	position: relative;
	background: #4dd571;
	border: 4px solid #c2e1f5;
}
.arrow_box:after, .arrow_box:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: "1111111";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.arrow_box:after {
	border-color: rgba(77, 213, 113, 0);
	border-bottom-color: #4dd571;
	border-width: 15px;
	margin-left: -15px;
}
.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-bottom-color: #c2e1f5;
	border-width: 21px;
	margin-left: -21px;
}



.dhx_combo_box {
	margin-top: 0px;
	height: 15px;
}

.dhx_combo_input {
	top: -3px;
	font-family: Arial;
	font-size: 8pt;
}

.dhx_combo_img {
	position: absolute;
	top: 0;
	right: 0;
	width: 15px;
	height: 15px;
}

/* grid_hover */
.grid_hover {
	background-color: #7FFFD4;
	font-size: 12px;
}

html, body {
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
}

#common {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 1px solid #c2d0dd;
	font-weight: normal;
}

.myLabel_box2 div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 1px solid #c2d0dd;
	font-weight: normal;
	height: 12px;
	text-align: center;
	line-height: 20px;
}

.myLabel_box div.dhxform_txt_label2 {
	color: black;
	border: 1px solid #c2d0dd;
	height: 12px;
}

.myLabel_text div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	font-weight: normal;
	height: 12px;
	text-align: center;
}

.myLabel_text_bold div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	font-weight: bold;
	height: 12px;
	text-align: center;
}

.myLabel_text_red div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: red;
	font-weight: normal;
	height: 12px;
	text-align: center;
}

.myLabel_text_red_bold div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: red;
	font-weight: bold;
	height: 12px;
	text-align: center;
}

.myLabel_text_blue div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: blue;
	font-weight: normal;
	height: 12px;
	text-align: center;
}

.myLabel_center div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 1px solid #c2d0dd;
	font-weight: normal;
	height: 12px;
	text-align: center;
}

.myLabel_center_hrm div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 1px solid #c2d0dd;
	font-weight: normal;
	height: 12px;
	text-align: center;
	background-color: #C4DEFF;
}

.myLabel_center_bold div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 1px solid #c2d0dd;
	font-weight: bold;
	height: 12px;
	text-align: center;
}

.myLabel_right div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 1px solid #c2d0dd;
	font-weight: normal;
	height: 12px;
	text-align: right;
}

.myLabel_left div.dhxform_txt_label2 {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 1px solid #c2d0dd;
	font-weight: normal;
	height: 12px;
	text-align: left;
}

.fs_myInput_left input.dhxform_textarea {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: red;
	border: 1px solid #c2d0dd;
	font-weight: normal;
	height: 12px;
	text-align: left;
}

/*
* fieldset title 정의
*/
.fs_myFieldsetTitle_left fieldset.dhxform_fs legend.fs_legend {
	font-family: 맑은 고딕;
	font-size: inherit;
	color: coral;
	font-weight: normal;
	height: 12px;
	text-align: left;
}
.fs_myFieldsetTitle_left_skyblue fieldset.dhxform_fs legend.fs_legend {
	font-family: 맑은 고딕;
	font-size: inherit;
	color: skyblue;
	font-weight: normal;
	height: 12px;
	text-align: left;
}


/*
* dhxform_label 정의
*/
.fs_myLabel_left div.dhxform_label {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 0px solid #c2d0dd;
	font-weight: normal;
	height: 12px;
	text-align: left;
}

.fs_myLabel_left_bold div.dhxform_label {
	font-family: 맑은 고딕;
	font-size: 12px;
	color: black;
	border: 0px solid #c2d0dd;
	font-weight: bold;
	height: 12px;
	text-align: left;
}


.myButton_confirm div.dhxform_btn_txt {
	background-image: url(../images/dhx/confirm.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 22px;
	margin: 0px 0px 0px 0px;
}

.myButton_search div.dhxform_btn_txt {
	background-image: url(../images/dhx/search.png);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 22px;
	margin: 0px 0px 0px 0px;
}

.myButton_cancel div.dhxform_btn_txt {
	background-image: url(../images/dhx/undo.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	padding-left: 22px;
	margin: 0px 0px 0px 0px;
}

/* 필수 입력 */
.dhxform_obj_dhx_skyblue input.dhxform_textarea_required {
	padding: 5px 3px 2px 0px;
	margin: 0px 0px 0px 0px; /* 0px */
	font-size: 1em;
}

.dhxform_obj_dhx_skyblue textarea.dhxform_textarea_required {
	padding: 4px 3px 3px !important;
}

.dhxform_obj_dhx_skyblue .dhxform_textarea_required {
	border: 1px solid #87ACCF;
	font-family: 맑은 고딕;
	font-size: 1em;
	color: #000000;
	resize: none;
}

.dhxform_obj_dhx_skyblue div.disabled .dhxform_textarea_required {
	color: #000000;
	background-color: #d4d4d4 !important;
	border: 1px solid #90acc4;
}

.dhxform_obj_dhx_skyblue input.dhxcombo_input_required {
	position: relative;
	top: 0px;
	left: 0px;
	height: 24px;
	line-height: 21px;
	*height: 22px;
	*line-height: 19px;
	outline: 0px solid white;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	font-family: 맑은 고딕;
	font-size: 9pt;
	color: #000000;
	vertical-align: middle;
	border: 0px solid #ffffff;
	resize: none;
	background-color: #fff2ed;
	background-image: url(../common/dhx/dhtmlx/icons/input_point.png);
	background-repeat: no-repeat;
}

.dhxform_obj_dhx_skyblue div.dhxform_label_box.dhxform_label_align_left
	{
	text-align: center;
}

.dhxform_obj_dhx_skyblue div.dhxform_label_box.dhxform_label_align_right
	{
	text-align: center;
}

.dhxform_obj_dhx_skyblue div.dhxform_label_box.dhxform_label_align_center
	{
	text-align: center;
}