/******************** basic *********************/
body {line-height: 1.7em; font-size: 12px;font-family: "Malgun Gothic", "맑은 고딕", Dotum, Gulim, Helvetica, Arial, sans-serif;}
ul{	margin:0;padding:0;list-style:none}
div,h1,h2,h3,h4,h5,h6{
	margin:0;
	padding:0;
}
a,a:visited,a:hover,a:active{text-decoration:none;}
.pure-g{letter-spacing:0;font-family: "Malgun Gothic", "맑은 고딕", Dotum, Gulim, Helvetica, Arial, sans-serif;}
/******************** INPUT *********************/
.pure-form input[type="text"],
.pure-form input[type="password"],
.pure-form input[type="email"],
.pure-form input[type="url"],
.pure-form input[type="date"],
.pure-form input[type="month"],
.pure-form input[type="time"],
.pure-form input[type="datetime"],
.pure-form input[type="datetime-local"],
.pure-form input[type="week"],
.pure-form input[type="number"],
.pure-form input[type="search"],
.pure-form input[type="tel"],
.pure-form input[type="color"],
.pure-form select,
.pure-form textarea {
   box-shadow: none;
   border-radius: 0;
   padding:0 5px;
   height:28px;
}
/* placeholder */
*::-webkit-input-placeholder {
    color: #454545;
}
*:-moz-placeholder {
    /* FF 4-18 */
    color: #454545;
}
*::-moz-placeholder {
    /* FF 19+ */
    color: #454545;
}
*:-ms-input-placeholder {
    /* IE 10+ */
    color: #454545;
}
/******************** LOGIN *******************
.login-bg { width:100%; height:100%;background-color:#fff}
.login-wrap { width:100%; min-height:853px; background:url(../../images/unibi/login/login_bg.jpg) top center no-repeat;  }
.login-page { margin: 0 auto; padding-top: 270px; position: relative; width: 420px; }
.login-page .login-area .login-slogan h3 {text-align:center}
.login-page .login-area .login-form { padding: 25px; background-color:#fff; border:1px solid #f5f5f5; }
.login-page .login-area .login-form h2{text-align:center}
.login-page .login-area .login-form .pure-form-aligned .pure-control-group label {text-align:left; width:50px;color: #114382;font-weight: 600;}
.login-page .login-area .login-form .pure-form-aligned .pure-control-group input[type="text"],
.login-page .login-area .login-form .pure-form-aligned .pure-control-group input[type="password"],
.login-page .login-area .login-form .pure-form-aligned .pure-control-group select{
	 width:280px;
	 /* color:#000; background-color:#bdd0ff 
}

.login-page .login-area .login-form .pure-form-aligned .pure-controls {
	 margin: 1em 0 0 0; 
}
.login-page .login-area .login-form .pure-form-aligned .login-btn {margin-top:1.5em; height:34px; width:100%; border-radius: 0; background-color:#114382;color:#fff}
.login-page .login-area .login-copyright {margin-top: 10px; text-align:center; color:#dbdbdb;font-weight:600;letter-spacing:-0.5px}


/******************** LOGIN ********************/
html,body.login-bg {
	width: 100%;
	height: 100%;
	background-color: #fff;
	overflow:hidden;
}
body.login-bg{
	background: url(../../images/unibi/login/login_bgnew.jpg) top center no-repeat;
	background-size:cover;
}
.login-wrap {
	width: 100%;
	min-height: 100%;
}
.login-form {
	margin: 300px auto 20px;
	position: relative;
	width: 520px;
	height:480px;
	overflow:hidden;
	background:#dfe6f8;
	box-shadow:0px 5px 18px rgba(0,0,0,.2)
}
.login-tit{
	width: 520px;
	height:193px;
	background:#25398b url(../../images/unibi/login/bg_loginwin.png) 32px 57px no-repeat;
}
.login-form h2 {
	padding:55px 0 0 190px;
}
.login-form h3 {
	padding:5px 0 0 190px;
	color:#a7bfd3;
	font-size:18px;
}
.login-form > form{
	padding:40px 88px 30px 80px ;
	background: url(../../images/unibi/login/bg_loginwin_bottom.png) 30px top no-repeat;
}
.login-page .login-area .login-form .pure-form-aligned .pure-control-group label {
	text-align: left;
	width: 50px;
	color: #114382;
	font-weight: 600;
}
.login-page .login-area .login-form .pure-form-aligned .pure-control-group input[type="text"], 
.login-page .login-area .login-form .pure-form-aligned .pure-control-group input[type="password"],
.login-page .login-area .login-form .pure-form-aligned .pure-control-group select{
	width: 280px;
	border:1px solid #aab2d6
	/* color:#000; background-color:#bdd0ff */
}
.login-page .login-area .login-form .pure-form-aligned .pure-control-group .combo .combo-text
{
	border:0px;
}
.login-page .login-area .login-form .pure-form-aligned .pure-controls {
	margin: 1em 0 0 0;
}
.login-page .login-area .login-form .pure-form-aligned .login-btn {
	margin-top: 0.8em;
	height: 48px;
	width: 100%;
	border-radius: 0;
	font-size:15px;
	background-color: #25398b;
	color: #fff;
	border-radius: 3px;
}
.login-page .login-area .login-copyright {
	margin-top: 10px;
	text-align: center;
	color: #8790b1;
	font-weight: 600;
	letter-spacing: -0.5px
}

