/*!
 * Default styles.
 */
 
 input[readonly], input[readonly="readonly"] {
   color:#1375EC;
   background:#F5FEFF !important;
   background-color:#F5FEFF !important;
}
input[disabled], input[disabled="disabled"] {
   color:#1375EC;
   background:#F5FEFF !important;
   background-color:#F5FEFF !important;
}
[disabled] { 
color:#1375EC;
background-color:#F5FEFF !important;
}

.blank_3 {width:3px;}
.blank_4 {width:4px;}
.blank_5 {width:5px;}
.blank_6 {width:6px;}
.blank_11 {width:11px;}
.blank_12 {width:12px;}
.blank_13 {width:13px;}
.blank_15 {width:15px;}
.blank_20 {width:20px;}
.blank_24 {width:24px;}
.blank_27 {width:27px;}
.blank_28 {width:28px;}
.blank_29 {width:29px;}
.blank_30 {width:30px;}
.blank_32 {width:32px;}
.blank_39 {width:39px;}
.blank_40 {width:40px;}
.blank_43 {width:43px;}
.blank_50 {width:50px;}
.blank_64 {width:64px;}
.blank_76 {width:76px;}
.blank_95 {width:95px;}
.blank_114 {width:114px;}
.blank_150 {width:150px;}
.blank_173 {width:173px;}

.table_layout_fixed {table-layout:fixed;}
.table_layout_fixed td {text-overflow:ellipsis; overflow:hidden;}

.max-none-height {max-height:none;}
.right-collapse-shortcut {left:auto !important; right:42px !important; -webkit-box-shadow:-2px 1px 2px 0 rgba(0,0,0,0.2) !important; box-shadow:-2px 1px 2px 0 rgba(0,0,0,0.2) !important;}

