/* 버튼이미지 */
.btn_style_default {height:23px; margin: -22px 0px 0px; position:relative; text-align:center;}
.btn_style01 {background-image:url(/Images/common/btn_default.png); background-repeat:no-repeat; background-position:0% 0%; color:#4D4D4D; display:inline-block; height:24px; margin-right:2px; position:relative; text-decoration:none !important;}
.btn_style_button {background-image:url(/Images/common/btn_default.png); background-repeat:no-repeat; background-position:100% 0%; color:#4D4D4D; cursor:pointer; display:inline-block; font-size:12px; font-weight:bold; height:18px; left:2px; letter-spacing:-1px; padding:0px 7px 0px; position:relative; text-decoration:none;}

.btn_style_h30 {height:31px; margin: -22px 0px 0px; position:relative; text-align:center;}
.btn_style02 {background-image:url(/Images/common/btn_h30.png); background-repeat:no-repeat; background-position:0% 0%; color:#4D4D4D; display:inline-block; height:32px; margin-right:2px; position:relative; text-decoration:none !important;}
.btn_style_h30_button {background-image:url(/Images/common/btn_h30.png); background-repeat:no-repeat; background-position:100% 0%; color:#4D4D4D; cursor:pointer; display:inline-block; font-size:15px; font-weight:bold; height:28px; left:2px; letter-spacing:-1px; padding:2px 7px 0px; position:relative; text-decoration:none;}

/* 텍스트박스 */
.roundInput { vertical-align:middle; margin:0; padding:3px 0 0 0; height:28px;line-height:25px; border:none; background:url('/images/common/round_input_bg.png') repeat-x 0 0; } 
.AjaxroundInput { vertical-align:middle; margin:0; padding:3px 0 0 0; height:28px;line-height:25px; border:none; background:url('/images/common/round_input_bg.png') repeat-x 0 0; } 
.focusbox { vertical-align:middle; margin:0; padding:3px 0 0 0; height:28px;line-height:25px; border:none; background:url('/images/common/round_input_bg_focus.png') repeat-x 0 0; }
.roundInput_fn { vertical-align:middle; margin:0; padding:3px 0 0 0; height:28px;line-height:25px; border:none; background:url('/images/common/round_input_bg_fn.png') repeat-x 0 0; } 
.AjaxroundInput_fn { vertical-align:middle; margin:0; padding:3px 0 0 0; height:28px;line-height:25px; border:none; background:url('/images/common/round_input_bg_fn.png') repeat-x 0 0; } 
.focusbox_fn { vertical-align:middle; margin:0; padding:3px 0 0 0; height:28px;line-height:25px; border:none; background:url('/images/common/round_input_bg_focus_fn.png') repeat-x 0 0; }
.roundInput_readonly { vertical-align:middle; margin:0; padding:3px 0 0 0; height:28px;line-height:25px; border:none; background:url('/images/common/round_input_bg_readonly.png') repeat-x 0 0; } 
.AjaxroundInput_readonly { vertical-align:middle; margin:0; padding:3px 0 0 0; height:28px;line-height:25px; border:none; background:url('/images/common/round_input_bg_readonly.png') repeat-x 0 0; } 

.standardInput { border:1px solid #6BA200;background-color:#E7F7BD; }

/* textarea css */
.textareaInput { border:1px solid #D5D5D4; }
.focustextarea { border:1px solid #C0C0C0;}

 @import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
.nb {font-family: 'Nanum Gothic';}   

.ui-tooltip {font-size:12px; font-family: 'Nanum Gothic';}

.ui-autocomplete { font-size:12px; font-family: 'Nanum Gothic'; max-height: 100px;    overflow-y: auto;  overflow-x: hidden;}
.ui-autocomplete-loading { background: white url('/images/common/textbox_loader.gif') right center no-repeat; }

.ui-button-text { font-size:12px; font-family: 'Nanum Gothic';}

/* Tabs Controls */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 32px; /*--Set height of tabs--*/
	border-bottom: 1px solid #999;
	border-left: 1px solid #999;
	width: 98%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 31px; /*--Subtract 1px from the height of the unordered list--*/
	line-height: 31px; /*--Vertically aligns the text within the tab--*/
	border: 1px solid #999;
	border-left: none;
	margin-bottom: -1px; /*--Pull the list item down 1px--*/
	overflow: hidden;
	position: relative;
	background: #e0e0e0;
}
ul.tabs li a {
	text-decoration: none;
	color: #000;
	display: block;
	font-size: 1.0em;
	padding: 0 20px;
	border: 1px solid #fff; /*--Gives the bevel look with a 1px white border inside the list item--*/
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}
html ul.tabs li.active, html ul.tabs li.active a:hover  { /*--Makes sure that the active tab does not listen to the hover properties--*/
	background: #fff;
	border-bottom: 1px solid #fff; /*--Makes the active tab look like it's connected with its content--*/
}

/* Tab Contents */
b_container {
	border: 1px solid #999;
	border-top: none;
	overflow: hidden;
	clear: both;
	float: left; width: 100%;
	background: #fff;
}
.tab_content {
	padding: 20px;
	font-size: 12px;
}

/* 로딩이미지 */
/* 로딩*/

#loading {
	 height: 100%;
	 left: 0px;
	 position: fixed;
	 _position:absolute; 
	 top: 0px;
	 width: 100%;
	 filter:alpha(opacity=50);
	 -moz-opacity:0.5;
	 opacity : 0.5;
}

.loading {
	 background-color: white;
	 z-index: 199;
}

#loading_img{
	 width:28px;
	 position:absolute; 
	 top:50%;
	 left:50%;
	 height:28px;
	 margin-top:-14px;	 
	 margin-left:-14px;	 
	 z-index: 200;
}


/* 셀렉트 박스 */
/*======================================================================
	Selectric
======================================================================*/
.selectricWrapper { position: relative; margin: 0 0 10px; width: auto; cursor: pointer; perspective: 800px; }
.selectricWrapper_100 { position: relative; margin: 0 0 10px; width: 100px; cursor: pointer; perspective: 800px; }
.selectricDisabled { filter: alpha(opacity=50); opacity: 0.5; cursor: default; -webkit-touch-callout: none; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }
.selectricOpen { z-index: 9999; }
.selectricHideSelect { position: relative; overflow: hidden; }
.selectricHideSelect select { position: absolute; left: -100%; }
.selectric { border: 1px solid #DDD; background: #F8F8F8; position: relative; border-radius: 2px; }
.selectricOpen .selectric { border-color: #CCC; background: #F0F0F0; z-index: 9999; }
.selectric .label { display: block; white-space: nowrap; overflow: hidden; margin: 0 30px 0 0; padding: 6px; font-size: 12px; color: #444; min-height: 18px; }
.selectric .button { position: absolute; right: 0; top: 0; height: 30px; width: 30px; color: #BBB; text-align: center; font: normal 18px/30px sans-serif; }
.selectricHover .selectric { border-color: #CCC; }
.selectricHover .selectric .button { color: #888; }
.selectricTempShow { position: absolute !important; visibility: hidden !important; display: block !important; }

/* Items box */
.selectricItems { display: none; position: absolute; overflow: auto; top: 100%; left: 0; background: #F9F9F9; border: 1px solid #CCC; z-index: 9998; box-shadow: 0 0 10px -6px; }
.selectricItems ul,
.selectricItems li { list-style: none; padding: 0; margin: 0; min-height: 20px; line-height: 20px; font-size: 12px; }
.selectricOpen .selectricItems { display: block; }
.selectricItems li { padding: 5px; cursor: pointer; display: block; border-bottom: 1px solid #EEE; color: #666; border-top: 1px solid #FFF; }
.selectricItems li.selected { background: #EFEFEF; color: #444; border-top-color: #E0E0E0; }
.selectricItems li:hover { background: #F0F0F0; color: #444; }
.selectricItems li.disabled { background: #F5F5F5; color: #BBB; border-top-color: #FAFAFA; cursor: default; }


/* 막대그래프 */
.hGraph ul{ margin:0 50px 0 0px; padding:1px 0 0 0; border:0px solid #ddd; border-top:0; border-right:0; list-style:none;}
.hGraph li{ position:relative; margin:2px 0; white-space:nowrap; vertical-align:top;}
.hGraph .gTerm{ position:absolute; width:40px; top:0; left:-50px; line-height:5px; text-align:right; color:#767676; font-weight:bold;}
.hGraph .gBar{ position:relative; display:inline-block; height:5px; border:1px solid #ff0000; border-left:0; background:#ff0000;}
.hGraph .gBar span{ position:absolute; width:40px; line-height:5px; top:0; right:-50px; color:#767676;}