/******************** MENU **********************/
.header {height:90px;width:1280px;position:absolute;top:0;z-index:99}
.header .header-top {font-size: 14px;font-family: "Malgun Gothic", "맑은 고딕", Dotum, Gulim, Helvetica, Arial, sans-serif;}
.header .header-top ul{float:right;list-style:none;margin-right:45px}
.header .header-top ul > li{float:left;margin-left:20px;height:30px;line-height:30px;margin-top:5px}
.header .header-top ul > li > b{color:#5674b9}
.header .header-top ul > li .language-select{border:0;}
.header .header-top .favorite {position:absolute;top:10px;right:20px;}

.header .header-menu{position: relative;background-color:#17436b; border-bottom:1px solid #adb6be;height:32px;text-align:center;font-size: 14px;font-family: "Malgun Gothic", "맑은 고딕", Dotum, Gulim, Helvetica, Arial, sans-serif;}
.header .header-menu a{cursor:pointer;text-decoration:none}
.header .header-menu a:hover{text-decoration:none}
.header .header-menu ul.dropdown{list-style:none;font-weight:bold;width:1280px;margin:0 auto; position: absolute; z-index:99}
.header .header-menu ul.dropdown > li{font-weight: bold; float: left;  position: relative; z-index:999; background: url("../../images/unibi/menu/spacer.png") no-repeat top 10px left 0; }
.header .header-menu ul.dropdown > li:first-child{background: none;}
.header .header-menu ul.dropdown a:hover{ color: #fff; z-index:9999} 
.header .header-menu ul.dropdown > li > a { display: block; padding: 6px 30px; color: #fff; font-size:14px; position: relative;text-align: center; text-decoration: none; font-weight: 300;}
.header .header-menu ul.dropdown > li > a.hover{ background: url("../../images/unibi/menu/menu_hover_bg.png")repeat;  position: relative; color: #fff; }
.header .header-menu ul.dropdown > li > ul{ display: none; position: absolute; top: 0;  left: 0;  z-index: 19000; border-right: 1px solid #ccc; border-bottom: 1px solid #ccc; border-left: 1px solid #ccc;background-color:#fff;padding:15px 0;
-webkit-box-shadow: 1px 1px 2px 2px rgba(204,204,204,0.5);
-moz-box-shadow: 1px 1px 2px 2px rgba(204,204,204,0.5);
box-shadow: 1px 1px 2px 2px rgba(204,204,204,0.5)}
.header .header-menu ul.dropdown > li > ul > li { font-weight: normal;  background: #fff;  color: #000;   }
.header .header-menu ul.dropdown > li > ul > li:hover{background-color:#e8e8e8}
.header .header-menu ul.dropdown > li > ul > li a{ font-size:12px;color:#707b85;line-height:24px;} 
.header .header-menu ul.dropdown > li > ul > li a:hover{color:#000;}
/* Fourth-level menus */
.header .header-menu .sub-div dl {display:none;}
.header .header-menu .sub-div dd a{display:block;background-color:#f7f7f7}


/*style.css 93번째 줄부터 수정 (왼쪽정렬, 서브메뉴 들여쓰기)*/

.header .header-menu ul.dropdown > li > ul > li { font-weight: normal;  background: #fff;  color: #000; text-align:left  }
.header .header-menu ul.dropdown > li > ul > li:hover{background-color:#e8e8e8}
.header .header-menu ul.dropdown > li > ul > li > a{ font-size:12px;color:#707b85;line-height:24px;padding-left:15px} 
.header .header-menu ul.dropdown > li > ul > li > dl > dd > a{ font-size:12px;color:#707b85;line-height:24px; text-indent:30px} 
.header .header-menu ul.dropdown > li > ul > li a:hover{color:#000;} 





/******************** CONTENTS ******************/
.contents {	padding:20px}
/******************** easyui 수정 ***************/
.contents .layout-panel{position:relative}
.contents .panel-body {border:0}
.contents .tabs-header {background: url('../../images/unibi/tab/tab_header_bg.png') repeat;padding: 0;}
.contents .tabs-scroller-left,.contents .tabs-scroller-right{height:24px;width:20px;border:0;display:block}
/*tab의 좌우 화살표*/
.contents .tabs-scroller-left.active {background: url('../../images/unibi/tab/left_on.png') no-repeat;}
.contents .tabs-scroller-left {background: url('../../images/unibi/tab/left_off.png') no-repeat;}
.contents .tabs-scroller-right.active {background: url('../../images/unibi/tab/right_on.png') no-repeat;}
.contents .tabs-scroller-right {background: url('../../images/unibi/tab/right_off.png') no-repeat;}

.contents .tabs {border:0;height:24px}
.contents .tabs-wrap{padding: 0 28px;}
.contents .tabs li{margin:0 3px 0 0}
.contents .tabs li.tabs-selected a.tabs-inner {
    border-top:1px solid #e5eaf0;
	border-right:1px solid #e5eaf0;
	border-bottom: 2px solid #fff;
	border-left:1px solid #e5eaf0;
	background:#fff;
	height:22px;
}
.contents .tabs li a.tabs-inner{
	background: #546f94 url('../../images/unibi/tab/tab_bg.png') no-repeat left top;
	border:0;
	height:24px;
}
.contents .area-title{font-size: 16px; font-family: Dotum, Gulim, Helvetica, Arial, sans-serif;color:#585858;margin:10px 0}
.contents .area-title i {color:#0171c7}
.contents .search-table{width:100%;border-color:#e5eaf0}
.contents .search-table th,.contents .search-table td{border-color:#e5eaf0}
.contents .search-table tbody th{background:#f5f5f5;color:#636363;width:120px;}


.area-title{font-size: 16px; font-family: Dotum, Gulim, Helvetica, Arial, sans-serif;color:#585858;margin:10px 0}
.area-title i {color:#0171c7}


.search-table{width:100%;border-color:#c1c8d8}
.search-table th,.search-table td{border:0}

.search-table tbody th{background:#f5f5f5;color:#636363;width:120px;text-align:left;padding-left:8px;}
.search-table tbody td{background:#f5f5f5;}
.search-table .combo{
	border-color:#CBCBCD;
}
.search-table .combobox-item-selected {
   	background-color: rgb(169, 169, 169);
}
.search-table input {height:16px;vertical-align:middle}
.search-table .combo-arrow {
    background:#CBCBCD url(../../images/unibi/search/combo_arrow.png) no-repeat center center;
}
.combobox-item-selected {
	background-color: #FFE7D8; /*#fffbcc;*/
}

/******************** PANEL *********************/
/* .panel-header {background: #e0ecff;height:31px;margin-top:6px;border:0;padding:0;margin-bottom:25px} */
 /* .panel-header {height:30px;margin-top:3px;border:0;padding:0; margin-bottom:1px} */
  
 /* 
 background: #e0ecff;
  */
.tabs-panels .panel-header {margin:0}

 /* .panel-header {background: #a7abad url('../../images/unibi/sub/panel_top_bg.png') no-repeat right top;height:31px;margin-top:6px;border:0;padding:0;margin-bottom:5px} */
.panel-header .panel-title {line-height:50px}
.panel-header .panel-tool{float:right;top:21px;right:1px;height:23px}
.panel .datagrid-wrap{border:1px solid #c9c9c9} /*그리드 테두리 변경*/
.panel .datagrid-header, .datagrid-td-rownumber {
    background:none;
	background-color: #e5ebf7;
}
.panel-with-icon{
	padding-left:28px;  /*그리드 제목의 왼쪽 공간*/
}

.datagrid-header-row td{background-color:#dae8f1;}
.datagrid-row-over,
.datagrid-header td.datagrid-header-over {
  background: #b8dcfd; /*datagrid row 마우스오버시 컬러*/
  color: #000000;
  cursor: default;
}


.datagrid-header-row span{font-weight:600}
.datagrid-header-row .datagrid-header-rownumber{
    background: none;
    background-color: #eaecf1;
}
.datagrid-view2 {
    left: 25px;
}


.datagrid-toolbar {
    background-color: #fff;
}
.datagrid-row-selected {
	background-color: #FFE7D8; /*#fffbcc;*/
}

.easyui-pagination{border:1px solid #606060}
.pagination span {
  font-size: 12px;
}
.pagination-link .l-btn-text {
  width: 24px;
  text-align: center;
  margin: 0;
}
.pagination-first {
  background: url('../../images/unibi/main/pagination_icons.png') no-repeat 0 center;
}
.pagination-prev {
  background: url('../../images/unibi/main/pagination_icons.png') no-repeat -16px center;
}
.pagination-next {
  background: url('../../images/unibi/main/pagination_icons.png') no-repeat -32px center;
}
.pagination-last {
  background: url('../../images/unibi/main/pagination_icons.png') no-repeat -48px center;
}
.pagination-load {
  background: url('../../images/unibi/main/pagination_icons.png') no-repeat -64px center;
}
.pagination-loading {
  background: url('../../images/unibi/main/loading.gif') no-repeat center center;
}



/*POPUP*/

.popup-process {border:1px solid #ccd7e4}

/* .search_table_cont input{border:0;background:#f4f4f4;color:#333} */
.search_table_cont input{border:1;color:#333}

.search_table_cont .combo{border-color:#d8d8d8}
.search_table_cont .combo input{background:#fff;color:#333}
.search_table_cont .combo input.bi-readonly{background:#e4e7ea}

.pure-button-primary { background-color: rgb(84, 111, 148); }
/******************** COMMON ********************/
/*align*/
.tcenter{text-align:center !important}
.tleft{text-align:left !important}
.tright{text-align:right !important}

/*height*/
.h35{height:36px !important}
/*margin*/
.mt20{margin-top:20px !important}
 .mb20{margin-bottom:21px !important}