.navbar .navbar-brand {color:black;}
.display-div {background:#FFF !important; dispaly:list-item !important; height:45px !important;}

.ace-nav-cti-btn {text-align:center !important; height:33px !important; padding-top:5px !important; margin-top:0px !important; width:80px !important;}
.ace-nav-cti-btn-icon {width:auto !important;}
.ace-nav-display-text {background:#ddd !important; color:#000 !important; font-weight:bold !important;}

.btn-slide a { 
	overflow: hidden; 
}
.btn-slide i { 
	 height: 33px; 
	 opacity: 1;
	 -webkit-transition: all 0.2s linear; 
	 -moz-transition: all 0.2s linear; 
	 -o-transition: all 0.2s linear;
	 transition: all 0.2s linear;
}
.btn-slide a:hover i { 
	margin-top: -40px !important;; 
	opacity: 0; 
}
.btn-slide div { 
	position: relative; 
	color: white; 
	font-size: 13px;
	height: 33px; 
	padding-top: 9px; 
	opacity: 0; 
}
.btn-slide a:hover div { 
	opacity: 1; 
	-webkit-transform: rotate(0); 
	-moz-transform: rotate(0); 
	-o-transform: rotate(0); 
	transition: rotate(0); 
}

.date_button_size {padding:6px; width:29px; height:28px;}
.selectbox_width {width:130px;}
.textbox_width {min-width:60px; width:170px;}
.textbox_title {min-width:60px; width:50%;}
.boardArea_height {height:300px;}
.textArea_height {height:60px;}
.textArea_height70 {height:70px;}
.textArea_height100 {height:100px;}
.textArea_height110 {height:110px;}
.textArea_height150 {height:150px;}
.input_optimum {width:150px; height:25px;}
.modal_textArea_height {height:200px;}
.modal_page_height {height:45px;}

.W49P {width:49% !important; min-width:49% !important; max-width:49% !important;}
.W50P {width:50% !important; min-width:50% !important; max-width:50% !important;}
.W65P {width:65%;}
.W70P {width:70%;}
.W75P {width:75%;}
.W80P {width:80%;}
.W85P {width:85%;}
.W90P {width:90%;}
.W99P {width:99%;}
.W100P {width:100% !important; min-width:100% !important; max-width:100% !important;}
.H38 {height:38px;}

.W80_C {width:80px; text-align:center;}
.W20_R {width:20px; text-align:right;}
.W30_R {width:30px; text-align:right;}
.W40_R {width:40px; text-align:right;}
.W50_R {width:50px; text-align:right;}
.W60_R {width:60px; text-align:right;}
.W64_R {width:64px; text-align:right;}
.W68_R {width:68px; text-align:right;}
.W72_R {width:72px; text-align:right;}
.W70_R {width:70px; text-align:right;}
.W78_R {width:78px; text-align:right;}
.W80_R {width:80px; text-align:right;}
.W90_R {width:90px; text-align:right;}
.W100_R {width:100px; text-align:right;}
.W110_R {width:110px; text-align:right;}
.W120_R {width:120px; text-align:right;}
.W140_R {width:140px; text-align:right;}
.W150_R {width:150px; text-align:right;}
.W160_R {width:160px; text-align:right;}
.W170_R {width:170px; text-align:right;}
.W180_R {width:180px; text-align:right;}

.P-T3  {padding-top:3px;}
.P-T5  {padding-top:5px;}
.P-R5  {padding-right:5px;}
.P-L15 {padding-left:15px;}
.P-L60  {padding-left:60px;}
.P-L90  {padding-left:90px;}
.modal_bottom {padding-bottom:10px;}
.p-R10_L10 {padding:0px 10px 0px 10px;}

.margin_B_10 {margin-bottom:10px;}
.modal_body_padding {padding:10px 30px 0px 30px;}
.modal_list_padding {padding:10px 0px 0px 20px;}
.modal_close {margin:8px; opacity:1;} 

.hr_line {border-top:1px solid #B4B9C0;}
.comment_box {background-color: #f5f5f5;}
.file_box {background-color: #fafafa;}
.comment_content_box {background-color: #ffffff;}
.back_white {background-color:white;}
.group_btn {background-color:rgba(245, 179, 96, 0.62); color:#ffffff;}
.calendar_btn {width:37px;}

.font_size14 {font-size:14px;}
.font_size15 {font-size:15px;}
.font_size17 {font-size:17px;}
.font_size20 {font-size:20px;}
.font_bold {font-weight:bold;}
.widget-main label {font-weight:bold;}

.ui-widget.ismart-dialog {font-size: 1.0em; }
.ui-widget-content.ismart-dialog { background: #F9F9F9; border: 1px solid #AAA; color: #222222; }
.ui-dialog.ismart-dialog { left: 0; outline: 0 none; padding: 0 !important; position: absolute; top: 0; border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;}
.ui-dialog.ismart-dialog .ui-dialog-content { background: none repeat scroll 0 0 transparent; border: 0 none; overflow: auto; position: relative; padding: 0 !important; margin: 0; }
.ui-dialog.ismart-dialog .ui-widget-header { background: #2C84DC; border-color: #2C84DC; border: 1px solid #dcdcdc; border-bottom: 1px solid #DDD;}
.ui-dialog.ismart-dialog .ui-dialog-titlebar { padding: .3em .5em;  position: relative; font-size: 1.2em; font-weight:bold;}

.ui-dialog-titlebar {text-align:center; min-height:30px; background-color:#B0DE78;}
.ui-dialog-title {font-size:18px; color:#ffffff; font-weight:bold; position:relative;}
.ui-dialog .ui-dialog-buttonpane {padding:0px;margin:0px;}
.ui-dialog .ui-dialog-titlebar-close, .ui-jqdialog .ui-dialog-titlebar-close, .ui-dialog .ui-jqdialog-titlebar-close, .ui-jqdialog .ui-jqdialog-titlebar-close {opacity:1;}
.ui-dialog .ui-dialog-titlebar-close {height:33px; top:35%;}

.alarm_content {font-weight:bold; width:100%; height:100%; text-align:center; color:red;}

.common_msg {width:100%; position:absolute; z-index:2000;}
.nav-list-box {height:44px; line-height:36px; padding:0px 16px 0px 7px; font-size:13px;}

.all_type_board_L {width:49%; float:left; position:relation; border:0px;}
.all_type_board_R {width:49%; float:right; position:relation; border:0px;}

.margine0 {margin:0px;}
.margine15 {margin:15px;}
.margine3_0 {margin:3px 0;}
.title_padding {padding: 5px 4px;}
.box_padding {padding: 5px 15px;}

.ui-jqgrid-sortable {text-align: center;}
.right {text-align:right;}
.left {text-align:left;}
.btn_right {float:right;}

.border_0 {border:0px;}
.widget-body_A {border:1px solid #CCC;}
.ui-icon-disk {display:none;}
.mobile_btn {display:none; padding-top:3px; float:right;}
.input-group {display:inline-table;}

#GLOBAL_LOADING_BAR{
 display:none;
 position:absolute;
 top:100px; left:500px;
 /*margin: 100px 0 0 500px;*/}
 
 @media only screen and (max-width: 991px) {
 	.top-toggler{display:block;position:relative;z-index:500;width:82px;height:35px;line-height:normal;text-align:center;padding-top:7px;font-size:13px;font-weight:bold;text-transform:uppercase;background-color:#444;color:#f3f3f3}
 	.menu-toggler>.menu-text:after {content:"LEFT";}
 	.top_menu {display:none;}
 	.top-toggler > .top-text {
	    display: block;
	    position: absolute;
	    bottom: -18px;
	    left: 0;
	    border: 1px solid transparent;
	    border-width: 9px 40px;
	    border-top-color: #444;
	  }
	.top-toggler>.top-text:after {
		display: block;
		content: "TOP";
		color: #FFF;
		position: absolute;
		left: -1px;
		top: -36px;
	}  
 	.top-toggler:before {
		border-top: 1px solid #87b87f;
		border-bottom: 1px solid #6fb3e0;
		height: 2px;
		width: 24px;
		content: "";
		position: absolute;
		z-index: 11;
		top: 13px;
		left: 5px;
		-webkit-transition: all .1s ease;
		transition: all .1s ease;
		-o-transition: none;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
 	}
 	.top-toggler:after {
		border-top: 1px solid #ffa24d;
		border-bottom: 1px solid #d15b47;
		content: "";
		height: 2px;
		width: 24px;
		position: absolute;
		top: 19px;
		left: 5px;
		-webkit-transition: all .1s ease;
		transition: all .1s ease;
		-o-transition: none;
		-webkit-box-sizing: content-box;
		-moz-box-sizing: content-box;
		box-sizing: content-box;
	}
}

.extend {min-width: 200px;}

.ui-jqgrid-sortable {text-align: center;}

.ui-tabs-panel-extend {padding: 0 !important;background-color:#fafafa !important}

/* INPUT_FORM 100%援ъ“	--->	<table>��洹� */
.table_input_form_full 	{border-top:1px solid #C7DAEA; border-left:1px solid #C7DAEA; width:100%; }	/*.default_panel - 24*/
.table_input_form_full tr 	{height:35px;}
.table_input_form_full a 	{text-decoration:none;}

.table_input_form_full th,
.table_input_form_full td {border-bottom:1px solid #C7DAEA; border-right:1px solid #C7DAEA;}

.table_input_form_full th {text-align:center; background-color:#f3f3f3; padding:0px 3px;}
.table_input_form_full td {text-align:left; padding:5px; background-color:#ffffff;}

.table_input_form_full input[type="text"] 	{width:176px;}	/*蹂�寃쎌�� [ .table_input_form .text_input 	/	.input_group	/	.table_input_form select ] 蹂�寃쎌�留��� 異�媛� 蹂�寃�*/
.table_input_form_full .text_input 				{width:176px;}	/*.table_input_form input[type="text"] */
.table_input_form_full select 						{width:86px;}		/*.table_input_form input[type="text"] / 2 - 4*/

.table_input_form_full .full_width 			{width:99%;}
.table_input_form_full .full_width .W-full 	{width:99%;}
.table_input_form_full .full_width .W-50 	{width:48.6%;}
.table_input_form_full .full_width .W-33 	{width:31.8%;}
.table_input_form_full .full_width .W-25 	{width:23.5%;}

/* INPUT_FORM援ъ“	--->	<table>��洹� */
.table_input_form 	{border-top:1px solid #C7DAEA; border-left:1px solid #C7DAEA; width:100%;}	/*.default_panel - 24*/
.table_input_form tr 	{height:35px;}
.table_input_form a 	{text-decoration:none;}

.table_input_form th,
.table_input_form td {border-bottom:1px solid #C7DAEA; border-right:1px solid #C7DAEA;}

.table_input_form th {text-align:center; background-color:#F0F3F8; padding:0px 3px;}
.table_input_form td {text-align:left; padding:5px; background-color:#ffffff;}

.table_input_form input[type="text"] 	{width:176px;}	/*蹂�寃쎌�� [ .table_input_form .text_input 	/	.input_group	/	.table_input_form select ] 蹂�寃쎌�留��� 異�媛� 蹂�寃�*/
.table_input_form .text_input 				{width:176px;}	/*.table_input_form input[type="text"] */
.table_input_form select 						{width:86px;}		/*.table_input_form input[type="text"] / 2 - 4*/

.table_input_form .full_width 			{width:99%;}
.table_input_form .full_width .W-full 	{width:99%;}
.table_input_form .full_width .W-50 	{width:48.6%;}
.table_input_form .full_width .W-33 	{width:31.8%;}
.table_input_form .full_width .W-25 	{width:23.5%;}

.ubicus_textbox_nowidth {height:26px !important; font-size:12px !important;}
.ubicus_textbox_width {height:26px !important; width:120px !important; font-size:12px !important;}
.ubicus_textbox_width_small {height:26px !important; width:30px !important; font-size:12px !important;}
.ubicus_textbox_width_half {height:26px !important; width:100px !important; font-size:12px !important;}
.ubicus_textbox_width_short {height:26px !important; width:150px !important; font-size:12px !important;}
.ubicus_textbox_width_middle {height:26px !important; width:200px !important; font-size:12px !important;}
.ubicus_textbox_width_long {height:26px !important; width:300px !important; font-size:12px !important;}
.ubicus_textbox_width_double {height:26px !important; width:400px !important; font-size:12px !important;}

.ubicus_textbox {width:100px !important; font-size:12px !important;}
.ubicus_textbox_width_small > input,
.ubicus_textbox_width_half > input,
.ubicus_textbox_width_short > input,
.ubicus_textbox_width_long > input, 
.ubicus_textbox_width_middle  > input, 
.ubicus_textbox_width > input{height:26px !important;font-size:12px !important;}

/* INPUT諛��ㅼ�� 踰��� 洹몃９ */
.input_group 			{width:100%; display:inline-table; border-collapse:separate; vertical-align:top;}
.input_group input 	{width:100% !important;}
.input_group a,
.input_group button 	{display:table-cell !important; padding:1px 6px; vertical-align:middle;}

/* GRID_FORM援ъ“	--->	<table>��洹� */
.table_grid_form		{width:956px;display: table!important;}		/*.default_panel - 24*/
.table_grid_form th,
.table_grid_form td 	{text-align:center !important;}

/* PANEL諛��� */
.default_panel 					{min-width:980px; width:auto; padding:0px 10px 2px 10px;}	/*蹂�寃쎌�� [ .table_input_form	/	.table_grid_form ] 蹂�寃쎌�留��� 異�媛� 蹂�寃�*/
.default_panel .head 			{padding-right:5px !important;}
.default_panel .head_text 	{color:#0000CD; font-weight:bold; font-size:15px; margin-left:5px; }
.default_panel .head_bottom {line-height: 30px; padding: 2px 15px;border-bottom: 1px solid #005FA6;margin: 10px 0px 10px 0px;}
.default_panel .div_bottom {line-height: 30px; padding: 2px 15px 15px 0px;border-bottom: 2px solid #858585; border-radius:0px !important;}
.default_panel .panel_bottom {background-color:#fff !important; border:0px !important;border-radius:0px !important;}
.default_panel .head_btn 	{line-height:27px;}


/*�쇰����, 泥댄�щ��� TEXT�щ갚*/
.lbl {margin-right:5px;}

.hand {cursor:pointer;}
.mycnt {cursor:pointer;}
.height4{height:4px !important;}
.height7{height:7px !important;}
.BLANK4{width:4px !important; display:inline-block;}
.BLANK8{width:8px !important; display:inline-block;}
.width800{width:800px !important;}
.width247{width:247px !important;}


.jui .panel > .head, .jui .panel > .foot {height:auto;}
.ui-dialog-content .panel > .head {background-image:initial !important; background-color:white !important;}
.panel_btn {background-color:#ffffff !important; color:#000 !important; text-shadow:0 -1px 0 rgba(0,0,0,0) !important;}

.jui .table-classic > tbody tr.expand > td { padding: 10px 20px !important; }
.jui .table-classic > tbody tr.expand > td table thead th { background-image: -webkit-linear-gradient(top, #FEEBD2 0%, #F2CBB1 100%); }
.jui .table-classic > tbody tr.expand > td table tbody td { background: #E7F3FF !important }

---------------- ���⑷뎄 愿���. ---------------- START{}
.special_content {max-width:230px;}
.special_content_panel a{color:#000000; font-weight:normal;}
.special_content_tab {font-size:18px; padding:0px !important;}
.content_textarea {resize:none; font-size:15px !important;}
---------------- ���⑷뎄 愿���. ---------------- END{}

---------------- tree 愿���. ---------------- START{}
.big_jstree {font-size:14px;}
.big_jstree li{min-height:22px !important; line-height:22px !important;}
.big_jstree a{min-height:20px !important; line-height:20px !important;}
---------------- tree 愿���. ---------------- END{}


table.ubi_table_box {width:100%;margin-top:3px; background-color:#fff;}
table.ubi_table_box tbody { border-top:1px solid #4A90CC;border-bottom:1px solid #4A90CC;}
table.ubi_table_box tr {width:100%; height:30px;}
table.ubi_table_box tr th {padding: 2px 5px; width:90px;min-width:90px; height:30px; background-color:#F3F3F3; border-bottom:1px solid #CCCCCC;color: #03629E;text-align:center;font-weight: bold;font-size: 12px;font-family: "����";white-space: nowrap; word-wrap: nowrap;}
table.ubi_table_box tr td {padding: 5px 5px; min-width:100px;border-bottom:1px solid #CCCCCC;white-space: nowrap; word-wrap: nowrap;}
table.ubi_table_box tr th.lastChild{ border-bottom:0px!important;}
table.ubi_table_box tr td.lastChild{ border-bottom:0px!important;}

/*! ---------------- tab湲곕�� 愿���. ---------------- START{} */
.tab_span {height:30px;
				font-size:12px;
				padding: 4px 4px 4px 0px;
				border-radius: 0 ;
				background-color: #f9f9f9;
				line-height: 16px;
				position: relative;
				z-index: 11;
				border: 1px solid #c5d0dc;
				display: block;}
.tab_span a {color: #000 !important; padding: 4px 0px 4px 6px}
.tab_span a:hover {color: #428bca !important; text-decoration:none;}
.tab_span:hover {background-color: #FFF !important;}
li.active > div.tab_span { height:31px;
									color: #576373;
									border-top: 2px solid #4c8fbd;
									border-bottom-color: transparent;
									background-color: #FFF;
									z-index: 12;
									line-height: 16px;
									margin-top: -1px;
									box-shadow: 0 -2px 3px 0 rgba(0,0,0,0.15);}
li.active > div.tab_span a {outline:none;}
/*! ---------------- tab愿���. ----------------------- END{} */

.bb-none{border-bottom:0px!important;}
.btb-none{border-top:0px!important;border-bottom:0px!important;}

.ui-state-error{ margin:0px !important;}
.ui-state-error-custom{background-color: #f2dede !important; border: 2px solid #FF0000  !important;color: #b94a48  !important; text-shadow: 0 1px 0 rgba(255,255,255,0.5)  !important;}

.panel {margin-bottom: 5px !important;}

.datepicker-dropdown {z-index:1060 !important;}

.cnslt_hist_panel .body {max-height:200px;}
.cnslt_hist_panel .body.expend {max-height:600px !important;}

.jui_css.accordion{
	float:left !important;
	border:0px !important;
	border-bottom: 1px solid #d1d1d1 !important;
}
.jui_css.accordion .title{
	float:left !important;
	height:38px !important;
	border:0px !important;
	line-height:1.5 !important;
}
.jui_css.accordion .title .icon{
	float:right !important;
	font-size:18px !important;
	line-height:13px !important;
	padding-right:13px !important;
}
.jui_css.accordion .content{
	float:left !important;
	border:0px !important;
	padding:0px !important;
}

.mon_q_title_header .icon{
	float:right !important;
	font-size:18px !important;
	line-height:13px !important;
	padding-right:13px !important;
}


.modal-background {
    display: none;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: white;
    opacity: .50;
    -webkit-opacity: .5;
    -moz-opacity: .5;
    filter: alpha(opacity=50);
    z-index: 1030;
}

.modal-content {
    background-color: white;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 20px 0 #222;
    -webkit-box-shadow: 0 0 20px 0 #222;
    -moz-box-shadow: 0 0 20px 0 #222;
    display: none;
    left: 50%;
    margin: -120px 0 0 -460px;
    padding: 10px;
    position: fixed;
    top: 20%;
    z-index: 1031;
}

.modal-background.active, .modal-content.active {
    display: block;
}


.bar {
  width: 300px;
}

#progress {
  background: #eee;
  border: 1px solid #222;
  margin-top: 20px;
}
#progressbar {
  width: 0px;
  height: 24px;
  background: #333;
}

.ui-icon {position: static !important; text-indent: 0 !important;}
.ui-jqgrid-hdiv th div{font-size:11px !important;}	
.ui-jqgrid .ui-jqgrid-htable th span.ui-jqgrid-resize{height:25px !important}
.ui-jqgrid .ui-jqgrid-hdiv{line-height:1px !important;}
.ui-jqgrid-bdiv td{font-size:90%;}
.tab_panel .panel_bottom {padding-top:0px !important;}

.jui .ui-pg-table .ui-pg-button [class^="icon-"], .jui .ui-pg-table .ui-pg-button [class*=" icon-"]
, .jui .pagination [class*="icon-"] {
	    font-family: FontAwesome !important;
}

.filelist-header{-webkit-box-sizing:content-box;-moz-box-sizing:content-box;box-sizing:content-box;position:relative;min-height:20px;background:#f7f7f7;background-image:-webkit-gradient(linear,left 0,left 100%,from(#fff),to(#eee));background-image:-webkit-linear-gradient(top,#fff,0%,#eee,100%);background-image:-moz-linear-gradient(top,#fff 0,#eee 100%);background-image:linear-gradient(to bottom,#fff 0,#eee 100%);background-repeat:repeat-x;filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff',endColorstr='#ffeeeeee',GradientType=0);color:#669fc7;border:1px solid #CCC;border-bottom:1px solid #DDD;padding-left:12px}��

/* 알림창 */
.mbox-wrap {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}
.mbox-wrap .mbox_bg {
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	left: 0;
	display: block;
	z-index: 999998;
	pointer-events: auto;
	background: rgba(0, 0 , 0, .3);
	width:100%;
	overflow-y:hidden;
}
.mbox-wrap .mbox-dialog {
	padding: 0px !important;
	width: 350px;
	margin-top: 0px !important;
	margin-bottom: 0px !important;
	display: block;
	position: positive;
	z-index: 999999;
}
.mbox-dialog-header {
	border: 1px solid #DCDCDC;
	border-bottom: 1px solid #DDD;
	text-align: center;
	min-height: 30px;
	padding: .3em .5em;
	position: relative;
	font-size: 1.2em;
	font-weight: bold;
	cursor:move;
}
.mbox-dialog-title {
	font-size: 18px;
	color: #FFFFFF;
	font-weight: bold;
	position: relative;
}
.mbox-dialog-footer {
	background-color: #F1EFEF;
	border-top: 1px solid #e4e9ee;
	text-align: right;
	border-width: 1px 0 0 0;
	background-image: none;
	margin-top: .5em;
	padding: .3em 1em .5em .4em;
}