body {
  font-family: "Nanum Gothic", "Nanum Barun Gothic", "Source Sans Pro", "Helvetica Neue", Helvetica, Arial, sans-serif;
  font-size: 14px;
  color: #565656;
  background-color: transparent;
  -webkit-font-smoothing: antialiased;
  line-height: 1.42857143;
}
*:focus {
  outline: 0 !important;
}
.h1,.h2,.h3,.h4,.h5,.h6 { margin: 0;}

a {color: #363f44;  text-decoration: none; /* underline;*/  cursor: pointer; }
a:hover, a:focus {color: #141719;  text-decoration: none;}
label {font-weight: normal;}
small, .small { font-size: 13px;}
.badge, .label { font-weight: bold;  text-shadow: 0 1px 0 rgba(0, 0, 0, 0.2);}
.badge.bg-light, .label.bg-light { text-shadow: none;}
.badge { background-color: #cfdadd;}
.badge.up { position: relative;  top: -10px;  padding: 3px 6px;  margin-left: -10px;}
.badge-sm { font-size: 85%; padding: 2px 5px !important;}
.label-sm { padding-top: 0;  padding-bottom: 1px;}
.badge-white { background-color: transparent;  border: 1px solid rgba(255, 255, 255, 0.35);  padding: 2px 6px;}
.badge-empty { background-color: transparent; border: 1px solid rgba(0, 0, 0, 0.15);  color: inherit;}
blockquote {  border-color: #dee5e7;}
.caret-white { border-top-color: #fff;  border-top-color: rgba(255, 255, 255, 0.65);}
a:hover .caret-white { border-top-color: #fff;}
.thumbnail {  border-color: #dee5e7;}
.progress {  background-color: #edf1f2;}
.progress-xxs {  height: 2px;}
.progress-xs { height: 6px;}
.progress-sm { height: 12px;}
.progress-sm .progress-bar {font-size: 10px;  line-height: 1em;}
.progress,.progress-bar { -webkit-box-shadow: none;  box-shadow: none;}
.progress-bar-primary {background-color: #7266ba;}
.progress-bar-info {  background-color: #23b7e5;}
.progress-bar-success {  background-color: #27c24c;}
.progress-bar-warning { background-color: #fad733;}
.progress-bar-danger { background-color: #f05050;}
.progress-bar-black { background-color: #1c2b36;}
.progress-bar-white { background-color: #fff;}
.accordion-group, .accordion-inner { border-color: #dee5e7;  border-radius: 2px;}
.alert { font-size: 13px;  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2);}
.alert . i {  font-size: 12px;  font-weight: normal;  display: block;}
.form-control { border-color: #cfdadd;  border-radius: 2px;}
.form-control, .form-control:focus {  -webkit-box-shadow: none;  box-shadow: none;}
.form-control:focus { border-color: #23b7e5;}
.form-horizontal .control-label.text-left { text-align: left;}
.form-control-spin {  position: absolute;  z-index: 2;  right: 10px;  top: 50%;  margin-top: -7px;}
.input-lg {  height: 45px;}
.input-group-addon {border-color: #ccc;  background-color: #fff;}
.list-group {  border-radius: 2px;}
.list-group.no-radius .list-group-item {  border-radius: 0 !important;}
.list-group.no-borders .list-group-item {  border: none;}
.list-group.no-border .list-group-item {  border-width: 1px 0;}
.list-group.no-bg .list-group-item {  background-color: transparent;}
.list-group-item {  border-color: #e7ecee;  padding-right: 15px;}
a.list-group-item:hover,
a.list-group-item:focus,
a.list-group-item.hover {
  background-color: #f6f8f8;
}
.list-group-item.media { margin-top: 0;}
.list-group-item.active {color: #fff;  border-color: #23b7e5 !important;  background-color: #23b7e5 !important;}
.list-group-item.active .text-muted {color: #ace4f5 !important;}
.list-group-item.active a { color: #fff;}
.list-group-item.focus {  background-color: #e4eaec !important;}
.list-group-item.select {  position: relative;  z-index: 1;  background-color: #dbeef9 !important;  border-color: #c5e4f5;}
.list-group-alt .list-group-item:nth-child(2n+2) {  background-color: rgba(0, 0, 0, 0.02) !important;}
.list-group-lg .list-group-item {  padding-top: 15px;  padding-bottom: 15px;}
.list-group-sm .list-group-item {  padding: 6px 10px;}
.list-group-sp .list-group-item {  margin-bottom: 5px;  border-radius: 3px;}
.list-group-item > .badge {  margin-right: 0;}
.list-group-item > .fa-chevron-right {  float: right;  margin-top: 4px;  margin-right: -5px;}
.list-group-item > .fa-chevron-right + .badge {  margin-right: 5px;}
.nav-pills.no-radius > li > a {  border-radius: 0;}
.nav-pills > li.active > a {  color: #fff !important;  background-color: #23b7e5;}
.nav-pills > li.active > a:hover,
.nav-pills > li.active > a:active {  background-color: #19a9d5;}
.nav > li > a:hover,.nav > li > a:focus {  background-color: #8690ab;}
.nav.nav-lg > li > a {  padding: 20px 20px;}
.nav.nav-md > li > a {padding: 15px 15px;}
.nav.nav-sm > li > a {padding: 6px 12px;}
.nav.nav-xs > li > a {padding: 4px 10px;}
.nav.nav-xxs > li > a {padding: 1px 10px;}
.nav.nav-rounded > li > a {border-radius: 20px;}
/*
.nav .open > a,
.nav .open > a:hover,
.nav .open > a:focus { background-color: #4d6aba;}
*/

/*nav-tabs 컨텐츠 탭 버튼
.nav .nav-tabs { border-color: #9aa0de; margin-top:20px; display:inline-block;}
.nav .nav-tabs > li > a {border-radius: 1px 1px 0 0;  border-bottom-color: #dee5e7;}
.nav .nav .nav-tabs > li:hover > a,
.nav .nav-tabs > li.active > a,.nav .nav-tabs > li.active > a:hover { /* border-color: #dee5e7;   background-color: #8690ab; color:#fff;  }
.nav .nav-tabs > li.active > a {  /*border-bottom-color: #bbb !important;}
.nav .nav-tabs-alt .nav-tabs.nav-justified > li {  display: table-cell;  width: 1%;}
.nav .nav-tabs-alt .nav-tabs > li > a {  border-radius: 0;  border-color: transparent !important;  background: transparent !important;  border-bottom-color: #dee5e7 !important;}
.nav .nav-tabs-alt .nav-tabs > li.active > a { border-bottom-color: #23b7e5 !important;}

.nav .nav-tabs { border-color: #9aa0de; margin-top:20px; display:inline-block; border:5px solid #ff6600;}
.nav .nav-tabs > li > a {border-radius: 1px 1px 0 0;  /*border-bottom-color: #dee5e7;}

.nav .nav-tabs > li.active > a:hover
 {cursor:default; background-color:#fff; border-top:1px solid #476bcf; border-left:1px solid #476bcf; border-right:1px solid #476bcf; /* border-bottom-color:transparent}
.nav .nav-tabs > li.active > a:active
{background-color:#333;  border-top:1px solid #b3c3dd; border-left:1px solid #b3c3dd; border-right:1px solid #b3c3dd; color:#fff; }
*/

.nav .nav-tabs-alt .nav-tabs.nav-justified > li {  display: table-cell;  width: 1%;}
.nav .nav-tabs-alt .nav-tabs > li > a {border-radius: 0;  border-color: transparent !important;  background: transparent !important;  border-bottom-color: #dee5e7 !important;}
.nav .nav-tabs-alt .nav-tabs > li.active > a { border-bottom-color: #23b7e5 !important;}

.tab-container {  margin-bottom: 15px;}
.tab-container .tab-content {  padding: 15px;  background-color: #fff;  border: 1px solid #dee5e7;  border-top-width: 0;  border-radius: 0 0 2px 2px;}

/* nav-subtabs */
.nav-subtabs {
  background-color:#F4F5F9;
  border-color: #dee5e7;
  padding:10px 10px;
  border-bottom:1px solid #ddd;
}
.nav-subtabs > li > a {
  padding-margin:3px;
  border-radius: 2px 2px 0 0;
  background-color: #fff;
  border:1px solid #a0bee3;
  height:35px;
  font-weight:700;
}
.nav-subtabs > li:hover > a,
.nav-subtabs > li.active > a,
.nav-subtabs > li.active > a:hover {
color:#fff;
background-color:#94b4db;
border:1px solid #6e99cd;
}
.nav-subtabs > li.active > a {
  background-color:#5898e6;
  border:1px solid #5383bc;
  color:#fff;

}
.nav-subtabs-alt .nav-subtabs.nav-justified > li {
  display: table-cell;
  width: 1%;
}
.nav-subtabs-alt .nav-subtabs > li > a {
  border-radius: 0;
  border-color: transparent !important;
  background: transparent !important;
  border-bottom-color: #dee5e7 !important;
}
.nav-subtabs-alt .nav-subtabs > li.active > a {
  border-bottom-color: #23b7e5 !important;
}
.subtab-container {
  margin-bottom: 15px;
}
.subtab-container .subtab-content {
  padding: 15px;
  background-color: #fff;
  border: 1px solid #dee5e7;
  border-top-width: 0;
  border-radius: 0 0 2px 2px;
}
/* nav-subtabs end */


.pagination > li > a {  border-color: #dee5e7;}
.pagination > li > a:hover,.pagination > li > a:focus {  border-color: #dee5e7;  background-color: #edf1f2;}
.panel {border-radius: 2px; border:none!important;}
.panel .accordion-toggle {  font-size: 14px;  display: block;  cursor: pointer;}
.panel .list-group-item {  border-color: #edf1f2;}
.panel.no-borders {  border-width: 0;}
.panel.no-borders .panel-heading,
.panel.no-borders .panel-footer { border-width: 0;}
.panel-heading { border-radius: 2px 2px 0 0;}
.panel-default .panel-heading {background-color: #f6f8f8;}
.panel-heading.no-border {  margin: -1px -1px 0 -1px;  border: none;}
.panel-heading .nav {  margin: -10px -15px;}
.panel-heading .list-group {  background: transparent;}
.panel-footer { background-color: #ffffff; margin-top:15px; border-top:1px solid #ddd; padding:15px 0px 0px 0px; }
.panel-default { border-color:none!important;}
.panel-default > .panel-heading,.panel-default > .panel-footer {  border-color: #edf1f2;}
.panel-group .panel-heading + .panel-collapse .panel-body {border-top: 1px solid #eaedef;}

.panel_bg {background-color: #EFF5FF;  }

.table > tbody > tr > td,
.table > tfoot > tr > td {
  padding: 7px 3px;
  border-top: 1px solid #eaeff0;
  color: #565656;
  background-color:#fff;
}
.table > thead > tr > th {
  padding: 7px 3px;
  border-bottom: 1px solid #eaeff0;
}
.table-bordered {
  border-color: #eaeff0;
}
.table-bordered > tbody > tr > td {
  border-color: #eaeff0;
}
.table-bordered > thead > tr > th {
  border-color: #eaeff0;
}
.table-striped > tbody > tr:nth-child(odd) > td,
.table-striped > tbody > tr:nth-child(odd) > th {
  background-color: #fafbfc;
}
.table-striped > thead > th {
  background-color: #fafbfc;
  border-right: 1px solid #eaeff0;
}
.table-striped > thead > th:last-child {
  border-right: none;
}
.well,
pre {  background-color: #edf1f2;
  border-color: #dee5e7;
}
/*
.dropdown-menu {  2019 new
 position:absolute; left:5px; top:35px; z-index:1010;  display:none;  border-radius: 0px;  -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.1);
 min-width:190px; background-color:#fff; border:1px solid #ddd;}
.dropdown-menu .m2-size {width:190px!important;; }
.dropdown-menu .depthM2 {width:810px; height:200px;   margin:20px 0 0 0px;  -webkit-padding-start:0px; }
.dropdown-menu .depthM2 li {display:inline-block;  float:left;   width:200px;  padding-left:0px; border-right:1px solid #eee;   vertical-align:top; }
.dropdown-menu .depthM2 li:last-child {border-right:none;}

.dropdown-menu .depthM2 li > span {dispaly:block; padding:20px 0 0px 20px;   height:40px; width:180px;   font-weight:700; font-size:1.1em; }

.dropdown-menu .depthM2 .depthM3 {height:160px; margin-top:5px; margin-left:20px!important;  padding-left:0px;  }
.dropdown-menu .depthM2 .depthM3 li {display:block;   padding:0px 0px 7px 0px; border-right:none;  }
.dropdown-menu .depthM2 .depthM3 li a {color:#666; background:url(../img/snb1.png) no-repeat 0px 7px; padding-left:10px;}
.dropdown-menu .depthM2 .depthM3 li a:hover {text-decoration:underline; background-color:#fff;  color:#333; border:none;}


.dropdown-menu.pull-left {
  left: 100%;
}
.dropdown-menu > .panel {
  border: none;
  margin: -5px 0;
} */


.dropdown-menu > li > a {
  padding: 5px 15px;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: none;
  filter: none;
  background-color: #edf1f2 !important;
  color: #141719;
}

.dropdown-header {
  padding: 5px 15px;
}
.dropdown-submenu {
  position: relative;
}
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  background-color: #edf1f2 !important;
  color: #58666e;
}
.dropdown-submenu:hover > .dropdown-menu,
.dropdown-submenu:focus > .dropdown-menu {
  display: block;
}
.dropdown-submenu.pull-left {
  float: none !important;
}
.dropdown-submenu.pull-left > .dropdown-menu {
  left: -100%;
  margin-left: 10px;
}
.dropdown-submenu .dropdown-menu {
  left: 100%;
  top: 0;
  margin-top: -6px;
  margin-left: -1px;
}
.dropup .dropdown-submenu > .dropdown-menu {
  top: auto;
  bottom: 0;
}
.btn-group > .btn {
  margin-left: -1px;
}
/*cols*/
.col-lg-2-4 {
  position: relative;
  min-height: 1px;
  padding-left: 15px;
  padding-right: 15px;
}
.col-0 {
  clear: left;
}
.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}
.no-gutter [class*="col"] {
  padding: 0;
}
.row-sm {
  margin-left: -10px;
  margin-right: -10px;
}
.row-sm > div {
  padding-left: 10px;
  padding-right: 10px;
}
.modal-backdrop {
  background-color: #3a3f51;
}
.modal-backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
.modal-over {
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  position: fixed;
}
.modal-center {
  position: absolute;
  left: 50%;
  top: 50%;
}
/*layout*/
html,
body {
  width: 100%;
  height: 100%;
}
body {
  overflow-x: hidden;
}
.app {
  height: auto;
  min-height: 100%;
  width: 100%;
  position: relative;
}
.app:before {
  content: "";
  position: absolute;
  width: inherit;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-color: #ffffff;
  border: inherit;
  display: block;
}
.app-header-fixed {
  padding-top: 50px;
}
.app-header-fixed .app-header {
  position: fixed;
  top: 0;
  width: 100%;
}
.app-header {
  z-index: 1025;
  border-radius: 0;
}
.app-aside {
  float: left;
}
.app-aside:before {
  content: "";
  position: absolute;
  width: inherit;
  top: 0;
  bottom: 0;
  z-index: -1;
  background-color: inherit;
  border: inherit;
}
.app-aside-footer {
  position: absolute;
  bottom: 0;
  width: 100%;
  z-index: 1000;
  max-width: 210px;
}
.app-aside-folded .app-aside-footer {
  max-width: 60px;
}
.app-aside-footer ~ div {
  padding-bottom: 50px;
}
.app-aside-right {
  padding-bottom: 50px;
}
.app-content {
  height: 100%;
  background:#ffffff;
}
.app-content:before,
.app-content:after {
  content: " ";
  display: table;
}
.app-content:after {
  clear: both;
}
.app-content-full {
  position: absolute;
  top: 50px;
  bottom: 50px;
  height: auto;
  width: auto !important;
  padding: 0 !important;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.app-content-full.h-full {
  bottom: 0;
  height: auto;
}
.app-content-body {
  /*padding-bottom:50px;*/
  float: left;
  width: 100%;
  background:#fff;
}
.app-footer {
  position: absolute;
  bottom: 0;
  left: 0;
  right: 0;
  z-index: 1005;
}
.app-footer.app-footer-fixed {
  position: fixed;
}
.hbox {
  display: table;
  table-layout: fixed;
  border-spacing: 0;
  width: 100%;
  height: 100%;
}
.hbox .col {
  display: table-cell;
  vertical-align: top;
  height: 100%;
  float: none;
}
.v-middle {
  vertical-align: middle !important;
}
.v-top {
  vertical-align: top !important;
}
.v-bottom {
  vertical-align: bottom !important;
}
.vbox {
  display: table;
  border-spacing: 0;
  position: relative;
  width: 100%;
  height: 100%;
  min-height: 240px;
}
.vbox .row-row {
  display: table-row;
  height: 100%;
}
.vbox .row-row .cell {
  position: relative;
  height: 100%;
  width: 100%;
  -webkit-overflow-scrolling: touch;
  overflow: auto;
}
.ie .vbox .row-row .cell {  display: table-cell;}
.vbox .row-row .cell .cell-inner {  position: absolute;  top: 0;  bottom: 0;  left: 0;  right: 0;}

/*상단네비*/
.navbar { border-width: 0; border-radius: 0;  margin: 0;}
.navbar .navbar-form-sm {  margin-top: 10px;  margin-bottom: 10px;}
.navbar-md { min-height: 60px;}
.navbar-md .navbar-btn { margin-top: 20px;}
.navbar-md .navbar-form {  margin-top: 15px;}
.navbar-md .navbar-nav > li > a { padding-top: 20px;  padding-bottom: 20px;}

/*상단 햄버거 2019*/
.navbar-btn {display:inline-block;  /*background:url(../img/allmenu.png) no-repeat center center #346ae2;*/ font-size:0px; border:1px solid #3264d3; width:40px; height:30px; }
.navbar-btn :hover   {color:#fff;}
.navbar-btn :active  {background-color:#0547de; color:#fff;}


.navbar-md .navbar-brand {
  line-height: 60px;
}
.navbar-header > button {
  text-decoration: none;
  line-height: 30px;
  font-size: 16px;
  padding: 10px 17px;
  border: none;
  background-color: transparent;
}
.navbar-brand {
  float: none;
  text-align: center;
  font-size: 20px;
  font-weight: 700;
  height: auto;
  line-height: 55px;
  /*  display: inline-block;*/
  /* padding: 0 20px; */
}
.navbar-brand:hover {
  text-decoration: none;
}
.navbar-brand img {
  max-height: 20px;
  margin-top: -4px;
  vertical-align: middle;
  display: inline;
}

/***********************2019 NEW*************************/
/*top 메뉴 */
.navbar-collapse {padding-top:0px;}
.navbar-header {height:54px;}
/* .navbar-header {display:inline-block;  width:100%; height:54px; overflow:hidden; background-color:#3A5FB6; } */
.navi_closeN  {display:inline-block; background:url(../img/allmenu.png) no-repeat center center #346ae2; font-size:0px; border:1px solid #54596a; width:40px; height:30px; }

.gnbMenuN  {display:inline-block;  color:#fff;  background:url(../img/gnbmenu.png) no-repeat 85px center #093aae; border:1px solid #1d57dc; width:113px; height:30px;  padding:4px 30px 0px 7px;   margin-left:5px; }
.gnbMenuN:hover   {background-color:#1d57dc; border:1px solid #1d57dc; color:#fff;}
.gnbMenuN:active  {background-color:#1d57dc; border:1px solid #1d57dc; color:#fff;}


.search_btN {display:inline-block; background-color: #093aae; border:1px solid #54596a;  color:#fff;  width:50px; padding:0px 10px 0 10px; height:30px; }
.search_btN:hover {color:#fff;background-color:#093aae; border:1px solid #1d57dc;  }

.search_inputN  {display:inline-block; width:230px; height:30px; border-radius:0px;  border:1px solid #54596a;     /*border:1px solid #54596a;*/ background-color:#F0F4FB; margin-left:10px; padding-left:10px;} /*검색 텍스트*/

.navbar-nav li a {}
.navbar-nav li a.gnbMenuN {padding:4px 30px 0px 7px;}
.navbar-nav li a:hover,.navbar-nav li a:active,.navbar-nav li a:focus   {border:1px solid #1d57dc; color:#fff; background:url(../img/gnbmenu.png) no-repeat 85px center #1d57dc;  }

/*
.navbar-nav li a:active {border:1px solid #1d57dc; color:#fff;  background:url(../img/gnbmenu.png) no-repeat 85px center #093aae; }
*/

/*top 오른쪽 메뉴 */
/*
.navbar-header {position:relative;}
.navbar-right {position:absolute; right:15px; top:15px;} */
.navbar-right li {display:inline-block; list-style:none; color:#fff; height:35px; padding:10px 3px; }
.navbar-right li > a {padding:0px 0px;}
.navbar-right li:last-child {padding-right:20px;}
.navbar-right li span {display:inline-block; width:140px; }

.navbar-right .adminicon {display:inline-block; background:url(../img/admin_icon.png) no-repeat center center #fff; width:34px; height:34px; border-radius:55%; border:1px solid #1d57dc; vertical-align:middle;}
.navbar-right .adminBt {display:inline-block;  color:#fff;  background:url(../img/gnbmenu2.png) no-repeat 128px 3px; width:155px; padding:0px 30px 0 7px; height:30px;}
/* .navbar-right  .adminBt:hover,.navbar-right  .adminBt:active,.navbar-right  .adminBt:focus { background:url(../img/gnbmenu2.png) no-repeat 90px 3px; border:none;} */
.navbar-right .time {display:inline-block; padding:5px 5px 0 7px; height:30px; vertical-align:middle; color:#fff; }
.navbar-right .timeRefresh {display:inline-block; background:url(../img/refresh_icon.png) no-repeat center center #093aae;  width:35px;  height:35px; border-radius:50%; border:1px solid #1d57dc; vertical-align:middle; font-size:0px; }
.navbar-right .timeRefresh:hover {background-color:#1d57dc; border:1px solid #1d57dc;}
.navbar-right .text {display:inline-block; background:url(../img/scale.png) no-repeat center center #093aae; font-size:0px; border-radius:50%;  border:1px solid #1d57dc; width:35px; height:35px; padding:5px 0px 0 0px; vertical-align:middle; margin-left:5px; }
/* .navbar-right .text:hover,.navbar-right .text:activer,.navbar-right .text:focus { border:1px solid #1d57dc; background:url(../img/scale.png) no-repeat center center #093aae;} */
.navbar-right .text-active{display:inline-block; background:url(../img/scale.png) no-repeat center center #1d57dc; font-size:0px; border-radius:50%;  border:1px solid #1d57dc; width:35px; height:35px; padding:5px 0px 0 0px; vertical-align:middle; margin-left:5px; }
/* .navbar-right .text-active:hover,.navbar-right .text-active:activer,.navbar-right .text-active:focus { border:1px solid #1d57dc; background:url(../img/scale.png) no-repeat center center #093aae;} */

.navbar-nav.navbar-right li a:hover,.navbar-nav.navbar-right li a:active,.navbar-nav.navbar-right li a:focus   {border:none; color:#fff; background:url(../img/gnbmenu2.png) no-repeat 128px 3px #093aae;  }
/* .navbar-right li a {background-color:none;} */

.navbar-right .dropdown-menu {
    top : 50px;
    width : 100px;
}
.navbar-right .dropdown-menu > li {
    margin : 0px;
    padding : 0px;
}
.navbar-right .dropdown-menu > li > a {
  padding: 5px 50px;
}

.dropdown .dropdown-menu li a:hover,
.dropdown .dropdown-menu li a:active,
.dropdown .dropdown-menu li a:focus   {border:none; color:#333; background:none;  }

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-menu > .active > a,
.dropdown-menu > .active > a:hover,
.dropdown-menu > .active > a:focus {
  background-image: none;
  filter: none;
  background-color: #edf1f2 !important;
  color: #141719;
}
/***********************2019 NEW END*************************/

@media (min-width: 768px) {
  .app-aside,  .navbar-header { width: 200px;}
  /*.bg-bleu-only {backgroud-color:#093aae;}*/
  .navbar-collapse,  .app-content,  .app-footer { margin-left: 200px; }
  .app-aside-right { position: absolute; top: 50px; bottom: 0; right: 0;  z-index: 1000; }
  .app-aside-right.pos-fix { z-index: 1010; }
  .visible-folded { display: none;  }
  .app-aside-folded .hidden-folded { display: none !important; }
  .app-aside-folded .visible-folded { display: inherit;}
  .app-aside-folded .text-center-folded { text-align: center;}
  .app-aside-folded .pull-none-folded { float: none !important;}
  .app-aside-folded .w-auto-folded {  width: auto;}
  .app-aside-folded .app-aside,  .app-aside-folded .navbar-header { width: 60px;}
  .app-aside-folded .navbar-collapse,  .app-aside-folded .app-content,  .app-aside-folded .app-footer { margin-left: 60px;  }
  .app-aside-folded .app-header .navbar-brand { display: block; padding: 0; }
  .app-aside-fixed .app-header .navbar-header { position: fixed; }
   .app-aside-fixed .aside-wrap { position: fixed; overflow: hidden;  top: 50px;  bottom: 0;  left: 0;  width: 200px;  z-index: 1000; }
  .app-aside-fixed .aside-wrap .navi-wrap { width: 205px;  position: relative;  height: 100%;  overflow-x: hidden;  overflow-y: scroll;  -webkit-overflow-scrolling: touch;  }
  .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar { -webkit-appearance: none; }
  .app-aside-fixed .aside-wrap .navi-wrap::-webkit-scrollbar:vertical {  width: 17px; }
  .smart .app-aside-fixed .aside-wrap .navi-wrap { width: 210px; }
  .app-aside-fixed.app-aside-folded .app-aside { position: fixed;  top: 0;  bottom: 0;  z-index: 1010; }
  .app-aside-fixed.app-aside-folded .aside-wrap { width: 59px; }
  .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap {  width: 77px; }
  .smart .app-aside-fixed.app-aside-folded .aside-wrap .navi-wrap { width: 60px; }
  .bg-auto:before {  content: "";  position: absolute;   width: inherit;   top: 0;   bottom: 0;   z-index: -1;   background-color: inherit;    border: inherit; }
  .bg-auto.b-l:before {  margin-left: -1px;  }
  .bg-auto.b-r:before { margin-right: -1px; }
  .col.show { display: table-cell !important; }
}

@media (min-width: 768px) and (max-width: 991px) {
  .hbox-auto-sm { display: block; }
  .hbox-auto-sm > .col { width: auto;  height: auto;  display: block; }
  .hbox-auto-sm > .col.show { display: block !important; }
}


@media (max-width: 767px) {
  .app-aside { float: none;}
  .app-content-full { width: 100% !important; }
  .hbox-auto-xs {display: block; }
  .hbox-auto-xs > .col {width: auto; height: auto; display: block; }
  .navbar-nav { margin-top:10px; margin-bottom: 0;  }
  .navbar-nav > li > a {box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); }
  .navbar-nav > li > a .up {top: 0; }
  .navbar-nav > li > a .avatar { width: 30px;   margin-top: -5px;  }
  .navbar-right {margin-top:10px; margin-bottom: 20px;} /* 2019-07-12 */
  .navbar-nav .open .dropdown-menu { background-color: #fff;  }
  .navbar-form { box-shadow: 0 -1px 0 rgba(0, 0, 0, 0.1); margin-top: 0 !important;  margin-bottom: 0 !important;}
  .navbar-form .form-group {margin-bottom: 0; }
}


html {
  background-attachment: fixed;
  background-size: cover;
}
.app.container {
  padding-left: 0;
  padding-right: 0;
}


.a_white_link {color:#ffffff !important;}
.a_white_link:hover {color:#ffffff !important; background:#4d6aba;}



@media (min-width: 768px) {
  .app.container {
    width: 750px;
    -webkit-box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
    box-shadow: 0 0 30px rgba(0, 0, 0, 0.3);
  }
  .app.container .app-aside {
    overflow-x: hidden;
  }
  .app.container.app-aside-folded .app-aside {
    overflow-x: visible;
  }
  .app.container.app-aside-fixed .aside-wrap {
    left: inherit;
  }
  .app.container.app-aside-fixed.app-aside-folded .app-aside > ul.nav {
    position: absolute;
  }
  .app.container .app-header,
  .app.container .app-aside {
    max-width: 750px;
  }
  .app.container .app-footer-fixed {
    left: auto;
    right: auto;
    width: 100%;
    max-width: 540px;
  }
  .app.container.app-aside-folded .app-footer-fixed {
    max-width: 690px;
  }
  .app.container.app-aside-dock .app-footer-fixed {
    max-width: 750px;
  }
}
@media (min-width: 992px) {
  .app.container {
    width: 970px;
  }
  .app.container .app-header,
  .app.container .app-aside {
    max-width: 970px;
  }
  .app.container .app-footer-fixed {
    max-width: 760px;
  }
  .app.container.app-aside-folded .app-footer-fixed {
    max-width: 910px;
  }
  .app.container.app-aside-dock .app-footer-fixed {
    max-width: 970px;
  }
}
@media (min-width: 1200px) {
  .app.container {
    width: 1170px;
  }
  .app.container .app-header,
  .app.container .app-aside {
    max-width: 1170px;
  }
  .app.container .app-footer-fixed {
    max-width: 960px;
  }
  .app.container.app-aside-folded .app-footer-fixed {
    max-width: 1110px;
  }
  .app.container.app-aside-dock .app-footer-fixed {
    max-width: 1170px;
  }
}
.nav-sub {
  opacity: 0;
  height: 0;
  overflow: hidden;
  margin-left: -20px;
  -webkit-transition: all 0.2s ease-in-out 0s;
  transition: all 0.2s ease-in-out 0s;
  font-size:12px;
}
.active > .nav-sub,
.app-aside-folded li:hover > .nav-sub,
.app-aside-folded li:focus > .nav-sub,
.app-aside-folded li:active > .nav-sub {
  opacity: 1;
  margin-left: 0;
  height: auto !important;
  overflow: auto;
}
.nav-sub-header {
  display: none !important;
}
.nav-sub-header a {
  padding: 15px 20px;
}
.navi ul.nav li {
  display: block;
  position: relative;
  line-height:25px;
}
.navi ul.nav li li a {
  padding-left: 25px;
}
.navi ul.nav li li ul {
  display: none;
}
.navi ul.nav li li.active > ul {
  display: block;
}
.navi ul.nav li a {
  font-weight: normal;
  text-transform: none;
  display: block;
  padding: 2px 5px 2px 15px;
  position: relative;
  -webkit-transition: background-color 0.2s ease-in-out 0s;
  transition: background-color 0.2s ease-in-out 0s;
}
.navi ul.nav li a .badge,
.navi ul.nav li a .label {
  font-size: 11px;
  padding: 2px 5px;
  margin-top: 2px;
}
.navi ul.nav li a > i {
  margin: -1px -10px;
  line-height: 25px;
  width: 25px;
  float: left;
  margin-right: 2px;
  text-align: center;
  position: relative;
  overflow: hidden;
}
.navi ul.nav li a > i:before {
  position: relative;
  z-index: 2;
}

@media (min-width: 768px) {
  .app-aside-folded .nav-sub-header {
    display: block !important;
  }
  .app-aside-folded .nav-sub-header a {
    padding: 15px 20px !important;
  }
  .app-aside-folded .navi > ul > li > a {
    position: relative;
    padding: 0;
    text-align: center;
    height: 50px;
    border: none;
  }
  .app-aside-folded .navi > ul > li > a span {
    display: none;
  }
  .app-aside-folded .navi > ul > li > a span.pull-right {
    display: none !important;
  }
  .app-aside-folded .navi > ul > li > a i {
    width: auto;
    float: none;
    display: block;
    font-size: 16px;
    margin: 0;
    line-height: 50px;
    border: none !important;
  }
  .app-aside-folded .navi > ul > li > a i b {
    left: 0 !important;
  }
  .app-aside-folded .navi > ul > li > a .badge,
  .app-aside-folded .navi > ul > li > a .label {
    position: absolute;
    right: 12px;
    top: 8px;
    z-index: 3;
  }
  .app-aside-folded .navi > ul > li > ul {
    height: 0 !important;
    position: absolute;
    left: 100%;
    top: 0 !important;
    z-index: 1050;
    width: 210px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  .app-aside-folded .navi li li a {
    padding-left: 20px !important;
  }
  .app-aside-folded.app-aside-fixed .app-aside > ul.nav {
    z-index: 1010;
    opacity: 1;
    height: auto;
    overflow: visible;
    overflow-y: auto;
    display: block;
    width: 270px;
    left: 80px;
    position: fixed;
    -webkit-overflow-scrolling: touch;
    background-color: #fff
  }
  .app-aside-folded.app-aside-fixed .app-aside > ul.nav:before {
    content: "";
    width: 60px;
    height: 50px;
    position: absolute;
    left: -60px;
    top: 0;
  }
  .app-aside-folded.app-aside-fixed .app-aside > ul.nav a {
    padding-left: 20px !important;
    padding-right: 20px !important;
  }
}
@media (max-width: 767px) {
  .app {
    overflow-x: hidden;
  }
  .app-content {
    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    transition: transform 0.2s ease;
  }
  .off-screen {
    position: absolute;
    top: 50px;
    bottom: 0;
    width: 75%;
    display: block !important;
    visibility: visible;
    overflow-x: hidden;
    overflow-y: auto;
    -webkit-overflow-scrolling: touch;
    z-index: 1010;
  }
  .off-screen + * {
    background-color: #f0f3f4;
    -webkit-transition: -webkit-transform 0.2s ease;
    -moz-transition: -moz-transform 0.2s ease;
    -o-transition: -o-transform 0.2s ease;
    transition: transform 0.2s ease;
    -webkit-backface-visibility: hidden;
    -moz-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform: translate3d(75%, 0px, 0px);
    transform: translate3d(75%, 0px, 0px);
    overflow: hidden;
    position: absolute;
    width: 100%;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 1015;
    padding-top: 50px;
  }
  .off-screen + * .off-screen-toggle {
    display: block !important;
    position: absolute;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    z-index: 1020;
  }
  .off-screen.pull-right {
    right: 0;
  }
  .off-screen.pull-right + * {
    -webkit-transform: translate3d(-75%, 0px, 0px);
    transform: translate3d(-75%, 0px, 0px);
  }

  .app-aside:before {
    border: none;
  }
}
@media (min-width: 992px) {
  .app-aside-dock .app-content,
  .app-aside-dock .app-footer {
    margin-left: 0;
  }
  .app-aside-dock .app-aside-footer ~ div {
    padding-bottom: 0;
  }
  .app-aside-dock.app-aside-fixed.app-header-fixed {
    padding-top: 115px;
  }
  .app-aside-dock.app-aside-fixed .app-aside {
    position: fixed;
    top: 50px;
    width: 100%;
    z-index: 1000;
  }
  .app-aside-dock .app-aside,
  .app-aside-dock .aside-wrap,
  .app-aside-dock .navi-wrap {
    float: none;
    width: 100% !important;
    position: relative;
    top: 0;
    overflow: visible !important;
  }
  .app-aside-dock .app-aside {
    bottom: auto !important;
  }
  .app-aside-dock .app-aside.b-r {
    border-right-width: 0;
    border-bottom: 1px solid #dee5e7;
  }
  .app-aside-dock .app-aside:before {
    display: none;
  }
  .app-aside-dock .app-aside nav > .nav {
    float: left;
  }
  .app-aside-dock .app-aside .hidden-folded,
  .app-aside-dock .app-aside .line,
  .app-aside-dock .app-aside .navi-wrap > div {
    display: none !important;
  }
  .app-aside-dock .app-aside .navi > ul > li {
    position: relative;
    float: left;
    display: inline-block;
  }
  .app-aside-dock .app-aside .navi > ul > li > a {
    padding: 10px 15px 12px 15px;
    text-align: center;
    height: auto;
  }
  .app-aside-dock .app-aside .navi > ul > li > a > .badge,
  .app-aside-dock .app-aside .navi > ul > li > a > .label {
    position: absolute;
    top: 5px;
    right: 8px;
    padding: 1px 4px;
  }
  .app-aside-dock .app-aside .navi > ul > li > a > i {
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -7px;
    margin-top: -10px;
    display: block;
    float: none;
    font-size: 14px;
    line-height: 40px;
    width: 40px;
  }
  .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right {
    position: absolute;
    bottom: 2px;
    left: 50%;
    margin-left: -6px;
    display: block !important;
    line-height: 1;
  }
  .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i {
    line-height: 12px;
    width: 12px;
    font-size: 12px;
  }
  .app-aside-dock .app-aside .navi > ul > li > a > span.pull-right i.text {
    -webkit-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    line-height: 14px;
  }
  .app-aside-dock .app-aside .navi > ul > li > a > span {
    font-weight: normal;
    display: block;
  }
  .app-aside-dock .app-aside .navi > ul > li .nav-sub {
    height: auto !important;
    display: none;
    position: absolute;
    left:0px;
    top: auto !important;
    z-index: 1050;
    width: 210px;
    -webkit-box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
    box-shadow: 0 2px 6px rgba(0, 0, 0, 0.1);
  }
  .app-aside-dock .app-aside .navi > ul > li .nav-sub-header {
    display: none !important;
  }
  .app-aside-dock .app-aside .navi li li a {
    padding-left: 15px;
  }
  .app-aside-dock .app-aside .navi li:hover > .nav-sub,
  .app-aside-dock .app-aside .navi li:focus > .nav-sub,
  .app-aside-dock .app-aside .navi li:active > .nav-sub {
    display: block;
    opacity: 1;
    margin-left: 0;
    height: auto !important;
    overflow: auto;
  }
}
.arrow {
  border-width: 9px;
  z-index: 10;
}
.arrow,
.arrow:after {
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  border-color: transparent;
  border-style: solid;
}
.arrow:after {
  border-width: 8px;
  content: "";
}
.arrow.top {
  left: 50%;
  margin-left: -9px;
  border-top-width: 0;
  border-bottom-color: rgba(0, 0, 0, 0.1);
  top: -9px;
}
.arrow.top:after {
  top: 1px;
  margin-left: -8px;
  border-top-width: 0;
  border-bottom-color: #ffffff;
}
.arrow.top.arrow-primary:after {
  border-bottom-color: #7266ba;
}
.arrow.top.arrow-info:after {
  border-bottom-color: #23b7e5;
}
.arrow.top.arrow-success:after {
  border-bottom-color: #27c24c;
}
.arrow.top.arrow-danger:after {
  border-bottom-color: #f05050;
}
.arrow.top.arrow-warning:after {
  border-bottom-color: #fad733;
}
.arrow.top.arrow-light:after {
  border-bottom-color: #edf1f2;
}
.arrow.top.arrow-dark:after {
  border-bottom-color: #3a3f51;
}
.arrow.top.arrow-black:after {
  border-bottom-color: #1c2b36;
}
.arrow.right {
  top: 50%;
  right: -9px;
  margin-top: -9px;
  border-right-width: 0;
  border-left-color: rgba(0, 0, 0, 0.1);
}
.arrow.right:after {
  right: 1px;
  bottom: -8px;
  border-right-width: 0;
  border-left-color: #ffffff;
}
.arrow.right.arrow-primary:after {
  border-left-color: #7266ba;
}
.arrow.right.arrow-info:after {
  border-left-color: #23b7e5;
}
.arrow.right.arrow-success:after {
  border-left-color: #27c24c;
}
.arrow.right.arrow-danger:after {
  border-left-color: #f05050;
}
.arrow.right.arrow-warning:after {
  border-left-color: #fad733;
}
.arrow.right.arrow-light:after {
  border-left-color: #edf1f2;
}
.arrow.right.arrow-dark:after {
  border-left-color: #3a3f51;
}
.arrow.right.arrow-black:after {
  border-left-color: #1c2b36;
}
.arrow.bottom {
  left: 50%;
  bottom: -9px;
  margin-left: -9px;
  border-bottom-width: 0;
  border-top-color: rgba(0, 0, 0, 0.1);
}
.arrow.bottom:after {
  bottom: 1px;
  margin-left: -8px;
  border-bottom-width: 0;
  border-top-color: #ffffff;
}
.arrow.bottom.arrow-primary:after {
  border-top-color: #7266ba;
}
.arrow.bottom.arrow-info:after {
  border-top-color: #23b7e5;
}
.arrow.bottom.arrow-success:after {
  border-top-color: #27c24c;
}
.arrow.bottom.arrow-danger:after {
  border-top-color: #f05050;
}
.arrow.bottom.arrow-warning:after {
  border-top-color: #fad733;
}
.arrow.bottom.arrow-light:after {
  border-top-color: #edf1f2;
}
.arrow.bottom.arrow-dark:after {
  border-top-color: #3a3f51;
}
.arrow.bottom.arrow-black:after {
  border-top-color: #1c2b36;
}
.arrow.left {
  top: 50%;
  left: -9px;
  margin-top: -9px;
  border-left-width: 0;
  border-right-color: rgba(0, 0, 0, 0.1);
}
.arrow.left:after {
  left: 1px;
  bottom: -8px;
  border-left-width: 0;
  border-right-color: #ffffff;
}
.arrow.left.arrow-primary:after {
  border-right-color: #7266ba;
}
.arrow.left.arrow-info:after {
  border-right-color: #23b7e5;
}
.arrow.left.arrow-success:after {
  border-right-color: #27c24c;
}
.arrow.left.arrow-danger:after {
  border-right-color: #f05050;
}
.arrow.left.arrow-warning:after {
  border-right-color: #fad733;
}
.arrow.left.arrow-light:after {
  border-right-color: #edf1f2;
}
.arrow.left.arrow-dark:after {
  border-right-color: #3a3f51;
}
.arrow.left.arrow-black:after {
  border-right-color: #1c2b36;
}
.arrow.pull-left {
  left: 19px;
}
.arrow.pull-right {
  left: auto;
  right: 19px;
}
.arrow.pull-up {
  top: 19px;
}
.arrow.pull-down {
  top: auto;
  bottom: 19px;
}
.btn {
  font-weight: 500;
  border-radius: 2px;
  outline: 0!important;
}
.btn-link {
  color: #58666e;
}
.btn-link.active {
  webkit-box-shadow: none;
  box-shadow: none;
}
.btn-default {
  color: #58666e !important;
  background-color: #fcfdfd;
  border-color: #dee5e7;
  background-color: #fff;
  border-bottom-color: #d8e1e3;
  /*
  -webkit-box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
  box-shadow: 0 1px 1px rgba(90, 90, 90, 0.1);
  */
}
.btn-default:hover,
.btn-default:focus,
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  color: #58666e !important;
  background-color: #edf1f2;
  border-color: #c7d3d6;
}
.btn-default:active,
.btn-default.active,
.open .dropdown-toggle.btn-default {
  background-image: none;
}

.btn-default.disabled,
.btn-default[disabled],
fieldset[disabled] .btn-default,
.btn-default.disabled:hover,
.btn-default[disabled]:hover,
fieldset[disabled] .btn-default:hover,
.btn-default.disabled:focus,
.btn-default[disabled]:focus,
fieldset[disabled] .btn-default:focus,
.btn-default.disabled:active,
.btn-default[disabled]:active,
fieldset[disabled] .btn-default:active,
.btn-default.disabled.active,
.btn-default[disabled].active,
fieldset[disabled] .btn-default.active {
  background-color: #fcfdfd;
  border-color: #dee5e7;
}
.btn-default.btn-bg {
  border-color: rgba(0, 0, 0, 0.1);
  background-clip: padding-box;
}
.btn-primary {
  color: #ffffff !important;
  background-color: #7266ba;
  border-color: #7266ba;
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  color: #ffffff !important;
  background-color: #6254b2;
  border-color: #5a4daa;
}
.btn-primary:active,
.btn-primary.active,
.open .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #7266ba;
  border-color: #7266ba;
}
.btn-success {
  color: #ffffff !important;
  background-color: #27c24c;
  border-color: #27c24c;
}
.btn-success:hover,
.btn-success:focus,
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  color: #ffffff !important;
  background-color: #23ad44;
  border-color: #20a03f;
}
.btn-success:active,
.btn-success.active,
.open .dropdown-toggle.btn-success {
  background-image: none;
}
.btn-success.disabled,
.btn-success[disabled],
fieldset[disabled] .btn-success,
.btn-success.disabled:hover,
.btn-success[disabled]:hover,
fieldset[disabled] .btn-success:hover,
.btn-success.disabled:focus,
.btn-success[disabled]:focus,
fieldset[disabled] .btn-success:focus,
.btn-success.disabled:active,
.btn-success[disabled]:active,
fieldset[disabled] .btn-success:active,
.btn-success.disabled.active,
.btn-success[disabled].active,
fieldset[disabled] .btn-success.active {
  background-color: #27c24c;
  border-color: #27c24c;
}
.btn-info {
  color: #385FB8!important;
  background-color: #fff;
  border-color: #C3CDE2;
}
.btn-info:hover,
.btn-info:focus,
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  color: #fff!important;
  background-color: #6E8ECC;
  border-color: #5979BA;
}
.btn-info:active,
.btn-info.active,
.open .dropdown-toggle.btn-info {
  background-image: none;
}
.btn-info.disabled,
.btn-info[disabled],
fieldset[disabled] .btn-info,
.btn-info.disabled:hover,
.btn-info[disabled]:hover,
fieldset[disabled] .btn-info:hover,
.btn-info.disabled:focus,
.btn-info[disabled]:focus,
fieldset[disabled] .btn-info:focus,
.btn-info.disabled:active,
.btn-info[disabled]:active,
fieldset[disabled] .btn-info:active,
.btn-info.disabled.active,
.btn-info[disabled].active,
fieldset[disabled] .btn-info.active {
  background-color: #d8e0ed;
  border-color: #5979BA;
}
.btn-warning {
  color: #000 !important;
  background-color: #fad733;
  border-color: #fad733;
}
.btn-warning:hover,
.btn-warning:focus,
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  color: #ffffff !important;
  background-color: #f9d21a;
  border-color: #f9cf0b;
}
.btn-warning:active,
.btn-warning.active,
.open .dropdown-toggle.btn-warning {
  background-image: none;
}
.btn-warning.disabled,
.btn-warning[disabled],
fieldset[disabled] .btn-warning,
.btn-warning.disabled:hover,
.btn-warning[disabled]:hover,
fieldset[disabled] .btn-warning:hover,
.btn-warning.disabled:focus,
.btn-warning[disabled]:focus,
fieldset[disabled] .btn-warning:focus,
.btn-warning.disabled:active,
.btn-warning[disabled]:active,
fieldset[disabled] .btn-warning:active,
.btn-warning.disabled.active,
.btn-warning[disabled].active,
fieldset[disabled] .btn-warning.active {
  background-color: #fad733;
  border-color: #fad733;
}
.btn-danger {
  color: #ffffff !important;
  background-color: #f05050;
  border-color: #f05050;
}
.btn-danger:hover,
.btn-danger:focus,
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  color: #ffffff !important;
  background-color: #ee3939;
  border-color: #ed2a2a;
}
.btn-danger:active,
.btn-danger.active,
.open .dropdown-toggle.btn-danger {
  background-image: none;
}
.btn-danger.disabled,
.btn-danger[disabled],
fieldset[disabled] .btn-danger,
.btn-danger.disabled:hover,
.btn-danger[disabled]:hover,
fieldset[disabled] .btn-danger:hover,
.btn-danger.disabled:focus,
.btn-danger[disabled]:focus,
fieldset[disabled] .btn-danger:focus,
.btn-danger.disabled:active,
.btn-danger[disabled]:active,
fieldset[disabled] .btn-danger:active,
.btn-danger.disabled.active,
.btn-danger[disabled].active,
fieldset[disabled] .btn-danger.active {
  background-color: #f05050;
  border-color: #f05050;
}
.btn-light {
  color: #ffffff !important;
  background-color: #bbb;
  border-color: #bbb;
}
.btn-light:hover,
.btn-light:focus,
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  color: #ffffff !important;
  background-color: #ccc;
  border-color: #ccc;
}
.btn-light:active,
.btn-light.active,
.open .dropdown-toggle.btn-light {
  background-image: none;
}
.btn-light.disabled,
.btn-light[disabled],
fieldset[disabled] .btn-light,
.btn-light.disabled:hover,
.btn-light[disabled]:hover,
fieldset[disabled] .btn-light:hover,
.btn-light.disabled:focus,
.btn-light[disabled]:focus,
fieldset[disabled] .btn-light:focus,
.btn-light.disabled:active,
.btn-light[disabled]:active,
fieldset[disabled] .btn-light:active,
.btn-light.disabled.active,
.btn-light[disabled].active,
fieldset[disabled] .btn-light.active {
  background-color: #bbb;
  border-color: #bbb;
}
.btn-dark {
  color: #ffffff !important;
  background-color: #3a3f51;
  border-color: #3a3f51;
}
.btn-dark:hover,
.btn-dark:focus,
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  color: #ffffff !important;
  background-color: #2f3342;
  border-color: #292d39;
}
.btn-dark:active,
.btn-dark.active,
.open .dropdown-toggle.btn-dark {
  background-image: none;
}
.btn-dark.disabled,
.btn-dark[disabled],
fieldset[disabled] .btn-dark,
.btn-dark.disabled:hover,
.btn-dark[disabled]:hover,
fieldset[disabled] .btn-dark:hover,
.btn-dark.disabled:focus,
.btn-dark[disabled]:focus,
fieldset[disabled] .btn-dark:focus,
.btn-dark.disabled:active,
.btn-dark[disabled]:active,
fieldset[disabled] .btn-dark:active,
.btn-dark.disabled.active,
.btn-dark[disabled].active,
fieldset[disabled] .btn-dark.active {
  background-color: #3a3f51;
  border-color: #3a3f51;
}
.btn-black {
  color: #ffffff !important;
  background-color: #1c2b36;
  border-color: #1c2b36;
}
.btn-black:hover,
.btn-black:focus,
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  color: #ffffff !important;
  background-color: #131e25;
  border-color: #0e161b;
}
.btn-black:active,
.btn-black.active,
.open .dropdown-toggle.btn-black {
  background-image: none;
}
.btn-black.disabled,
.btn-black[disabled],
fieldset[disabled] .btn-black,
.btn-black.disabled:hover,
.btn-black[disabled]:hover,
fieldset[disabled] .btn-black:hover,
.btn-black.disabled:focus,
.btn-black[disabled]:focus,
fieldset[disabled] .btn-black:focus,
.btn-black.disabled:active,
.btn-black[disabled]:active,
fieldset[disabled] .btn-black:active,
.btn-black.disabled.active,
.btn-black[disabled].active,
fieldset[disabled] .btn-black.active {
  background-color: #1c2b36;
  border-color: #1c2b36;
}
.btn-gridBt {
  color: #555 !important;
  background-color:#fff;
  /* border-color: #6ea4ef; */
  border:1px solid #6ea4ef;
  border-radius:2px;
  font-weight:700;
}
.btn-gridBt:hover,
.btn-gridBt:focus,
.btn-gridBt:active,
.btn-gridBt.active,
.open .dropdown-toggle.btn-gridBt {
  color: #ffffff !important;
  background-color: #4387e2;
  /* border-color: #3f7aca; */
  border:1px solid #3f7aca;
}
.btn-gridBt:active,
.btn-gridBt.active,
.open .dropdown-toggle.btn-gridBt {
  background-image: none;
}
.btn-gridBt.disabled,
.btn-gridBt[disabled],
fieldset[disabled] .btn-gridBt,
.btn-gridBt.disabled:hover,
.btn-gridBt[disabled]:hover,
fieldset[disabled] .btn-gridBt:hover,
.btn-gridBt.disabled:focus,
.btn-gridBt[disabled]:focus,
fieldset[disabled] .btn-gridBt:focus,
.btn-gridBt.disabled:active,
.btn-gridBt[disabled]:active,
fieldset[disabled] .btn-gridBt:active,
.btn-gridBt.disabled.active,
.btn-gridBt[disabled].active,
fieldset[disabled] .btn-gridBt.active {
  background-color: #efefef;
  /* border-color: #3f7aca; */
  border:1px solid #6ea4ef;
}
.btn-close {
  color: #fff !important;
  background-color:#8593AF;
  /* border-color: #7C89A5; */
  border:1px solid #7C89A5;
  border-radius:3px;
}
.btn-close:hover,
.btn-close:focus,
.btn-close:active,
.btn-close.active,
.open .dropdown-toggle.btn-close {
  color: #ffffff !important;
  background-color: #647AA5;
  /* border-color: #5D74A1; */
  border:1px solid #5D74A1;
}
.btn-close:active,
.btn-close.active,
.open .dropdown-toggle.btn-close {
  background-image: none;
}
.btn-close.disabled,
.btn-close[disabled],
fieldset[disabled] .btn-close,
.btn-close.disabled:hover,
.btn-close[disabled]:hover,
fieldset[disabled] .btn-close:hover,
.btn-close.disabled:focus,
.btn-close[disabled]:focus,
fieldset[disabled] .btn-close:focus,
.btn-close.disabled:active,
.btn-close[disabled]:active,
fieldset[disabled] .btn-close:active,
.btn-close.disabled.active,
.btn-close[disabled].active,
fieldset[disabled] .btn-close.active {
  background-color: #8593AF;
  /* border-color: #3f7aca; */
  border:1px solid #7C89A5;
}
.btn-icon {
  padding: 0 !important;
  text-align: center;
  width: 34px;
  height: 34px;
}
.btn-icon i {
  top: -1px;
  position: relative;
  line-height: 34px;
}
.btn-icon.btn-sm {
  width: 30px;
  height: 30px;
}
.btn-icon.btn-sm i {
  line-height: 30px;
}
.btn-icon.btn-lg {
  width: 45px;
  height: 45px;
}
.btn-icon.btn-lg i {
  line-height: 45px;
}
.btn-icon-s {
  padding: 0 !important;
  text-align: center;
  width: 25px;
  height: 25px;
}
.btn-rounded {
  border-radius: 3px;
  padding-left: 7px;
  padding-right: 7px;
}
.btn-rounded.btn-lg {
  padding-left: 25px;
  padding-right: 25px;
}
.btn > i.pull-left,
.btn > i.pull-right {
  line-height: 1.42857143;
}
.btn-block {
  padding-left: 12px;
  padding-right: 12px;
}
.btn-group-vertical > .btn:first-child:not(:last-child) {
  border-top-right-radius: 2px;
}
.btn-group-vertical > .btn:last-child:not(:first-child) {
  border-bottom-left-radius: 2px;
}
.btn-addon i {
  margin: -7px -12px;
  margin-right: 12px;
  background-color: rgba(0, 0, 0, 0.1);
  width: 34px;
  height: 34px;
  line-height: 34px;
  text-align: center;
  float: left;
  position: relative;
  border-radius: 2px 0 0 2px;
}
.btn-addon i.pull-right {
  margin-right: -12px;
  margin-left: 12px;
  border-radius: 0 2px 2px 0;
}
.btn-addon.btn-sm i {
  margin: -6px -10px;
  margin-right: 10px;
  width: 30px;
  height: 30px;
  line-height: 30px;
}
.btn-addon.btn-sm i.pull-right {
  margin-right: -10px;
  margin-left: 10px;
}
.btn-addon.btn-lg i {
  margin: -11px -16px;
  margin-right: 16px;
  width: 45px;
  height: 45px;
  line-height: 45px;
}
.btn-addon.btn-lg i.pull-right {
  margin-right: -16px;
  margin-left: 16px;
}
.btn-addon.btn-default i {
  background-color: transparent;
  border-right: 1px solid #dee5e7;
}
.btn-groups .btn {
  margin-bottom: 5px;
}
.list-icon i {
  font-size: 14px;
  width: 40px;
  vertical-align: middle;
  margin: 0;
  display: inline-block;
  text-align: center;
  -webkit-transition: font-size 0.2s;
  transition: font-size 0.2s;
}
.list-icon div {
  line-height: 40px;
  white-space: nowrap;
}
.list-icon div:hover i {
  font-size: 26px;
}
.settings {
  z-index: 1050;
  position: fixed;
  top: 120px;
  right: -240px;
  width: 240px;
  -webkit-transition: right 0.2s;
  transition: right 0.2s;
}
.settings.active {
  right: -1px;
}
.settings > .btn {
  background: #f6f8f8 !important;
  border-right-width: 0;
  border-color: #dee5e7;
  position: absolute;
  left: -42px;
  top: -1px;
  padding: 10px 15px;
}
.settings .i-checks span b {
  width: 50%;
  height: 20px;
  display: inline-block;
  float: left;
}
.settings .i-checks span b.header {
  height: 10px;
}
.streamline {
  position: relative;
  border-color: #dee5e7;
}
.streamline .sl-item:after,
.streamline:after {
  content: '';
  position: absolute;
  background-color: #fff;
  border-color: inherit;
  border-width: 1px;
  border-style: solid;
  border-radius: 10px;
  width: 9px;
  height: 9px;
  margin-left: -5px;
  bottom: 0;
  left: 0;
}
.sl-item {
  border-color: #dee5e7;
  position: relative;
  padding-bottom: 1px;
}
.sl-item:before,
.sl-item:after {
  content: " ";
  display: table;
}
.sl-item:after {
  clear: both;
}
.sl-item:after {
  top: 6px;
  bottom: auto;
}
.sl-item.b-l {
  margin-left: -1px;
}
.timeline {
  margin: 0;
  padding: 0;
}
.tl-item {
  display: block;
}
.tl-item:before,
.tl-item:after {
  content: " ";
  display: table;
}
.tl-item:after {
  clear: both;
}
.visible-left {
  display: none;
}
.tl-wrap {
  display: block;
  margin-left: 6em;
  padding: 15px 0 15px 20px;
  border-style: solid;
  border-color: #dee5e7;
  border-width: 0 0 0 4px;
}
.tl-wrap:before,
.tl-wrap:after {
  content: " ";
  display: table;
}
.tl-wrap:after {
  clear: both;
}
.tl-wrap:before {
  position: relative;
  content: "";
  float: left;
  top: 15px;
  margin-left: -27px;
  width: 10px;
  height: 10px;
  border-color: inherit;
  border-width: 3px;
  border-radius: 50%;
  border-style: solid;
  background: #edf1f2;
  box-shadow: 0 0 0 4px #f0f3f4;
}
.tl-wrap:hover:before {
  background: transparent;
  border-color: #fff;
}
.tl-date {
  position: relative;
  top: 10px;
  float: left;
  margin-left: -7.5em;
  display: block;
  width: 4.5em;
  text-align: right;
}
.tl-content {
  display: inline-block;
  position: relative;
  padding-top: 10px;
  padding-bottom: 10px;
}
.tl-content.block {
  display: block;
  width: 100%;
}
.tl-content.panel {
  margin-bottom: 0;
}
.tl-header {
  display: block;
  width: 12em;
  text-align: center;
  margin-left: 2px;
}
.timeline-center .tl-item {
  margin-left: 50%;
}
.timeline-center .tl-item .tl-wrap {
  margin-left: -2px;
}
.timeline-center .tl-header {
  width: auto;
  margin: 0;
}
.timeline-center .tl-left {
  margin-left: 0;
  margin-right: 50%;
}
.timeline-center .tl-left .hidden-left {
  display: none !important;
}
.timeline-center .tl-left .visible-left {
  display: inherit;
}
.timeline-center .tl-left .tl-wrap {
  float: right;
  margin-right: -2px;
  border-left-width: 0;
  border-right-width: 4px;
  padding-left: 0;
  padding-right: 20px;
}
.timeline-center .tl-left .tl-wrap:before {
  float: right;
  margin-left: 0;
  margin-right: -27px;
}
.timeline-center .tl-left .tl-date {
  float: right;
  margin-left: 0;
  margin-right: -8.5em;
  text-align: left;
}
.i-switch {
  cursor: pointer;
  position: relative;
  display: inline-block;
  width: 35px;
  height: 20px;
  border-radius: 30px;
  background-color: #27c24c;
  margin: 0;
}
.i-switch input {
  position: absolute;
  opacity: 0;
  filter: alpha(opacity=0);
}
.i-switch input:checked + i:before {
  top: 50%;
  bottom: 50%;
  left: 50%;
  right: 5px;
  border-width: 0;
  border-radius: 5px;
}
.i-switch input:checked + i:after {
  margin-left: 16px;
}
.i-switch i:before {
  content: "";
  position: absolute;
  top: -1px;
  bottom: -1px;
  left: -1px;
  right: -1px;
  background-color: #fff;
  border: 1px solid #f0f0f0;
  border-radius: 30px;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.i-switch i:after {
  content: "";
  position: absolute;
  background-color: #fff;
  width: 18px;
  top: 1px;
  bottom: 1px;
  border-radius: 50%;
  -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.25);
  -webkit-transition: margin-left 0.3s;
  transition: margin-left 0.3s;
}
.i-switch-md {
  width: 40px;
  height: 24px;
}
.i-switch-md input:checked + i:after {
  margin-left: 17px;
}
.i-switch-md i:after {
  width: 22px;
}
.i-switch-lg {
  width: 50px;
  height: 30px;
}
.i-switch-lg input:checked + i:after {
  margin-left: 21px;
}
.i-switch-lg i:after {
  width: 28px;
}
.i-checks {
  padding-left: 20px;
  cursor: pointer;
  height: 20px;
}
.i-checks input {
  opacity: 0;
  position: absolute;
  margin-left: -20px;
}
.i-checks input:checked + i {
  border-color: #23b7e5;
}
.i-checks input:checked + i:before {
  left: 4px;
  top: 4px;
  width: 10px;
  height: 10px;
  background-color: #23b7e5;
}
.i-checks input:checked + span .active {
  display: inherit;
}
.i-checks input[type="radio"] + i,
.i-checks input[type="radio"] + i:before {
  border-radius: 50%;
}
.i-checks input[disabled] + i,
fieldset[disabled] .i-checks input + i {
  border-color: #dee5e7;
}
.i-checks input[disabled] + i:before,
fieldset[disabled] .i-checks input + i:before {
  background-color: #dee5e7;
}
.i-checks > i {
  width: 20px;
  height: 20px;
  line-height: 1;
  border: 1px solid #cfdadd;
  background-color: #fff;
  margin-left: -20px;
  margin-top: -2px;
  display: inline-block;
  vertical-align: middle;
  margin-right: 4px;
  position: relative;
}
.i-checks > i:before {
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 0px;
  height: 0px;
  background-color: transparent;
  -webkit-transition: all 0.2s;
  transition: all 0.2s;
}
.i-checks > span {
  margin-left: -20px;
}
.i-checks > span .active {
  display: none;
}
.i-checks-sm input:checked + i:before {
  left: 3px;
  top: 3px;
  width: 8px;
  height: 8px;
}
.i-checks-sm > i {
  width: 16px;
  height: 16px;
  margin-left: -18px;
  margin-right: 6px;
}
.i-checks-lg input:checked + i:before {
  left: 8px;
  top: 8px;
  width: 12px;
  height: 12px;
}
.i-checks-lg > i {
  width: 30px;
  height: 30px;
}
.datepicker {
  margin: 0 5px;
}
.datepicker .btn-default {
  border-width: 0;
  box-shadow: none;
}
.datepicker .btn[disabled] {
  opacity: 0.4;
}
.datepicker .btn-info .text-info {
  color: #fff !important;
}
/*Charts*/
.jqstooltip {
  background-color: rgba(0, 0, 0, 0.8) !important;
  border: solid 1px #000 !important;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  padding: 5px 10px !important;
  -webkit-box-sizing: content-box;
  -moz-box-sizing: content-box;
  box-sizing: content-box;
}
.easyPieChart {
  position: relative;
  text-align: center;
}
.easyPieChart > div {
  position: relative;
  z-index: 1;
}
.easyPieChart > div .text {
  position: absolute;
  width: 100%;
  top: 60%;
  line-height: 1;
}
.easyPieChart > div img {
  margin-top: -4px;
}
.easyPieChart canvas {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 0;
}
#flotTip {
  padding: 4px 10px;
  background-color: rgba(0, 0, 0, 0.8);
  border: solid 1px #000 !important;
  z-index: 100;
  font-size: 12px;
  color: #fff;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}
.legendColorBox > div {
  border: none !important;
  margin: 5px;
}
.legendColorBox > div > div {
  border-radius: 10px;
}
.sortable-placeholder {
  list-style: none;
  border: 1px dashed #CCC;
  min-height: 50px;
  margin-bottom: 5px;
}
.item {
  position: relative;
}
.item .top {
  position: absolute;
  top: 0;
  left: 0;
}
.item .bottom {
  position: absolute;
  bottom: 0;
  left: 0;
}
.item .center {
  position: absolute;
  top: 50%;
}
.item-overlay {
  display: none;
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
}
.item-overlay.active,
.item:hover .item-overlay {
  display: block;
}
.form-validation .form-control.ng-dirty.ng-invalid {
  border-color: #f05050;
}
.form-validation .form-control.ng-dirty.ng-valid,
.form-validation .form-control.ng-dirty.ng-valid:focus {
  border-color: #27c24c;
}
.form-validation .i-checks .ng-invalid.ng-dirty + i {
  border-color: #f05050;
}
.ng-animate .bg-auto:before {
  display: none;
}
[ui-view].ng-leave {
  display: none;
}
[ui-view].ng-leave.smooth {
  display: block;
}
.smooth.ng-animate {
  position: absolute;
  width: 100%;
  height: 100%;
  overflow: hidden;
}
.fade-in-right-big.ng-enter {
  -webkit-animation: fadeInRightBig 0.5s;
  animation: fadeInRightBig 0.5s;
}
.fade-in-right-big.ng-leave {
  -webkit-animation: fadeOutLeftBig 0.5s;
  animation: fadeOutLeftBig 0.5s;
}
.fade-in-left-big.ng-enter {
  -webkit-animation: fadeInLeftBig 0.5s;
  animation: fadeInLeftBig 0.5s;
}
.fade-in-left-big.ng-leave {
  -webkit-animation: fadeOutRightBig 0.5s;
  animation: fadeOutRightBig 0.5s;
}
.fade-in-up-big.ng-enter {
  -webkit-animation: fadeInUpBig 0.5s;
  animation: fadeInUpBig 0.5s;
}
.fade-in-up-big.ng-leave {
  -webkit-animation: fadeOutUpBig 0.5s;
  animation: fadeOutUpBig 0.5s;
}
.fade-in-down-big.ng-enter {
  -webkit-animation: fadeInDownBig 0.5s;
  animation: fadeInDownBig 0.5s;
}
.fade-in-down-big.ng-leave {
  -webkit-animation: fadeOutDownBig 0.5s;
  animation: fadeOutDownBig 0.5s;
}
.fade-in.ng-enter {
  -webkit-animation: fadeIn 0.5s;
  animation: fadeIn 0.5s;
}
.fade-in.ng-leave {
  -webkit-animation: fadeOut 0.5s;
  animation: fadeOut 0.5s;
}
.fade-in-right.ng-enter {
  -webkit-animation: fadeInRight 0.5s;
  animation: fadeInRight 0.5s;
}
.fade-in-right.ng-leave {
  -webkit-animation: fadeOutLeft 0.5s;
  animation: fadeOutLeft 0.5s;
}
.fade-in-left.ng-enter {
  -webkit-animation: fadeInLeft 0.5s;
  animation: fadeInLeft 0.5s;
}
.fade-in-left.ng-leave {
  -webkit-animation: fadeOutRight 0.5s;
  animation: fadeOutRight 0.5s;
}
.fade-in-up.ng-enter {
  -webkit-animation: fadeInUp 0.5s;
  animation: fadeInUp 0.5s;
}
.fade-in-up.ng-leave {
  -webkit-animation: fadeOutUp 0.5s;
  animation: fadeOutUp 0.5s;
}
.fade-in-down.ng-enter {
  -webkit-animation: fadeInDown 0.5s;
  animation: fadeInDown 0.5s;
}
.fade-in-down.ng-leave {
  -webkit-animation: fadeOutDown 0.5s;
  animation: fadeOutDown 0.5s;
}
.bg-gd {
  background-image: -webkit-gradient(linear, left 0, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.075)));
  background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 0, rgba(40, 50, 60, 0.075), 100%);
  background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
  background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 0, rgba(40, 50, 60, 0.075) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#1328323c', GradientType=0);
  filter: none;
}
.bg-gd-dk {
  background-image: -webkit-gradient(linear, left 10%, left 100%, from(rgba(40, 50, 60, 0)), to(rgba(40, 50, 60, 0.5)));
  background-image: -webkit-linear-gradient(top, rgba(40, 50, 60, 0), 10%, rgba(40, 50, 60, 0.5), 100%);
  background-image: -moz-linear-gradient(top, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
  background-image: linear-gradient(to bottom, rgba(40, 50, 60, 0) 10%, rgba(40, 50, 60, 0.5) 100%);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0028323c', endColorstr='#8028323c', GradientType=0);
  filter: none;
}
.bg-light {
  background-color: #edf1f2;
  color: #58666e;
}
.bg-light.lt,
.bg-light .lt {
background-color: #f3f5f6;

}
.bg-light.lter,
.bg-light .lter {
  background-color: #f6f8f8;
}
.bg-light.dk,
.bg-light .dk {
  background-color: #e4eaec;
}
.bg-light.dker,
.bg-light .dker {
  background-color: #dde6e9;
}
.bg-light.bg,
.bg-light .bg {
  background-color: #edf1f2;
}
.bg-dark {
  background-color: #3a3f51;
  color: #a6a8b1;
}
.bg-dark.lt,
.bg-dark .lt {
  background-color: #474c5e;
}
.bg-dark.lter,
.bg-dark .lter {
  background-color: #8D99B5;
  border-top:1px solid #6C81B1;
}
.bg-dark.dk,
.bg-dark .dk {
  background-color: #2e3344;
}
.bg-dark.dker,
.bg-dark .dker {
  background-color: #232735;
}
.bg-dark.bg,
.bg-dark .bg {
  background-color: #3a3f51;
}
.bg-dark a {
  color: #c1c3c9;
}
.bg-dark a:hover {
  color: #ffffff;
}
.bg-dark a.list-group-item:hover,
.bg-dark a.list-group-item:focus {
  background-color: inherit;
}
.bg-dark .nav > li:hover > a,
.bg-dark .nav > li:focus > a,
.bg-dark .nav > li.active > a {
  color: #ffffff;
  background-color: #2e3344;
}
.bg-dark .nav > li > a {
  color: #b4b6bd;
}
.bg-dark .nav > li > a:hover,
.bg-dark .nav > li > a:focus {
  background-color: #32374a;
}
.bg-dark .nav .open > a {
  background-color: #2e3344;
}
.bg-dark .caret {
  border-top-color: #a6a8b1;
  border-bottom-color: #a6a8b1;
}
.bg-dark.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #2e3344;
}
.bg-dark .open > a,
.bg-dark .open > a:hover,
.bg-dark .open > a:focus {
  color: #ffffff;
}
.bg-dark .text-muted {
  color: #1360cb !important;
}
.bg-dark .text-lt {
  color: #eaebed !important;
}

.bg-dark.auto .list-group-item,
.bg-dark .auto .list-group-item {
  border-color: #2f3342 !important;
  background-color: transparent;
}
.bg-dark.auto .list-group-item:hover,
.bg-dark .auto .list-group-item:hover,
.bg-dark.auto .list-group-item:focus,
.bg-dark .auto .list-group-item:focus,
.bg-dark.auto .list-group-item:active,
.bg-dark .auto .list-group-item:active,
.bg-dark.auto .list-group-item.active,
.bg-dark .auto .list-group-item.active {
  background-color: #2e3344 !important;
}

/*2016-05-18*/
.bg-grey {
  background-color: #f0f3f4;
  color: #000000;
  border-right:#dee5e7 solid 1px;
}
.bg-grey.lt,
.bg-grey .lt {
  background-color: #f0f3f4;
}
.bg-grey.lter,
.bg-grey .lter {
  background-color: #dee5e7;
}
.bg-grey.dk,
.bg-grey .dk {
  border-top:#d4dcdf solid 1px;
  border-bottom:#f8f8f8 solid 1px
}
.bg-grey.dker,
.bg-grey .dker {
  background-color: #f0f3f4;
}
.bg-grey.bg,
.bg-grey .bg {
  background-color: #f0f3f4;
}
.bg-grey a {
  color: #000000;
}
.bg-grey a:hover {
  color: #000000;
}
.bg-grey a.list-group-item:hover,
.bg-grey a.list-group-item:focus {
  background-color: inherit;
}
.bg-grey .nav > li:hover > a,
.bg-grey .nav > li:focus > a,
.bg-grey .nav > li.active > a {
  color: #000000;
  background-color: #f0f3f4;
    }
.bg-grey .nav > li > a {
  color: #6d6d6d;
}
.bg-grey .nav > li > a:hover,
.bg-grey .nav > li > a:focus {
  background-color: #f0f3f4;
}
.bg-grey .nav .nav-sub > li > a {
  background-color: #ffffff;
  line-height:25px;
}
.bg-grey .nav .nav-sub > li:hover > a,
.bg-grey .nav .nav-sub > li:focus > a,
.bg-grey .nav .nav-sub > li:active > a {
  background-color: #8690ab;
  color:#ffffff;
  line-height:25px;
}


.b
.bg-grey .nav .open > a {
  background-color: #f0f3f4;
}
.bg-grey .caret {
  border-top-color: #a6a8b1;
  border-bottom-color: #a6a8b1;
}
.bg-grey.navbar .nav > li.active > a {
  color: #000000;
  background-color: #dee5e7;
}
.bg-grey .open > a,
.bg-grey .open > a:hover,
.bg-grey .open > a:focus {
  color: #000000;
}
.bg-grey .text-muted {
  color: #8b8e99 !important;
}

.bg-grey .text-lt {
  color: #eaebed !important;
}
.bg-grey.auto .list-group-item,
.bg-grey .auto .list-group-item {
  border-color: #2f3342 !important;
  background-color: transparent;
}
.bg-grey.auto .list-group-item:hover,
.bg-grey .auto .list-group-item:hover,
.bg-grey.auto .list-group-item:focus,
.bg-grey .auto .list-group-item:focus,
.bg-grey.auto .list-group-item:active,
.bg-grey .auto .list-group-item:active,
.bg-grey.auto .list-group-item.active,
.bg-grey .auto .list-group-item.active {
  background-color: #dee5e7 !important;
}
/*2016-05-18*/
.bg-black {
  background-color: #1c2b36;
  color: #7793a7;
}
.bg-black.lt,
.bg-black .lt {
  background-color: #263845;
}
.bg-black.lter,
.bg-black .lter {
  background-color: #314554;
}
.bg-black.dk,
.bg-black .dk {
  background-color: #131e26;
}
.bg-black.dker,
.bg-black .dker {
  background-color: #0a1015;
}
.bg-black.bg,
.bg-black .bg {
  background-color: #1c2b36;
}
.bg-black a {
  color: #96abbb;
}
.bg-black a:hover {
  color: #ffffff;
}
.bg-black a.list-group-item:hover,
.bg-black a.list-group-item:focus {
  background-color: inherit;
}
.bg-black .nav > li:hover > a,
.bg-black .nav > li:focus > a,
.bg-black .nav > li.active > a {
  color: #ffffff;
  background-color: #131e26;
}
.bg-black .nav > li > a {
  color: #869fb1;
}
.bg-black .nav > li > a:hover,
.bg-black .nav > li > a:focus {
  background-color: #16232d;
}
.bg-black .nav .open > a {
  background-color: #131e26;
}
.bg-black .caret {
  border-top-color: #7793a7;
  border-bottom-color: #7793a7;
}
.bg-black.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #131e26;
}
.bg-black .open > a,
.bg-black .open > a:hover,
.bg-black .open > a:focus {
  color: #ffffff;
}
.bg-black .text-muted {
  color: #5c798f !important;
}
.bg-black .text-lt {
  color: #c4d0d9 !important;
}
.bg-black.auto .list-group-item,
.bg-black .auto .list-group-item {
  border-color: #131e25 !important;
  background-color: transparent;
}
.bg-black.auto .list-group-item:hover,
.bg-black .auto .list-group-item:hover,
.bg-black.auto .list-group-item:focus,
.bg-black .auto .list-group-item:focus,
.bg-black.auto .list-group-item:active,
.bg-black .auto .list-group-item:active,
.bg-black.auto .list-group-item.active,
.bg-black .auto .list-group-item.active {
  background-color: #131e26 !important;
}
.bg-primary {
  background-color: #7266ba;
  color: #f4f3f9;
}
.bg-primary.lt,
.bg-primary .lt {
  background-color: #847abf;
}
.bg-primary.lter,
.bg-primary .lter {
  background-color: #958dc6;
}
.bg-primary.dk,
.bg-primary .dk {
  background-color: #6051b5;
}
.bg-primary.dker,
.bg-primary .dker {
  background-color: #5244a9;
}
.bg-primary.bg,
.bg-primary .bg {
  background-color: #7266ba;
}
.bg-primary a {
  color: #ffffff;
}
.bg-primary a:hover {
  color: #ffffff;
}
.bg-primary a.list-group-item:hover,
.bg-primary a.list-group-item:focus {
  background-color: inherit;
}
.bg-primary .nav > li:hover > a,
.bg-primary .nav > li:focus > a,
.bg-primary .nav > li.active > a {
  color: #ffffff;
  background-color: #6051b5;
}
.bg-primary .nav > li > a {
  color: #f2f2f2;
}
.bg-primary .nav > li > a:hover,
.bg-primary .nav > li > a:focus {
  background-color: #6658b8;
}
.bg-primary .nav .open > a {
  background-color: #6051b5;
}
.bg-primary .caret {
  border-top-color: #f4f3f9;
  border-bottom-color: #f4f3f9;
}
.bg-primary.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #6051b5;
}
.bg-primary .open > a,
.bg-primary .open > a:hover,
.bg-primary .open > a:focus {
  color: #ffffff;
}
.bg-primary .text-muted {
  color: #d6d3e6 !important;
}
.bg-primary .text-lt {
  color: #ffffff !important;
}
.bg-primary.auto .list-group-item,
.bg-primary .auto .list-group-item {
  border-color: #6254b2 !important;
  background-color: transparent;
}
.bg-primary.auto .list-group-item:hover,
.bg-primary .auto .list-group-item:hover,
.bg-primary.auto .list-group-item:focus,
.bg-primary .auto .list-group-item:focus,
.bg-primary.auto .list-group-item:active,
.bg-primary .auto .list-group-item:active,
.bg-primary.auto .list-group-item.active,
.bg-primary .auto .list-group-item.active {
  background-color: #6051b5 !important;
}
.bg-success {
  background-color: #27c24c;
  color: #c6efd0;
}
.bg-success.lt,
.bg-success .lt {
  background-color: #31d257;
}
.bg-success.lter,
.bg-success .lter {
  background-color: #48d46a;
}
.bg-success.dk,
.bg-success .dk {
  background-color: #20af42;
}
.bg-success.dker,
.bg-success .dker {
  background-color: #1a9c39;
}
.bg-success.bg,
.bg-success .bg {
  background-color: #27c24c;
}
.bg-success a {
  color: #eefaf1;
}
.bg-success a:hover {
  color: #ffffff;
}
.bg-success a.list-group-item:hover,
.bg-success a.list-group-item:focus {
  background-color: inherit;
}
.bg-success .nav > li:hover > a,
.bg-success .nav > li:focus > a,
.bg-success .nav > li.active > a {
  color: #ffffff;
  background-color: #20af42;
}
.bg-success .nav > li > a {
  color: #daf5e0;
}
.bg-success .nav > li > a:hover,
.bg-success .nav > li > a:focus {
  background-color: #22b846;
}
.bg-success .nav .open > a {
  background-color: #20af42;
}
.bg-success .caret {
  border-top-color: #c6efd0;
  border-bottom-color: #c6efd0;
}
.bg-success.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #20af42;
}
.bg-success .open > a,
.bg-success .open > a:hover,
.bg-success .open > a:focus {
  color: #ffffff;
}
.bg-success .text-muted {
  color: #9ee4af !important;
}
.bg-success .text-lt {
  color: #ffffff !important;
}
.bg-success.auto .list-group-item,
.bg-success .auto .list-group-item {
  border-color: #23ad44 !important;
  background-color: transparent;
}
.bg-success.auto .list-group-item:hover,
.bg-success .auto .list-group-item:hover,
.bg-success.auto .list-group-item:focus,
.bg-success .auto .list-group-item:focus,
.bg-success.auto .list-group-item:active,
.bg-success .auto .list-group-item:active,
.bg-success.auto .list-group-item.active,
.bg-success .auto .list-group-item.active {
  background-color: #20af42 !important;
}
.bg-info {
  background-color: #23b7e5;
  color: #dcf2f8;
}
.bg-info.lt,
.bg-info .lt {
  background-color: #3dbde5;
}
.bg-info.lter,
.bg-info .lter {
  background-color: #55c3e6;
}
.bg-info.dk,
.bg-info .dk {
  background-color: #16aad8;
}
.bg-info.dker,
.bg-info .dker {
  background-color: #1199c4;
}
.bg-info.bg,
.bg-info .bg {
  background-color: #23b7e5;
}
.bg-info a {
  color: #ffffff;
}
.bg-info a:hover {
  color: #ffffff;
}
.bg-info a.list-group-item:hover,
.bg-info a.list-group-item:focus {
  background-color: inherit;
}
.bg-info .nav > li:hover > a,
.bg-info .nav > li:focus > a,
.bg-info .nav > li.active > a {
  color: #ffffff;
  background-color: #16aad8;
}
.bg-info .nav > li > a {
  color: #f2f2f2;
}
.bg-info .nav > li > a:hover,
.bg-info .nav > li > a:focus {
  background-color: #17b2e2;
}
.bg-info .nav .open > a {
  background-color: #16aad8;
}
.bg-info .caret {
  border-top-color: #dcf2f8;
  border-bottom-color: #dcf2f8;
}
.bg-info.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #16aad8;
}
.bg-info .open > a,
.bg-info .open > a:hover,
.bg-info .open > a:focus {
  color: #ffffff;
}
.bg-info .text-muted {
  color: #b0e1f1 !important;
}
.bg-info .text-lt {
  color: #ffffff !important;
}
.bg-info.auto .list-group-item,
.bg-info .auto .list-group-item {
  border-color: #19a9d5 !important;
  background-color: transparent;
}
.bg-info.auto .list-group-item:hover,
.bg-info .auto .list-group-item:hover,
.bg-info.auto .list-group-item:focus,
.bg-info .auto .list-group-item:focus,
.bg-info.auto .list-group-item:active,
.bg-info .auto .list-group-item:active,
.bg-info.auto .list-group-item.active,
.bg-info .auto .list-group-item.active {
  background-color: #16aad8 !important;
}
.bg-warning {
  background-color: #fad733;
  color: #fffefa;
}
.bg-warning.lt,
.bg-warning .lt {
  background-color: #f8da4e;
}
.bg-warning.lter,
.bg-warning .lter {
  background-color: #f7de69;
}
.bg-warning.dk,
.bg-warning .dk {
  background-color: #fcd417;
}
.bg-warning.dker,
.bg-warning .dker {
  background-color: #face00;
}
.bg-warning.bg,
.bg-warning .bg {
  background-color: #fad733;
}
.bg-warning a {
  color: #ffffff;
}
.bg-warning a:hover {
  color: #ffffff;
}
.bg-warning a.list-group-item:hover,
.bg-warning a.list-group-item:focus {
  background-color: inherit;
}
.bg-warning .nav > li:hover > a,
.bg-warning .nav > li:focus > a,
.bg-warning .nav > li.active > a {
  color: #ffffff;
  background-color: #fcd417;
}
.bg-warning .nav > li > a {
  color: #f2f2f2;
}
.bg-warning .nav > li > a:hover,
.bg-warning .nav > li > a:focus {
  background-color: #fcd621;
}
.bg-warning .nav .open > a {
  background-color: #fcd417;
}
.bg-warning .caret {
  border-top-color: #fffefa;
  border-bottom-color: #fffefa;
}
.bg-warning.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #fcd417;
}
.bg-warning .open > a,
.bg-warning .open > a:hover,
.bg-warning .open > a:focus {
  color: #ffffff;
}
.bg-warning .text-muted {
  color: #fbf2cb !important;
}
.bg-warning .text-lt {
  color: #ffffff !important;
}
.bg-warning.auto .list-group-item,
.bg-warning .auto .list-group-item {
  border-color: #f9d21a !important;
  background-color: transparent;
}
.bg-warning.auto .list-group-item:hover,
.bg-warning .auto .list-group-item:hover,
.bg-warning.auto .list-group-item:focus,
.bg-warning .auto .list-group-item:focus,
.bg-warning.auto .list-group-item:active,
.bg-warning .auto .list-group-item:active,
.bg-warning.auto .list-group-item.active,
.bg-warning .auto .list-group-item.active {
  background-color: #fcd417 !important;
}
.bg-danger {
  background-color: #f05050;
  color: #ffffff;
}
.bg-danger.lt,
.bg-danger .lt {
  background-color: #f06a6a;
}
.bg-danger.lter,
.bg-danger .lter {
  background-color: #f18282;
}
.bg-danger.dk,
.bg-danger .dk {
  background-color: #f13636;
}
.bg-danger.dker,
.bg-danger .dker {
  background-color: #f21b1b;
}
.bg-danger.bg,
.bg-danger .bg {
  background-color: #f05050;
}
.bg-danger a {
  color: #ffffff;
}
.bg-danger a:hover {
  color: #ffffff;
}
.bg-danger a.list-group-item:hover,
.bg-danger a.list-group-item:focus {
  background-color: inherit;
}
.bg-danger .nav > li:hover > a,
.bg-danger .nav > li:focus > a,
.bg-danger .nav > li.active > a {
  color: #ffffff;
  background-color: #f13636;
}
.bg-danger .nav > li > a {
  color: #f2f2f2;
}
.bg-danger .nav > li > a:hover,
.bg-danger .nav > li > a:focus {
  background-color: #f13f3f;
}
.bg-danger .nav .open > a {
  background-color: #f13636;
}
.bg-danger .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
}
.bg-danger.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #f13636;
}
.bg-danger .open > a,
.bg-danger .open > a:hover,
.bg-danger .open > a:focus {
  color: #ffffff;
}
.bg-danger .text-muted {
  color: #e6e6e6 !important;
}
.bg-danger .text-lt {
  color: #ffffff !important;
}
.bg-danger.auto .list-group-item,
.bg-danger .auto .list-group-item {
  border-color: #ee3939 !important;
  background-color: transparent;
}
.bg-danger.auto .list-group-item:hover,
.bg-danger .auto .list-group-item:hover,
.bg-danger.auto .list-group-item:focus,
.bg-danger .auto .list-group-item:focus,
.bg-danger.auto .list-group-item:active,
.bg-danger .auto .list-group-item:active,
.bg-danger.auto .list-group-item.active,
.bg-danger .auto .list-group-item.active {
  background-color: #f13636 !important;
}
.bg-white {
  background-color: #fff;
  color: #58666e;
}
.bg-white a {
  color: #363f44;
  text-decoration:none;
}
.bg-white a:hover {
  color: #1f2427;
}
.bg-white .text-muted {
  color: #98a6ad !important;
}
.bg-white .lt,
.bg-white .lter,
.bg-white .dk,
.bg-white .dker {
  background-color: #fff;
}
.bg-white-only {
  background-color: #fff;
}
.bg-white-opacity {
  background-color: rgba(255, 255, 255, 0.5);
}
.bg-black-opacity {
  background-color: rgba(32, 43, 54, 0.5);
}


.bg-bleu-only {
/*  background-color: #3f71e4;  기존컬러 밝은 파랑*/
 background-color: #093aae;
}

a.bg-light:hover {
  color: #363f44;
}
a.bg-primary:hover {
  background-color: #6254b2;
}
a.text-primary:hover {
  color: #6254b2;
}
.text-primary {
  color: #7266ba;
}
.text-primary-lt {
  color: #8278c2;
}
.text-primary-lter {
  color: #9289ca;
}
.text-primary-dk {
  color: #6254b2;
}
.text-primary-dker {
  color: #564aa3;
}
a.bg-info:hover {
  background-color: #19a9d5;
}
a.text-info:hover {
  color: #19a9d5;
}
.text-info {
  color: #23b7e5;
}
.text-info-lt {
  color: #3abee8;
}
.text-info-lter {
  color: #51c6ea;
}
.text-info-dk {
  color: #19a9d5;
}
.text-info-dker {
  color: #1797be;
}
a.bg-success:hover {
  background-color: #23ad44;
}
a.text-success:hover {
  color: #23ad44;
}
.text-success {
  color: #27c24c;
}
.text-success-lt {
  color: #2ed556;
}
.text-success-lter {
  color: #43d967;
}
.text-success-dk {
  color: #23ad44;
}
.text-success-dker {
  color: #1e983b;
}
a.bg-warning:hover {
  background-color: #f9d21a;
}
a.text-warning:hover {
  color: #f9d21a;
}
.text-warning {
  color: #fad733;
}
.text-warning-lt {
  color: #fbdc4c;
}
.text-warning-lter {
  color: #fbe165;
}
.text-warning-dk {
  color: #f9d21a;
}
.text-warning-dker {
  color: #f4ca06;
}
a.bg-danger:hover {
  background-color: #ee3939;
}
a.text-danger:hover {
  color: #ee3939;
}
.text-danger {
  color: #f05050;
}
.text-danger-lt {
  color: #f26767;
}
.text-danger-lter {
  color: #f47f7f;
}
.text-danger-dk {
  color: #ee3939;
}
.text-danger-dker {
  color: #ec2121;
}
a.bg-dark:hover {
  background-color: #2f3342;
}
a.text-dark:hover {
  color: #2f3342;
}
.text-dark {
  color: #3a3f51;
}
.text-dark-lt {
  color: #454b60;
}
.text-dark-lter {
  color: #4f566f;
}
.text-dark-dk {
  color: #2f3342;
}
.text-dark-dker {
  color: #252833;
}
a.bg-#000000:hover {
  background-color: #131e25;
}
a.text-#000000:hover {
  color: #131e25;
}
.text-#000000 {
  color: #1c2b36;
}
.text-#000000-lt {
  color: #253847;
}
.text-#000000-lter {
  color: #2d4658;
}
.text-#000000-dk {
  color: #131e25;
}
.text-#000000-dker {
  color: #0b1014;
}
.text-white {
  color: #fff;
}
.text-black {
  color: #000;
}
.text-muted {
  color: #98a6ad;
}
.pos-rlt {
  position: relative;
}
.pos-stc {
  position: static !important;
}
.pos-abt {
  position: absolute;
}
.pos-fix {
  position: fixed;
}
.show {
  visibility: visible;
}
.line {
  width: 100%;
  height: 2px;
  margin: 10px 0;
  font-size: 0;
  overflow: hidden;
}
.line-xs {
  margin: 0;
}
.line-lg {
  margin-top: 15px;
  margin-bottom: 15px;
}
.line-dashed {
  border-style: dashed !important;
  background-color: transparent;
  border-width: 0;
}
.no-line {
  border-width: 0;
}
.no-border,
.no-borders {
  border-color: transparent;
  border-width: 0;
}
.no-radius {
  border-radius: 0;
}
.block {
  display: block;
}
.block.hide {
  display: none;
}
.inline {
  display: inline-block !important;
}
.none {
  display: none;
}
.pull-none {
  float: none;
}
.rounded {
  border-radius: 500px;
}
.clear {
  display: block;
  overflow: hidden;
}
.no-bg {
  background-color: transparent;
  color: inherit;
}
.no-select {
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}
.l-h {
  line-height: 1.42857143;
}
.l-h-0x {
  line-height: 0;
}
.l-h-1x {
  line-height: 1.2;
}
.l-h-2x {
  line-height: 2em;
}
.l-s-1x {
  letter-spacing: 1;
}
.l-s-2x {
  letter-spacing: 2;
}
.l-s-3x {
  letter-spacing: 3;
}
.font-normal {
  font-weight: normal;
}
.font-thin {
  font-weight: 300;
}
.font-bold {
  font-weight: 700;
}
.text-3x {
  font-size: 3em;
}
.text-2x {
  font-size: 2em;
}
.text-lg {
  font-size: 18px;
}
.text-md {
  font-size: 16px;
}
.text-base {
  font-size: 14px;
}
.text-sm {
  font-size: 13px;
}
.text-xs {
  font-size: 12px;
}
.text-xxs {
  text-indent: -9999px;
}
.text-ellipsis {
  display: block;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.text-u-c {
  text-transform: uppercase;
}
.text-l-t {
  text-decoration: line-through;
}
.text-u-l {
  text-decoration: underline;
}
.text-active,
.active > .text,
.active > .auto .text {
  display: none !important;
 /*color:#fff;*/
}

.active > .text-active,
.active > .auto .text-active {
  display: inline-block !important;
}
.box-shadow {
  box-shadow: 0 2px 2px rgba(0, 0, 0, 0.05), 0 1px 0 rgba(0, 0, 0, 0.05);
}
.box-shadow-lg {
  box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.05);
}
.text-shadow {
  font-size: 170px;
  text-shadow: 0 1px 0 #dee5e7, 0 2px 0 #fcfdfd, 0 5px 10px rgba(0, 0, 0, 0.125), 0 10px 20px rgba(0, 0, 0, 0.2);
}

/* 2019 삭제 상단 메뉴 간단 보기
.no-shadow {
  -webkit-box-shadow: none !important;
  box-shadow: none !important;
}
*/

.wrapper-xs {
  padding: 5px;
}
.wrapper-sm {
  padding: 10px;
}
.wrapper { /*2019*/
  padding: 15px 0 15px 0 ;
}
.wrapper-md {
  padding: 0px 20px 5px 20px;
}
.wrapper-lg {
  padding: 30px;
}
.wrapper-xl {
  padding: 50px;
}
.padder-lg {
  padding-left: 10px;
  padding-right: 10px;
}
.padder-md {
  padding-left: 20px;
  padding-right: 20px;
}
.padder {
  padding-left: 15px;
  padding-right: 15px;
}
.padder-x {
  padding-top: 5px;
  padding-bottom: 5px;
}
.padder-m {
  padding-top: 10px;
  padding-bottom: 10px;
}
.padder-v {
  padding-top: 15px;
  padding-bottom: 15px;
}
.no-padder {
  padding: 0 !important;
}
.pull-in {
  margin-left: -15px;
  margin-right: -15px;
}
.pull-out {
  margin: -10px -15px;
}
.b {
  border: 1px solid rgba(0, 0, 0, 0.05);
}
.b-a {
  border: 1px solid #dee5e7;
}
.b-t {
  border-top: 1px solid #dee5e7;
}
.b-r {
  border-right: 1px solid #dee5e7;
}
.b-b {
  border-bottom: 1px solid #dee5e7;
}
.b-l {
  border-left: 1px solid #dee5e7;
}
.b-light {
  border-color: #edf1f2;
}
.b-dark {
  border-color: #3a3f51;
}
.b-black {
  border-color: #3a3f51;
}
.b-primary {
  border-color: #7266ba;
}
.b-success {
  border-color: #27c24c;
}
.b-info {
  border-color: #ddd;
}
.b-warning {
  border-color: #fad733;
}
.b-danger {
  border-color: #f05050;
}
.b-white {
  border-color: #ffffff;
}
.b-dashed {
  border-style: dashed !important;
}
.b-l-light {
  border-left-color: #edf1f2;
}
.b-l-dark {
  border-left-color: #3a3f51;
}
.b-l-black {
  border-left-color: #3a3f51;
}
.b-l-primary {
  border-left-color: #7266ba;
}
.b-l-success {
  border-left-color: #27c24c;
}
.b-l-info {
  border-left-color: #23b7e5;
}
.b-l-warning {
  border-left-color: #fad733;
}
.b-l-danger {
  border-left-color: #f05050;
}
.b-l-white {
  border-left-color: #ffffff;
}
.b-l-2x {
  border-left-width: 2px;
}
.b-l-3x {
  border-left-width: 3px;
}
.b-l-4x {
  border-left-width: 4px;
}
.b-l-5x {
  border-left-width: 5px;
}
.b-2x {
  border-width: 2px;
}
.b-3x {
  border-width: 3px;
}
.b-4x {
  border-width: 4px;
}
.b-5x {
  border-width: 5px;
}
.r {
  border-radius: 2px 2px 2px 2px;
}
.r-2x {
  border-radius: 4px;
}
.r-3x {
  border-radius: 6px;
}
.r-l {
  border-radius: 2px 0 0 2px;
}
.r-r {
  border-radius: 0 2px 2px 0;
}
.r-t {
  border-radius: 2px 2px 0 0;
}
.r-b {
  border-radius: 0 0 2px 2px;
}
.m-xxs {
  margin: 2px 4px;
}
.m-xs {
  margin: 5px;
}
.m-sm {
  margin: 10px;
}
.m {
  margin: 15px;
}
.m-md {
  margin: 20px;
}
.m-lg {
  margin: 30px;
}
.m-xl {
  margin: 50px;
}
.m-n {
  margin:0px !important;
}
.m-l-none {
  margin-left: 0 !important;
}
.m-l-xs {
  margin-left: 5px;
}
.m-l-sm {
  margin-left: 10px;
}
.m-l {
  margin-left: 15px;
}
.m-l-md {
  margin-left: 20px;
}
.m-l-lg {
  margin-left: 30px;
}
.m-l-xl {
  margin-left: 40px;
}
.m-l-xxl {
  margin-left: 50px;
}
.m-l-n-xxs {
  margin-left: -1px;
}
.m-l-n-xs {
  margin-left: -5px;
}
.m-l-n-sm {
  margin-left: -10px;
}
.m-l-n {
  margin-left: -15px;
}
.m-l-n-md {
  margin-left: -20px;
}
.m-l-n-lg {
  margin-left: -30px;
}
.m-l-n-xl {
  margin-left: -40px;
}
.m-l-n-xxl {
  margin-left: -50px;
}
.m-t-none {
  margin-top: 0 !important;
}
.m-t-xxs {
  margin-top: 1px;
}
.m-t-xs {
  margin-top: 5px;
}
.m-t-sm {
  margin-top: 10px;
}
.m-t {
  margin-top: 15px;
}
.m-t-md {
  margin-top: 20px;
}
.m-t-lg {
  margin-top: 30px;
}
.m-t-xl {
  margin-top: 40px;
}
.m-t-xxl {
  margin-top: 50px;
}
.m-t-n-xxs {
  margin-top: -1px;
}
.m-t-n-xs {
  margin-top: -5px;
}
.m-t-n-sm {
  margin-top: -10px;
}
.m-t-n {
  margin-top: -15px;
}
.m-t-n-md {
  margin-top: -20px;
}
.m-t-n-lg {
  margin-top: -30px;
}
.m-t-n-xl {
  margin-top: -40px;
}
.m-t-n-xxl {
  margin-top: -50px;
}
.m-r-none {
  margin-right: 0 !important;
}
.m-r-xxs {
  margin-right: 1px;
}
.m-r-xs {
  margin-right: 5px;
}
.m-r-sm {
  margin-right: 10px;
}
.m-r {
  margin-right: 15px;
}
.m-r-md {
  margin-right: 20px;
}
.m-r-lg {
  margin-right: 30px;
}
.m-r-xl {
  margin-right: 40px;
}
.m-r-xxl {
  margin-right: 50px;
}
.m-r-n-xxs {
  margin-right: -1px;
}
.m-r-n-xs {
  margin-right: -5px;
}
.m-r-n-sm {
  margin-right: -10px;
}
.m-r-n {
  margin-right: -15px;
}
.m-r-n-md {
  margin-right: -20px;
}
.m-r-n-lg {
  margin-right: -30px;
}
.m-r-n-xl {
  margin-right: -40px;
}
.m-r-n-xxl {
  margin-right: -50px;
}
.m-b-none {
  margin-bottom: 0 !important;
}
.m-b-xxs {
  margin-bottom: 1px;
}
.m-b-xs {
  margin-bottom: 5px;
}
.m-b-sm {
  margin-bottom: 10px;
}
.m-b {
  margin-bottom: 15px;
}
.m-b-md {
  margin-bottom: 20px;
}
.m-b-lg {
  margin-bottom: 30px;
}
.m-b-xl {
  margin-bottom: 40px;
}
.m-b-xxl {
  margin-bottom: 50px;
}
.m-b-n-xxs {
  margin-bottom: -1px;
}
.m-b-n-xs {
  margin-bottom: -5px;
}
.m-b-n-sm {
  margin-bottom: -10px;
}
.m-b-n {
  margin-bottom: -15px;
}
.m-b-n-md {
  margin-bottom: -20px;
}
.m-b-n-lg {
  margin-bottom: -30px;
}
.m-b-n-xl {
  margin-bottom: -40px;
}
.m-b-n-xxl {
  margin-bottom: -50px;
}

/*
 .navbar-right { border:1px solid #fff; }
*/
.avatar {
  position: relative;
  display: inline-block;
  border-radius: 55%;
  white-space: nowrap;
}

.avatar img {
  border-radius: 50% 50% ;
  background-color: #fff;
 width:100%;
}

.avatar i {
  position: absolute;
  left: 0;
  top: 0;
  width: 10px;
  height: 10px;
  margin: 2px;
  border-width: 2px;
  border-style: solid;
  border-radius: 100%;
}
.avatar i.right {
  left: auto;
  right: 0;
}
.avatar i.bottom {
  left: auto;
  top: auto;
  bottom: 0;
  right: 0;
}
.avatar i.left {
  top: auto;
  bottom: 0;
}
.avatar i.on {
  background-color: #27c24c;
}
.avatar i.off {
  background-color: #98a6ad;
}
.avatar i.busy {
  background-color: #f05050;
}
.avatar i.away {
  background-color: #fad733;
}
.avatar.thumb-md i {
  width: 12px;
  height: 12px;
  margin: 3px;
}
.avatar.thumb-sm i {
  margin: 1px;
}
.avatar.thumb-xs i {
  margin: 0;
}
.w-1x {
  width: 1em;
}
.w-2x {
  width: 2em;
}
.w-3x {
  width: 3em;
}
.w-xxs {
  width: 60px;
}
.w-xs {
  width: 90px;
}
.w-sm {
  width: 150px;
}
.w {
  width: 200px;
}
.w-md {
  width: 240px;
}
.w-lg {
  width: 280px;
}
.w-xl {
  width: 320px;
}
.w-xxl {
  width: 360px;
}
.w-full {
  width: 100%;
}
.w-fullx {
  width: 110%;
}
.w-auto {
  width: auto;
}
.h-auto {
  height: auto;
}
.h-full {
  height: 100%;
}
.thumb-xl {
  width: 128px;
  display: inline-block;
}
.thumb-lg {
  width: 96px;
  display: inline-block;
}
.thumb-md {
  width: 64px;
  display: inline-block;
}
.thumb {
  width: 50px;
  display: inline-block;
}
.thumb-sm {
  width: 40px;
  display: inline-block;
}
.thumb-xs {
  width: 34px;
  display: inline-block;
}
.thumb-xxs {
  width: 30px;
  display: inline-block;
}
.thumb-wrapper {
  padding: 2px;
  border: 1px solid #dee5e7;
}
.thumb img,
.thumb-xs img,
.thumb-sm img,
.thumb-md img,
.thumb-lg img,
.thumb-btn img {
  height: auto;
  max-width: 100%;
  vertical-align: middle;
}
.img-full {
  width: 100%;
}
.img-full img {
  width: 100%;
}
.scrollable {
  overflow-x: hidden;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.scrollable.hover {
  overflow-y: hidden !important;
}
.scrollable.hover:hover {
  overflow: visible !important;
  overflow-y: auto !important;
}
.smart .scrollable {
  overflow-y: auto !important;
}
.scroll-x,
.scroll-y {
  overflow: hidden;
  -webkit-overflow-scrolling: touch;
}
.scroll-y {
  overflow-y: auto;
}
.scroll-x {
  overflow-x: auto;
}
.hover-action {
  display: none;
}
.hover-rotate {
  -webkit-transition: all 0.2s ease-in-out 0.1s;
  transition: all 0.2s ease-in-out 0.1s;
}
.hover-anchor:hover > .hover-action,
.hover-anchor:focus > .hover-action,
.hover-anchor:active > .hover-action {
  display: inherit;
}
.hover-anchor:hover > .hover-rotate,
.hover-anchor:focus > .hover-rotate,
.hover-anchor:active > .hover-rotate {
  -webkit-transform: rotate(90deg);
  -ms-transform: rotate(90deg);
  transform: rotate(90deg);
}
.backdrop {
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  z-index: 1050;
}
.backdrop.fade {
  opacity: 0;
  filter: alpha(opacity=0);
}
.backdrop.in {
  opacity: 0.8;
  filter: alpha(opacity=80);
}
/*desktop*/
@media screen and (min-width: 992px) {
  .col-lg-2-4 {
    width: 20.000%;
    float: left;
  }
}
@media (min-width: 768px) and (max-width: 991px) {
  .hidden-sm.show {
    display: inherit !important;
  }
  .no-m-sm {
    margin: 0 !important;
  }
}
/*phone*/
@media (max-width: 767px) {
  .w-auto-xs {
    width: auto;
  }
  .shift {
    display: none !important;
  }
  .shift.in {
    display: block !important;
  }
  .row-2 [class*="col"] {
    width: 50%;
    float: left;
  }
  .row-2 .col-0 {
    clear: none;
  }
  .row-2 li:nth-child(odd) {
    clear: left;
    margin-left: 0;
  }
  .text-center-xs {
    text-align: center;
  }
  .text-left-xs {
    text-align: left;
  }
  .text-right-xs {
    text-align: right;
  }
  .no-border-xs {
    border-width: 0;
  }
  .pull-none-xs {
    float: none !important;
  }
  .pull-right-xs {
    float: right !important;
  }
  .pull-left-xs {
    float: left !important;
  }
  .dropdown-menu.pull-none-xs {
    left: 0;
  }
  .hidden-xs.show {
    display: inherit !important;
  }
  .wrapper-lg {
    padding: 15px;
  }
  .padder-lg,
  .padder-md {
    padding-left: 15px;
    padding-right: 15px;
  }
  .no-m-xs {
    margin: 0 !important;
  }
}
.butterbar {
  position: relative;
  margin-bottom: -3px;
  height: 3px;
}
.butterbar .bar {
  position: absolute;
  height: 0;
  width: 100%;
  text-indent: -9999px;
  background-color: #23b7e5;
}
.butterbar .bar:before {
  content: "";
  height: 3px;
  position: absolute;
  left: 50%;
  right: 50%;
  background-color: inherit;
}
.butterbar.active {
  -webkit-animation: changebar 2.25s infinite 0.75s;
  -moz-animation: changebar 2.25s infinite 0.75s;
  animation: changebar 2.25s infinite 0.75s;
}
.butterbar.active .bar {
  -webkit-animation: changebar 2.25s infinite;
  -moz-animation: changebar 2.25s infinite;
  animation: changebar 2.25s infinite;
}
.butterbar.active .bar:before {
  -webkit-animation: movingbar 0.75s infinite;
  -moz-animation: movingbar 0.75s infinite;
  animation: movingbar 0.75s infinite;
}
/* Moving bar */
@-webkit-keyframes movingbar {
  0% {
    left: 50%;
    right: 50%;
  }
  99.9% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 50%;
    right: 50%;
  }
}
@-moz-keyframes movingbar {
  0% {
    left: 50%;
    right: 50%;
  }
  99.9% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 50%;
    right: 50%;
  }
}
@keyframes movingbar {
  0% {
    left: 50%;
    right: 50%;
  }
  99.9% {
    left: 0%;
    right: 0%;
  }
  100% {
    left: 50%;
    right: 50%;
  }
}
/* change bar */
@-webkit-keyframes changebar {
  0% {
    background-color: #23b7e5;
  }
  33.3% {
    background-color: #23b7e5;
  }
  33.33% {
    background-color: #fad733;
  }
  66.6% {
    background-color: #fad733;
  }
  66.66% {
    background-color: #7266ba;
  }
  99.9% {
    background-color: #7266ba;
  }
}
@-moz-keyframes changebar {
  0% {
    background-color: #23b7e5;
  }
  33.3% {
    background-color: #23b7e5;
  }
  33.33% {
    background-color: #fad733;
  }
  66.6% {
    background-color: #fad733;
  }
  66.66% {
    background-color: #7266ba;
  }
  99.9% {
    background-color: #7266ba;
  }
}
@keyframes changebar {
  0% {
    background-color: #23b7e5;
  }
  33.3% {
    background-color: #23b7e5;
  }
  33.33% {
    background-color: #fad733;
  }
  66.6% {
    background-color: #fad733;
  }
  66.66% {
    background-color: #7266ba;
  }
  99.9% {
    background-color: #7266ba;
  }
}
#condition .list-group-item {
  display: table;
  width: 100%;
}
#condition .list-group-item .form-control-static:first-child {
  display: table-cell;
  width: 14px;
  vertical-align: middle;
}
#condition .list-group-item .form-control {
  float: inherit;
}
#condition .list-group-item .form-control.input-append {
  width: 110px;
  margin-right: -1px;
}
#condition .list-group-item .form-control.input-currency {
  text-align: right;
}
#condition .list-group-item > span:last-child > .btn {
  border-radius: 50px;
  margin-left: 5px;
}
#condition .list-group-item > span:nth-last-child(2) {
  border-radius: 0 4px 4px 0;
  border-left: 0;
}
#condition .panel {
  margin-bottom: 0;
}
.logical-op.btn {
  width: 52px;
  margin: 0 3px 0 13px;
}
.comparison-op.btn {
  width: 34px;
  margin: 0 3px;
}
.condition-item .bootstrap-touchspin-up {
  border-top-right-radius: 0px !important;
  padding: 8px 8px !important;
}
.condition-item .bootstrap-touchspin-down {
  border-bottom-right-radius: 0px !important;
  padding: 8px 8px !important;
}
.condition-item .form-control.condition_datepicker {
  width: 110px;
  margin-right: -1px;
}
.condition-item .form-control.yearDatepicker {
  width: 60px;
  margin-right: -1px;
}
.condition-item .input-group-addon.tilde {
  border-width: 1px 0;
}
.condition-item .search-target .chosen-container {
  width: 200px !important;
}
#prjSearchMenu .list-group-item {
  padding: 0px 15px 0px 10px;
}
.excel-header {
  overflow: hidden;
  padding: 5px;
}
.excel-header div {
  text-align: center;
  padding: 2px;
  font-size: 10px;
  margin-left: -1px;
  background-color: #fff;
  border: 1px solid #dee5e7;
  border-radius: 2px;
}
.excel-header .f-left {
  float: left;
}
.excel-header .h-40 {
  height: 40px;
}
.excel-header .h-60 {
  height: 60px;
}
.excel-header .h-80 {
  height: 80px;
}
.excel-header .h-100 {
  height: 100px;
}
.excel-header .w-50 {
  width: 50%;
}
.excel-header .w-100 {
  width: 100%;
}
.excel-header span {
  font-size: 10px;
  float: left;
}
.nav-tabs > li .close {
  margin: 2px 0 0 4px;
  font-size: 18px;
}
/* .prjSearch > .nav-tabs > li.active > a {
  border-width: 3px 1px 1px;
  border-color: #d26911 #e5e5e5 transparent;
  color: #222;
}
.prjSearch > .nav-tabs > li > a {
  border-radius: 3px 3px 0 0;
  padding: 8px 11px 11px;
  border: 1px solid transparent;
  color: #666;
}
.prjSearch > .nav-tabs > li.sub > a {
  padding: 8px 8px 11px 11px;
} */
.acg ul {
  list-style: none;
  margin-bottom: 0;
  padding-left: 20px;
}
.acg li {
  margin: 0 0 5px 0;
}
.text-left {
  text-align: left;
}
.text-right {
  text-align: right;
}
.text-center {
  text-align: center;
}

table > thead > tr > th {
  padding: 7px 3px;
  vertical-align: middle !important;
  height:28px;
  font-size:13px;
}
table > thead > tr > td {
  padding: 7px 33px;
  vertical-align: middle !important;
  height:28px;
  font-size:13px;
}
table > tbody > tr > th {
  padding: 7px 3px;
  vertical-align: middle !important;
  height:28px;
  font-size:13px;
}
table > tbody > tr > td {
  padding: 7px 3px;
  vertical-align: middle !important;
  height:28px;
  font-size:13px;
}
.table > thead > tr > th {
  padding: 7px 3px;
  vertical-align: middle !important;
  height:28px;
  font-size:13px;
}
.table > thead > tr > td {
  padding: 7px 3px;
  vertical-align: middle !important;
  height:28px;
  font-size:13px;
}
.table > tbody > tr > th {
  padding: 7px 3px;
  vertical-align: middle !important;
  height:28px;
  font-size:13px;
}
.table > tbody > tr > td {
  padding: 7px 3px;
  vertical-align: middle !important;
  height:28px;
  font-size:13px;
}

.eight-guide {
  border-color: #edf1f2;
}
.eight-guide > thead > tr {
  background-color: #54596a;
}
.eight-guide > thead > tr th {
  padding: 8px 15px;
  color: #fff;
}
.eight-guide > thead > tr td {
  padding: 8px 15px;
  color: #fff;
}
.eight-guide > tbody > tr > th {
  padding: 8px 15px;
}
.eight-guide > tbody > tr > td {
  padding: 8px 15px;
}
.eight-guide > tbody > tr:hover {
  background-color: #f5f5f5;
}

.table-list-style1 {
  border:#d8e0ed solid 1px;
  border-top:#83a1d1 solid 2px;
}
.table-list-style1 > thead > tr {
  background-color: #f4f6fc;
}
.table-list-style1 > thead > tr th {
  vertical-align: middle !important;
  border:#d8e0ed solid 1px;
  /* padding: 5px; */
  vertical-align: middle !important;
  background-color: #f4f6fc;
  color: #565656;
  font-weight: bold;
  text-align: center;
}
.table-list-style1 > tbody > tr td {
  vertical-align: middle !important;
  /* padding:5px; */
  text-align: center;
  border:#d8e0ed solid 1px;
}
.table-list-style1 > tbody > tr:hover {
  background-color: #f7f7f7;
}
.table-list-style1 .text-left {
  text-align: left;
}
.table-list-style1 .text-right {
  text-align: right;
}


.table-list-style2 {
  /*border:#d8e0ed solid 1px;*/
  border-top:#83a1d1 solid 2px;
  margin: 0 !important;
}
.table-list-style2 > thead > tr {
  background-color: #f4f6fc;
  color: #0f2b77;
}
.table-list-style2 > thead > tr.lt,
.table-list-style2 > thead > tr .lt {
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr.lter,
.table-list-style2 > thead > tr .lter {
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr.dk,
.table-list-style2 > thead > tr .dk {
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr.dker,
.table-list-style2 > thead > tr .dker {
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr.bg,
.table-list-style2 > thead > tr .bg {
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr a {
  color: #0f2b77;
}
.table-list-style2 > thead > tr a:hover {
  color: #0f2b77;
}
.table-list-style2 > thead > tr a.list-group-item:hover,
.table-list-style2 > thead > tr a.list-group-item:focus {
  background-color: inherit;
}
.table-list-style2 > thead > tr .nav > li:hover > a,
.table-list-style2 > thead > tr .nav > li:focus > a,
.table-list-style2 > thead > tr .nav > li.active > a {
  color: #0f2b77;
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr .nav > li > a {
  color: #b4b6bd;
}
.table-list-style2 > thead > tr .nav > li > a:hover,
.table-list-style2 > thead > tr .nav > li > a:focus {
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr .nav .open > a {
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr .caret {
  border-bottom-color: #a6a8b1;
}
.table-list-style2 > thead > tr.navbar .nav > li.active > a {
  color: #ffffff;
  background-color: #f4f6fc;
}
.table-list-style2 > thead > tr .open > a,
.table-list-style2 > thead > tr .open > a:hover,
.table-list-style2 > thead > tr .open > a:focus {
  color: #ffffff;
}
.table-list-style2 > thead > tr .text-muted {
  color: #8b8e99 !important;
}
.table-list-style2 > thead > tr .text-lt {
  color: #eaebed !important;
}
.table-list-style2 > thead > tr.auto .list-group-item,
.table-list-style2 > thead > tr .auto .list-group-item {
  border-color: #f4f6fc !important;
  background-color: transparent;
}
.table-list-style2 > thead > tr.auto .list-group-item:hover,
.table-list-style2 > thead > tr .auto .list-group-item:hover,
.table-list-style2 > thead > tr.auto .list-group-item:focus,
.table-list-style2 > thead > tr .auto .list-group-item:focus,
.table-list-style2 > thead > tr.auto .list-group-item:active,
.table-list-style2 > thead > tr .auto .list-group-item:active,
.table-list-style2 > thead > tr.auto .list-group-item.active,
.table-list-style2 > thead > tr .auto .list-group-item.active {
  background-color: #f4f6fc !important;
}
.table-list-style2 > thead > tr th {
  vertical-align: middle !important;
  border:#d8e0ed solid 1px;
  /* padding: 5px; */
  color: #565656;
  text-align: center;
  /* height:30px; */
}
.table-list-style2 > tbody > tr td {
  vertical-align: middle !important;
  border:#d8e0ed solid 1px;
  /* padding: 5px; */
  text-align: center;
  /* height:30px; */
}
.table-list-style2 > tbody > tr:hover {
  background-color: #f5f5f5;
}
.table-list-style2 .text-left {
  text-align: left;
}
.table-list-style2 .text-right {
  text-align: right;
}


.table-list-style3 {
  border:#d8e0ed solid 1px;
  border-top:#83a1d1 solid 2px;
  table-layout: fixed  !important;
}
.table-list-style3 > thead > tr {
  background-color: #f4f6fc;
}
.table-list-style3 > thead > tr th {
  vertical-align: middle !important;
  text-align: center;
  color: #0f2b77;
  border:#d8e0ed solid 1px;
}
.table-list-style3 > tbody > tr td {
  vertical-align: middle !important;
  text-align: center;
  border:#d8e0ed solid 1px;
}
.table-list-style3 > tbody > tr:hover {
  background-color: #f7f7f7;
}
.table-list-style3 .text-left {
  text-align: left;
}
.table-list-style3 .text-right {
  text-align: right;
}



/* 테이블 상세 컨텐츠*/
.table-detail-style1 {
  border-top:#83a1d1 solid 2px;
  table-layout: fixed;
  margin-bottom: 0 !important;
}
.table-detail-style1 > tbody > tr {
  vertical-align: middle !important;
}
.table-detail-style1 > tbody > tr p {
  margin-bottom: 0 !important;
}
.table-detail-style1 > tbody > tr > th {
  word-break: break-all;
  border:#d8e0ed solid 1px;
  /* padding: 5px; */
  vertical-align: middle !important;
  background-color: #f4f6fc;
  color: #444;
  font-weight: bold;
  text-align: center;
  position:relative;
  /* height:30px; */
}

.table-detail-style1 > tbody > tr > th.lt,
.table-detail-style1 > tbody > tr > th .lt {
  background-color: #f3f5f6;
}
.table-detail-style1 > tbody > tr > th.lter,
.table-detail-style1 > tbody > tr > th .lter {
  background-color: #f6f8f8;
}
.table-detail-style1 > tbody > tr > th.dk,
.table-detail-style1 > tbody > tr > th .dk {
  background-color: #e4eaec;
}
.table-detail-style1 > tbody > tr > th.dker,
.table-detail-style1 > tbody > tr > th .dker {
  background-color: #dde6e9;
}
.table-detail-style1 > tbody > tr > th.bg,
.table-detail-style1 > tbody > tr > th .bg {
  background-color: #edf1f2;
}
.table-detail-style1 > tbody > tr > td {
  word-break: break-all;
  border:#d8e0ed solid 1px;
  /* padding: 5px; */
  vertical-align: middle !important;
  background-color:#fff;
}

.table-detail-style1 .text-left {
  text-align: left;
}
.table-detail-style1 .text-right {
  text-align: right;
}

.table-req-style1 {
  border-top:#83a1d1 solid 2px;
  table-layout: fixed;
  margin-bottom: 0 !important;
}

.table-req-style1 tbody > tr > th {
  word-break: break-all;
  border:#d8e0ed solid 1px;
  /* padding: 5px; */
  vertical-align: middle !important;
  background-color: #f4f6fc;
  color: #444;
  text-align: center;
}
.table-req-style1 tbody > tr > th.lt,
.table-req-style1 tbody > tr > th .lt {
  background-color: #f3f5f6;
}
.table-req-style1 tbody > tr > th.lter,
.table-req-style1 tbody > tr > th .lter {
  background-color: #f6f8f8;
}
.table-req-style1 tbody > tr > th.dk,
.table-req-style1 tbody > tr > th .dk {
  background-color: #e4eaec;
}
.table-req-style1 tbody > tr > th.dker,
.table-req-style1 tbody > tr > th .dker {
  background-color: #dde6e9;
}
.table-req-style1 tbody > tr > th.bg,
.table-req-style1 tbody > tr > th .bg {
  background-color: #edf1f2;
}
.table-req-style1 > tbody > tr > td {
 word-break: break-all;
  border:#d8e0ed solid 1px;
  /* padding: 5px; */
  text-align: center;
  vertical-align: middle !important;
}
.table-req-style1 .text-left {
  text-align: left;
}
.table-req-style1 .text-right {
  text-align: right;
}


/*열고정 추가 20191112 start*/
.vertical_scrolling_div{
	*display:inline;
	overflow-y-scroll;
	overflow-x:hidden;
	width:100%;
}
#freeze_container{
	display:inline-block;
	*display:inline;
	vertical-align:top;
	width:352px;
	float:left;
}
#horizontal_scrolling_div{
	/* float:left; */
	/* display:inline-block; */
	/* display:inline; */
	/* width:1187px; */
	/* overflow-x:scroll; */
	vertical-align:top;
}
/*열고정 추가 20191112 end*/


.table-agm-style1 {
  table-layout: fixed;
  margin-bottom: 0 !important;
}
.table-agm-style1 tbody > tr > th {
  word-break: break-all;
  border: 1px solid #ddd;
  vertical-align: middle !important;
  color: #58666e;
  background-color: #f6f8f8;
  text-align: left;
}
.table-agm-style1 tbody > tr > th.lt,
.table-agm-style1 tbody > tr > th .lt {
  background-color: #f3f5f6;
}
.table-agm-style1 tbody > tr > th.lter,
.table-agm-style1 tbody > tr > th .lter {
  background-color: #f6f8f8;
}
.table-agm-style1 tbody > tr > th.dk,
.table-agm-style1 tbody > tr > th .dk {
  background-color: #e4eaec;
}
.table-agm-style1 tbody > tr > th.dker,
.table-agm-style1 tbody > tr > th .dker {
  background-color: #dde6e9;
}
.table-agm-style1 tbody > tr > th.bg,
.table-agm-style1 tbody > tr > th .bg {
  background-color: #edf1f2;
}
.table-agm-style1 > tbody > tr > td {
  word-break: break-all;
  border: 1px solid #ddd;
  text-align: left;
}
.table-agm-style1 .text-center {
  text-align: center;
}
.table-agm-style1 .text-left {
  text-align: left;
}
.table-agm-style1 .text-right {
  text-align: right;
}


.overflow-auto {
  overflow: auto !important;
}
.webview_one_depth {
  color: #3badb8;
  font-size: 18px;
  background: url(../img/webView/bullet_ar.png) no-repeat;
  background-position: left center;
  padding: 5px 0 5px 50px;
  margin: 15px 0 15px 0;
  font-weight: bold;
}
.webView_two_depth {
  font-weight: normal;
  font-size: 15px;
  background: url(../img/webView/bullet_cir.png) no-repeat;
  background-position: 0px 9px;
  padding: 5px 0 5px 18px;
  margin: 2px 0 2px 25px;
}
.sub_ar_table {
  width: 100%;
  margin-bottom: 15px;
}
.sub_ar_table > tbody > tr > td {
  padding: 10px 15px;
  font-size: 12px;
  border-left: 1px solid #d4d4d4;
  border-right: 1px solid #d4d4d4;
}
.sub_ar_table > tbody > tr > th {
  text-align: center;
  padding: 10px 0px;
  font-size: 13px;
  color: #605ca8;
}
.sub_ar_table > tbody > tr > th > img {
  width: 20px ;
  margin-top: 15px;
}
.sub_ar_table > tbody > tr > td > p {
  margin: 8px 0px;
  text-indent: -0.5em;
  margin-left: 1em;
  line-height: 120%;
}
.sub_ar_table .sub_bg01 {
  background-color: #f6f6f6;
}
.sub_ar_table .sub_bg02 {
  background-color: #fff;
}
.sub_ar_table .sub_arrow01 {
  background: url(../img/webView/table_arrow_01.png) #f6f6f6 no-repeat;
  background-position: center left;
}
.sub_ar_table .sub_arrow02 {
  background: url(../img/webView/table_arrow_01.png) #ffffff no-repeat;
  background-position: center left;
}
.sub_ar_table .point_text01 {
  color: #f7941d;
  font-weight: bold;
}
.login_bg {
  height: 1200px;
  background: url(../img/bg_login03.jpg) no-repeat;
  background-size: cover;
  background-position: -200px;
}

/*2016-05-19 추가*/

/*타이틀*/
.ti_h2 {margin:0 0 20px 0; padding:0 55px; font-size:22px; color:#4d6aba; font-weight:500; display:block; border-bottom:#4d6aba solid 3px; height:55px; line-height:55px; background:url(../img/blu_dot_01.png) no-repeat 0 15px;}
.ti_h3 {margin:30px 0 10px 0;font-size:17px; color:#4d6aba; font-weight:500; height:30px; line-height:30px; background:url(../img/blu_dot.png) no-repeat 0px 3px; padding:0 0 0 30px; }

/*table style*/
.table_tip{margin:0 0 5px 0; float:right;}

.table_style {border-collapse:collapse;margin:10px 0px;border-width:3px 0px 1px 0px; width:100%; border-top:#83a1d1 solid 2px;}
.table_style caption { display:none}
.table_style th {/* padding:5px; */ border:#d8e0ed solid 1px; background-color: #f4f6fc; color: #565656;text-align:center;}
.table_style td {/* padding:5px; */ border:#d8e0ed solid 1px; background:#FFF; text-align:center;}
.table_style .td_le {/* padding:7px; */ background:#FFF; text-align:left}
.table_style .td_bg { background:#ECECEC;}
.table_style .td_bg_01 { background:#DFF4F8;}
.table_style .td_bg_02 { background:#E4EBFB;}
.table_style input, select, textarea {/* width:auto; */ vertical-align:middle;}
.table_style  .checkbox {/* width:auto; */ border:none; vertical-align:middle}

.table_style_ex {border-collapse:collapse;margin:10px 0px;border-width:3px 0px 1px 0px; width:100%; border-top:#83a1d1 solid 2px;}
.table_style_ex caption { display:none}
.table_style_ex th {/* padding:10px; */ border:1px solid #d8e0ed;color:#1d367c;background:#f4f6fc;text-align:center;}
.table_style_ex td {/* padding:7px; */border:1px solid #d8e0ed; background:#FFF; text-align:center;}
.table_style_ex .td_le {/* padding:7px; background:#FFF; */ text-align:left}
.table_style_ex .td_bg { background:#ECECEC}
.table_style_ex .td_bg_01 { background:#E4EDE5}
.table_style_ex .td_bg_02 { background:#DFE3EC}

.table_detail_style_ex {border-collapse:collapse;margin:10px 0px;border-width:3px 0px 1px 0px; width:100%; /*border-top:#83a1d1 solid 2px;*/}
.table_detail_style_ex caption { display:none}
.table_detail_style_ex th {/* padding:10px; */ border:1px solid #d8e0ed;color:#1d367c;background:#f4f6fc;text-align:center;}
.table_detail_style_ex td {/* padding:5px; */border:1px solid #d8e0ed; background:#FFF; text-align:center;}
.table_detail_style_ex .td_le {/* padding:5px; background:#FFF; */ text-align:left}
.table_detail_style_ex .td_bg { background:#ECECEC}
.table_detail_style_ex .td_bg_01 { background:#E4EDE5}
.table_detail_style_ex .td_bg_02 { background:#DFE3EC}
.table_detail_style_ex input {width:100%;/* padding:0px 5px; */}

.sub_table_style {border-collapse:collapse;width:100%; table-layout:fixed;}
.sub_table_style caption { display:none}
.sub_table_style th {/* padding:10px; */ border:1px solid #d8e0ed;color:#1d367c;background:#f4f6fc;text-align:center;}
.sub_table_style td {/* padding:2px; */border:0px; background:#FFF; text-align:center;}
.sub_table_style .td_le {/* padding:7px; */ background:#FFF; text-align:left}
.sub_table_style .td_bg { background:#ECECEC}
.sub_table_style .td_bg_01 { background:#E4EDE5}
.sub_table_style .td_bg_02 { background:#DFE3EC}

.table_style_01 {border-collapse:collapse;margin:20px 0px;border-width:3px 0px 1px 0px; width:100%;}
.table_style_01 caption { display:none}
.table_style_01 th {/* padding:10px; */ border:1px solid #d8e0ed;color:#2d4a9c;background:#f4f6fc;text-align:center;}
.table_style_01 td {/* padding:10px 5px; */border:1px solid #d8e0ed; background:#FFF; text-align:center}
.table_style_01 .td_le {/* padding:10px 10px; background:#FFF; */ text-align:left}
.table_style_01 input, select, textarea { /* width:auto; */ /* height:25px; */ border:1px solid #CCC;vertical-align:middle; /* border-radius:3px; */}
.table_style_01  .checkbox {/* width:auto; */ border:none; vertical-align:middle}

.table_style_02 {border-collapse:collapse;margin:20px 0px;border-width:3px 0px 1px 0px; width:100%;}
.table_style_02 caption { display:none}
.table_style_02 th {/* padding:5px; */ border:0px solid #d8e0ed;color:#2d4a9c;background:#ffffff; font-weight:500;text-align:center;}
.table_style_02 td {/* padding:5px; */border:0px solid #d8e0ed; background:#FFF; text-align:left}
.table_style_02 .td_le {/* padding:5px; background:#FFF; */ text-align:left}
.table_style_02 input, select, textarea { /* width:auto; */ /* height:25px; */ border:1px solid #CCC;vertical-align:middle; text-border-radius:3px;}
.table_style_02  .checkbox {/* width:auto; */ border:none; vertical-align:middle}

.table_s_01 {border-collapse:collapse;margin:10px 0px;border-width:3px 0px 1px 0px; width:100%; border-top:#83a1d1 solid 2px;}
.table_s_01 caption { display:none}
.table_s_01 th {border:#d8e0ed solid 1px;  /* padding: 5px; */ color:#565656;background:#f4f6fc;text-align:center; /* height:30px; */}
.table_s_01 td {border:#d8e0ed solid 1px;  /* padding: 5px; */  background:#FFF; text-align:center;}
.table_s_01 .td_le {/* padding:7px; background:#FFF; */ text-align:left}
.table_s_01 .td_bg { background:#ECECEC}
.table_s_01 .td_bg_01 { background:#E4EDE5}
.table_s_01 .td_bg_02 { background:#DFE3EC}

.table_s_02 {border-collapse:collapse;margin:10px 0px;border-width:3px 0px 1px 0px; width:100%; border-top:#83a1d1 solid 2px;}
.table_s_02 caption { display:none}
.table_s_02 th {/* padding:10px; */ border:1px solid #b0b776;color:#3b3b3b;background:#f5f6eb;text-align:center;}
.table_s_02 td {/* padding:7px; */border:1px solid #b0b776; background:#FFF; text-align:center;}
.table_s_02 .td_le {/* padding:7px; background:#FFF; */ text-align:left}
.table_s_02 .td_bg { background:#ECECEC}
.table_s_02 .td_bg_01 { background:#E4EDE5}
.table_s_02 .td_bg_02 { background:#DFE3EC}

.table_s_03 {border-collapse:collapse;margin:10px 0px;border-width:3px 0px 1px 0px; width:100%; border-top:#83a1d1 solid 2px;}
.table_s_03 caption { display:none}
.table_s_03 th {border:#d8e0ed solid 1px;  /* padding: 5px; */ color:#565656;background:#f4f6fc;text-align:center; height:30px;}
.table_s_03 td {border:#d8e0ed solid 1px;  /* padding: 5px; */  background:#FFF; text-align:center;}
.table_s_03 .td_le {/* padding:7px; background:#FFF; */ text-align:left}
.table_s_03 .td_bg { background:#ECECEC}
.table_s_03 .td_bg_01 { background:#E4EDE5}
.table_s_03 .td_bg_02 { background:#DFE3EC}

.table_s_04 {border-collapse:collapse;margin:0px;border-width:3px 0px 1px 0px; width:100%;}
.table_s_04 caption { display:none}
.table_s_04 th {/* padding:10px; */ border:1px solid #b1b1b1;color:#3b3b3b;background:#f1f1f1;text-align:center;}
.table_s_04 td {/* padding:7px; */border:1px solid #b1b1b1; background:#FFF; text-align:center;}
.table_s_04 .td_le {/* padding:7px; background:#FFF; */ text-align:left}
.table_s_04 .td_bg { background:#ECECEC}
.table_s_04 .td_bg_01 { background:#E4EDE5}
.table_s_04 .td_bg_02 { background:#DFE3EC}

/* link style */
.ft_left    {float:left !important;}
.ft_right   {float:right !important;}
.left       {text-align:left !important;}
.right      {text-align:right !important;}
.center     {text-align:center !important;}

/* 기본 margin */
.tmar_0  {margin-top:0px !important;}
.tmar_5  {margin-top:5px !important;}
.tmar_10 {margin-top:10px !important;}
.tmar_15 {margin-top:15px !important;}
.tmar_20 {margin-top:20px !important;}
.tmar_25 {margin-top:25px !important;}
.tmar_30 {margin-top:30px !important;}
.tmar_35 {margin-top:35px !important;}
.tmar_40 {margin-top:40px !important;}
.tmar_45 {margin-top:45px !important;}
.tmar_50 {margin-top:50px !important;}
.tmar_60 {margin-top:60px !important;}
.tmar_70 {margin-top:70px !important;}
.tmar_80 {margin-top:80px !important;}
.tmar_90 {margin-top:90px !important;}
.tmar_100 {margin-top:100px !important;}

.lmar_0  {margin-left:0px !important;}
.lmar_5  {margin-left:5px !important;}
.lmar_10 {margin-left:10px !important;}
.lmar_15 {margin-left:15px !important;}
.lmar_20 {margin-left:20px !important;}
.lmar_25 {margin-left:25px !important;}
.lmar_30 {margin-left:30px !important;}
.lmar_35 {margin-left:35px !important;}
.lmar_40 {margin-left:40px !important;}
.lmar_45 {margin-left:45px !important;}
.lmar_50 {margin-left:50px !important;}
.lmar_80 {margin-left:80px !important;}

.lmar_m5  {margin-left:-5px !important;}
.lmar_m10 {margin-left:-10px !important;}
.lmar_m15 {margin-left:-15px !important;}
.lmar_m20 {margin-left:-20px !important;}
.lmar_m25 {margin-left:-25px !important;}
.lmar_m30 {margin-left:-30px !important;}
.lmar_m35 {margin-left:-35px !important;}
.lmar_m40 {margin-left:-40px !important;}
.lmar_m45 {margin-left:-45px !important;}
.lmar_m50 {margin-left:-50px !important;}

.rmar_0  {margin-right:0px !important;}
.rmar_5  {margin-right:5px !important;}
.rmar_10 {margin-right:10px !important;}
.rmar_15 {margin-right:15px !important;}
.rmar_20 {margin-right:20px !important;}
.rmar_25 {margin-right:25px !important;}
.rmar_30 {margin-right:30px !important;}
.rmar_35 {margin-right:35px !important;}
.rmar_40 {margin-right:40px !important;}
.rmar_45 {margin-right:45px !important;}
.rmar_50 {margin-right:50px !important;}
.rmar_70 {margin-right:70px !important;}

.bmar_0  {margin-bottom:0px !important;}
.bmar_5  {margin-bottom:5px !important;}
.bmar_10 {margin-bottom:10px !important;}
.bmar_15 {margin-bottom:15px !important;}
.bmar_20 {margin-bottom:20px !important;}
.bmar_25 {margin-bottom:25px !important;}
.bmar_30 {margin-bottom:30px !important;}
.bmar_35 {margin-bottom:35px !important;}
.bmar_40 {margin-bottom:40px !important;}
.bmar_45 {margin-bottom:45px !important;}
.bmar_50 {margin-bottom:50px !important;}


/*텝메뉴*/

.tab_01 { width:100%; border-bottom:#c6c6c6 solid 1px; height:50px; padding:0px;}
.tab_01 li {margin:0 0 0 1px; float:left;display:block; height:50px; line-height:50px;}
.tab_01 li a { display:inline-block; font-size:17px; font-weight:600; padding:0 40px;-webkit-transition:0.5s;background:url(../img/tab_dot_cle.png) no-repeat right 25px #dedede;}
.tab_01 li a:hover { display:inline-block; font-size:17px; color:#ffffff; font-weight:600; padding:0 40px; background:url(../img/tab_dot.png) no-repeat right 25px #0091ea;transition:0.1s;}
.tab_01 li .a_link {display:inline-block; font-size:17px; color:#ffffff; font-weight:600; padding:0 40px;background:url(../img/tab_dot.png) no-repeat right 25px #0091ea;transition:0.1s;}

.tab_02 { width:100%; border-bottom:#c6c6c6 solid 1px; height:40px; padding:0px;}
.tab_02 li {margin:0 0 0 1px; float:left;display:block; height:40px; line-height:40px;}
.tab_02 li a { display:inline-block; font-size:15px; font-weight:600; padding:0 40px;-webkit-transition:0.5s;background:url(../img/tab_dot_cle.png) no-repeat right 20px #dedede; border-radius:10px 10px 0  0}
.tab_02 li a:hover { display:inline-block; font-size:15px; color:#ffffff; font-weight:600; padding:0 40px; background:url(../img/tab_dot.png) no-repeat right 20px #0091ea;transition:0.1s;}
.tab_02 li .a_link {display:inline-block; font-size:15px; color:#ffffff; font-weight:600; padding:0 40px;background:url(../img/tab_dot.png) no-repeat right 20px #0091ea;transition:0.1s;}

.tab_pue { width:100%; padding:0px;}
.tab_pue li {margin:0 0 0 1px; float:left;display:block; height:40px; line-height:40px;}
.tab_pue li a { display:inline-block; font-size:15px; font-weight:600; padding:0 40px;-webkit-transition:0.5s;background:url(../img/tab_dot_cle.png) no-repeat right 20px #dedede; border-radius:10px 10px 0  0}
.tab_pue li a:hover { display:inline-block; font-size:15px; color:#ffffff; font-weight:600; padding:0 40px; background:url(../img/tab_dot.png) no-repeat right 20px #4d6aba;transition:0.1s;}
.tab_pue li .a_link {display:inline-block; font-size:15px; color:#ffffff; font-weight:600; padding:0 40px;background:url(../img/tab_dot.png) no-repeat right 20px #4d6aba;transition:0.1s;}





/*버튼*/
.btn_01 { display:inline-block; height:35px; line-height:35px; background:#717171; padding:0 30px; border-radius:5px; color:#FFFFFF !important; font-weight:600;}/*진회색*/
.btn_02 { display:inline-block; height:35px; line-height:35px; background:#4d6aba; padding:0 30px; border-radius:5px; color:#FFFFFF !important; font-weight:600;}/*남색*/
.btn_03 { display:inline-block; height:30px; line-height:30px; background:#4d6aba; border:#d8e0ed solid 1px;; padding:0 30px; border-radius:5px; color:#ffffff !important; font-weight:600;box-shadow: 0 2px 5px 0 rgba(0,0,0,.26);}/*남색*/
.btn_04 { display:inline-block; height:30px; line-height:30px; background:#ffffff; border:#d8e0ed solid 1px;; padding:0 30px; border-radius:5px; color:#535353 !important; font-weight:600;}/*흰색*/
.btn_05 { display:inline-block; height:35px; line-height:35px; background:#039be5; padding:0 30px; border-radius:5px; color:#FFFFFF !important; font-weight:600;}/*파랑색*/

/*2016-06-08추가*/
.btn_06 { display:inline-block; background:#4d6aba; padding:6px 15px; border-radius:5px;color:#FFFFFF !important; font-size:12px}/*남색*/
.btn_07 { display:inline-block; background:#039be5; padding:6px 15px; border-radius:5px;color:#FFFFFF !important; font-size:12px}/*파랑색*/
.btn_08 { display:inline-block; background:#717171; padding:6px 15px; border-radius:5px;color:#FFFFFF !important; font-size:12px}/*진회색*/
/*2016-06-08추가*/

.search_btn {display:inline-block; height:40px; line-height:40px; background:url(../img/search_icon.png) no-repeat 15px 8px #478edc; border:#d8e0ed solid 1px;; padding:0 50px; border-radius:5px; color:#ffffff !important; font-size:15px; font-weight:600;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.111111)}




.ta_btn_01 { display:inline-block; height:25px; line-height:25px; background:#15a450; padding:0 20px; border-radius:3px; color:#FFFFFF !important; fong-size:12px;}/*초록색*/
.ta_btn_02 { display:inline-block; height:25px; line-height:25px; background:#f36152; padding:0 20px; border-radius:3px; color:#FFFFFF !important; fong-size:12px;}/*빨강색*/
.ta_btn_03 { display:inline-block; height:25px; line-height:25px; background:#039be5; padding:0 20px; border-radius:3px; color:#FFFFFF !important; fong-size:12px;}/*파랑색*/
.ta_btn_04 { display:inline-block; height:25px; line-height:25px; background:#909090; padding:0 20px; border-radius:3px; color:#FFFFFF !important; fong-size:12px;}/*진회색*/
.ta_btn_05 { display:inline-block; height:25px; line-height:25px; background:#4d6aba; padding:0 20px; border-radius:3px; color:#FFFFFF !important; fong-size:12px;}/*진회색*/



/*게시판페이징*/
.page { width:100%; text-align:center; margin:30px 0 0 0; display:block; position:relative;}
.page .span_btn_1 {width:31px; border: 1px solid #c6c6c6; height: 31px; line-height: 31px; background:url(../img/board_next_02.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn_2 {width:31px; border: 1px solid #c6c6c6; height: 31px; line-height: 31px; background:url(../img/board_next_01.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn_3 {width:31px; border: 1px solid #c6c6c6; height: 31px; line-height: 31px; background:url(../img/board_prev_01.gif) no-repeat 13px 13px; display:inline-block;}
.page .span_btn_4 {width:31px; border: 1px solid #c6c6c6; height: 31px; line-height: 31px; background:url(../img/board_prev_02.gif) no-repeat 13px 13px; display:inline-block;}
.page .page_num {display: inline-block; margin: 0 6px;overflow: hidden; vertical-align: top;}
.page .page_num a {border: 1px solid #c6c6c6; color: #8C8C8C; display: inline-block; font-size: 11px; height: 29px; line-height: 29px; width: 31px;}
.page .page_num a:hover {border: 1px solid #0091ea; color: #ffffff; display: inline-block; font-size: 11px; height: 29px; line-height: 29px; width: 31px; background:#0091ea; text-decoration:none; font-weight:bold;}
.page .page_num .selected {border: 1px solid #0091ea; color: #ffffff;  display: inline-block; font-size: 11px; height: 29px; line-height: 29px; width: 31px; background:#0091ea; text-decoration:none; font-weight:bold;}

.btn_relative {position:relative}
.btn_absolute {position:absolute; right:0px; top:0px}

.table_layer_pop {position:absolute; left:20%; right:20%; width:60%; background:#FFFFFF; box-shadow: 0 8px 17px 0 rgba(0,0,0,0.2),0 6px 20px 0 rgba(0,0,0,0.188235); z-index:999}
.table_layer_pop .header_h2 {height:50px; line-height:50px; background:#727272; padding:0 30px; position:relative; color:#FFFFFF; font-size:17px; font-weight:500;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.258824),0 2px 10px 0 rgba(0,0,0,0.156863);}
.table_layer_pop .layler_clear {position:absolute; top:10px; right:20px;}
.table_layer_pop  .contents_layer {padding:20px 20px;}




.search_condition {position:relative;border:solid 1px #d8e0ed;width:100%;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.111111);}
.search_condition .sc_header_h2 {background:#f7f7f7; border-bottom:solid 1px #d8e0ed; padding:0 30px;font-size:16px; color:#4d6aba; display:block;height:50px; line-height:50px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.111111);; border:solid 0px #FFFFFF;}
.search_condition .sc_layler_clear {position:absolute; top:10px; right:20px;}
.search_condition .sc_layer {padding:20px 20px;}

.search_condition_01 {position:relative;border:solid 1px #d8e0ed; padding:10px; text-align:center;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.111111); border-radius:10px;}
.search_condition_01 input, select, textarea {display: inline-block;/*width:120px;*/ height:30px; border:1px solid #CCC;vertical-align:middle; border-radius:3px;}
.search_condition_01 .chart_btn {position:absolute; top:35px; right:25px}


/*메인메뉴
.main_menu_ul {width:1250px; margin:0 auto; margin-top:50px;}
.main_menu_ul li {width:283px; height:332px; list-style:none; border-width:1px 1px 1px 1px;border-style:solid;border-color:#e5e4e4; float:left; margin-left:-1px; margin-bottom:-1px; background:#FFFFFF; opacity:0.9}
.ma_menu_strong {width:283px; height:73px; display:block; background: url(../img/main_menu_dot.png) no-repeat 230px 25px #26a69a; text-indent:20px; line-height:73px;color:#FFFFFF; font-size:18px; font-weight:500;}
.ma_menu_strong_t {width:283px; height:73px; display:block; background: url(../img/main_menu_dot.png) no-repeat 230px 25px #0277bd; text-indent:20px; line-height:73px;color:#FFFFFF; font-size:18px; font-weight:500;}

.ma_menu_ul {padding:20px; clear:both;}
.ma_menu_ul li {float:none; height:auto; width:auto; border:none; line-height:27px; font-size:15px; color:#000000}
.ma_menu_ul li a {color:#000000}
*/


/*로그인*/
.login_background { background:url(../img/login_bg.png) repeat-x; }
.login_con { width:417px; height:918px; margin:0 auto;}
.login_inp {width:417px; height:380px; border:solid 1px #c2d4e3; background: url(../img/login_box_top_bg.png) no-repeat #f7f7f7; border-radius:3px;box-shadow: 0 2px 5px 0 rgba(0,0,0,0.111111); margin-top:20px; position:relative;}
.login_inp_box  { margin:0 auto; width:324px; margin-top:30px;}
.login_inp_box input { width:260px; height:40px; border:solid 1px #c2d4e3; border-radius:3px; text-indent:10px; display:inline-block; float:right;}
.login_inp_box .login_btn {width:324px; height:40px; line-height:40px; color:#FFFFFF; font-weight:500; text-align:center; background:#4d6aba; display:block; margin-top:10px; font-size:18px; border-radius:3px;}
.login_title { margin:90px 0 0 30px;}
.login_p { background:url(../img/login_icon.png) no-repeat 0px 0px; width:426px; padding:30px 0 30px 100px; margin-top:20px; font-size:12px;}

.login_member { width:417px; height:55px; line-height:55px; color:#FFFFFF !important; font-weight:500; text-align:center; background:#478edc; display:block; margin-top:10px; font-size:18px;border-radius:3px;}
.login_member1 { width:206px; height:55px; line-height:55px; color:#FFFFFF !important; font-weight:500; text-align:center; background:#bebebe; display:inline-block; margin-top:10px; font-size:18px;border-radius:3px;}
.login_member2 { width:206px; height:55px; line-height:55px; color:#FFFFFF !important; font-weight:500; text-align:center; background:#478edc; display:inline-block; margin-top:10px; font-size:18px;border-radius:3px;}


/*2016-05-19 여기까지*/



/*2016-06-08추가*/
/*법령및행정규칙*/
.law_list_wrap_print {padding-left:0px;height:800px;overflow:auto; position:relative;}

.law_wrap {width:100%; height:860px; border:1px solid #dee5e7; position:relative;margin-top:20px;}
.law_btn_wrap .law_btn_left {position:absolute;top:15px; left:330px;}
.law_btn_wrap .law_btn_right {position:absolute;top:15px; right:30px;}
.law_btn_wrap .add_btn {width:300px;padding:15px 0; background:#f7f7f7; border-bottom:1px solid #dee5e7; border-right:1px solid #dee5e7; text-align:center}
.law_left_wrap {position:absolute;height:800px;overflow:auto; top:60px; left:0; width:300px;padding:15px; border-right:1px solid #dee5e7; z-index:999}
.law_left_wrap ul {list-style:none; margin:0; padding:0}
.law_left_wrap ul li {}
.law_left_wrap ul li a {display:block;width:100%; padding:10px 0; border-bottom:dashed 1px #dee5e7;color:#8A8A8A}
.law_left_wrap ul li a:hover { background:#f7f7f7; color:#000000;}
.law_left_wrap .tree_wrap {padding:5px 0; border-bottom:dashed 1px #dee5e7;}
.law_left_wrap .tree_wrap a {border:none; width:auto; padding:0; color:#8A8A8A}
.law_left_wrap .tree_wrap a:hover {border:none; width:auto; padding:0; background:none; color:#000000;}

.law_list_wrap {height:800px;overflow:auto; position:relative;}
.law_list_wrap ul {list-style:none; padding:0; margin:0}
.law_list_wrap ul li {padding:16px;}
.law_list_wrap ul li:hover { padding:15px; background:#EDEDED; border:1px solid #dee5e7}
.law_list_wrap ul li p {padding-left:18px; margin:10px 0}
.law_list_wrap span /* {color:#26A3D7;} */
.law_list_wrap ul li strong {font-size:17px;}
.law_btn_wrap {height:60px;background:#f7f7f7;border-bottom:1px solid #dee5e7;}

.law_title {font-size:20px; font-weight:bold;}

/*2016-06-08추가*/



/*2016-06-27 추가*/
/*  통계 현황*/
.chart_warp_01 {border:#E4E4E4 solid 1px; padding:30px 20px; border-radius:5px; margin:20px 0 0 0; position:relative;width:48%; display:inline-block; vertical-align:top;}
.chart_warp_02 {border:#E4E4E4 solid 1px; padding:30px 20px; border-radius:5px; margin:20px 0 0 0; position:relative;width:51%; display:inline-block; vertical-align:top;align:right}
.chart_warp_02_b {border:#E4E4E4 solid 1px; padding:30px 20px; border-radius:5px; margin:20px 0 0 0; position:relative;width:51%; vertical-align:top;align:right}
.chart_warp_01 .chart_sp {position:absolute; top:35px; left:120px}
.chart_warp_01 .chart_btn {position:absolute; top:35px; right:25px}
/*2016-06-27 추가*/

/* 달력 */
.ellipsis{
    white-space:nowrap;
    text-overflow:ellipsis;     /* IE, Safari */
    -o-text-overflow:ellipsis;      /* Opera under 10.7 */
    overflow:hidden;            /* "overflow" value must be different from "visible" */
    -moz-binding: url('ellipsis.xml#ellipsis');
}

/* 2016-07-26 color add */
.txt_red {color:#ff7777;}

/* 20160823 높이 추가 */
.btn_ht10{height:10px !important;}
.btn_ht15{height:15px !important;}
.btn_ht20{height:20px !important;}
.btn_ht25{height:25px !important;}
.btn_ht30{height:30px !important;}
.btn_ht35{height:35px !important;}
.btn_ht40{height:40px !important;}

/* 20160823 통합검색 */
.total_search{margin: 10px 4px 0px; padding: 0px 10px;}

/* 20160824 넓이 추가 */
.w-xxs_i {width: 60px !important;}
.w-xs_i {width: 90px !important;}
.w-sm_i {width: 150px !important;}
.w_i {width: 200px !important;}
.w-md_i {width: 240px !important;}
.w-lg_i {width: 280px !important;}
.w-xl_i {width: 320px !important;}
.w-xxl_i {width: 360px !important;}

.w-100-per {width: 100% !important;}
.w-90-per {width: 90% !important;}
.w-80-per {width: 80% !important;}
.w-70-per {width: 70% !important;}
.w-60-per {width: 60% !important;}

.padding-top-1 {padding-top: 1px;}
.padding-top-2 {padding-top: 2px;}
.padding-top-3 {padding-top: 3px;}
.padding-top-4 {padding-top: 4px;}
.padding-top-5 {padding-top: 5px;}
.padding-top-6 {padding-top: 6px;}
.padding-top-7 {padding-top: 7px;}
.padding-top-8 {padding-top: 8px;}
.padding-top-9 {padding-top: 9px;}
.padding-top-10 {padding-top: 10px;}

/* input 테두리 투명 */
.input_tran {
    display:block;
    width:100%;
    height:24px;
    font-size:13px;
    line-height:1.42857143;
    background-color: transparent;
    border: 0px;
    padding: 2px 6px;
    text-align: right;
}

#popup {
    margin:0;
    padding:20px;
    position:absolute;
    top:400px;
    left:300px;
    width:300px;
    height:400px;
    background:#fff;
    border:1px solid #2f6d00;
    z-index:999;
}

#popup .ti_h3 {margin:0 0 15px 0}

.agc_btn
{
    padding:4px 10px;
}

.agc_del_btn
{
    padding:1px 6px;
}




/*
    spin-progress를 위한 css 추가 : 2017.06.23. tkjang
*/
@keyframes rotate360 {
  from { transform: rotate(0deg); }
  to { transform: rotate(360deg); }
}

@-webkit-keyframes rotate360 {
  from { -webkit-transform: rotate(0deg); }
  to { -webkit-transform: rotate(360deg); }
}

.progress-spinner {
  display:block;
  border-radius: 150px;
  border-style: solid;
  border-bottom-color: #3b5641;
  border-top-color: #67b3a9;
  border-left-color: #df7950;
  border-right-color: #decb3f;
  text-align: center;
  vertical-align: middle;
  position: relative;
  animation: rotate360 1s linear infinite;
  -webkit-animation: rotate360 1s linear infinite;

  border-width: 20px;
  width: 200px;
  height: 200px;
}

.progress-spinner-outter {
  z-index:1050;
  display:block;
  overflow-x: hidden;
  overflow-y: auto;
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #202020;
  opacity : 0.6;
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  padding:200px;
}

.progress-spinner-outter2 {
  z-index:1050;
  display:block;
  overflow-x: hidden;
  overflow-y: hidden;
  position:absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #202020;
  opacity : 0.6;
  filter: alpha(opacity=60);
  -moz-opacity:0.6;
  -khtml-opacity: 0.6;
  padding:50px;
}

.timer-outter {
  z-index:1050;
  display:block;
  overflow-x: hidden;
  overflow-y: auto;
  position:fixed;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background-color: #202020;
  background : rgba(20, 20, 20, 0.7);
  padding:200px;
}

.timer-inner {
  display:block;
  border-style: solid;
  text-align: left;
  vertical-align: middle;
  position: relative;
  background-color: #fff;
  color: #000;
  width: 350px;
  height: 250px;
}

.pre-line
{
    word-break : break-all;
    white-space : pre-line
}

/*
    ag-grid에서만 underline 되도록 추가 : 2019.05.14. tekim
*/
.ag-cell > a {
    text-decoration: underline;
}
td > a {
    text-decoration: underline;
}
div > a {
    text-decoration: underline;
}
.btn_group > a {
    text-decoration: none;
}
.btn, .btn_01, .btn_02, .btn_03, .ta_btn_04, .btn_04, .btn_05, .btn_06, .btn_07 {
    text-decoration: none;
}
.login_member1, .login_member2 {
    text-decoration: none;
}



/***********************2019 NEW*************************/
/*타이틀 */
h1 { position:relative; display:inline-block; width:100%; font-size:1.7em; color:#333; font-weight:700; height:60px; border-bottom:1px solid #ddd; padding:25px 0 0 0px; margin-bottom:20px!important; }
h2 {position:relative;  display:inline-block; background:url(../img/bu02.gif) no-repeat 0px 3px; display:inline-block; width:100%; font-size:1.3em; color:#555; font-weight:700; padding:0px 0 0 17px; margin-bottom:7px;}
h3 {position:relative;  display:inline-block; background:url(../img/bu03.gif) no-repeat 0px 1px; display:inline-block; width:100%; font-size:1.1em; color:#555; font-weight:700; padding:0px 0 0 20px; margin-bottom:7px;}

/* 그리드 상단 여백 */
.wrapper-md .ag-blue {margin-top:20px;}
.wrapper-md .ag-blue-mtn {margin-top:0px;}

.etcBt_box {position:absolute; right:0px; top:25px; display:inline-block; }
.etcBt {font-size:0.5em; border:1px solid #ccc; background-color:#fff;  color:#666; height:27px;   text-align:center;   padding:3px 10px 3px 10px; border-radius:2px;  }
.etcBt:hover {border:1px solid #5192ec; }

.manualBt {font-size:0.5em; border:0px solid #bbb; color:#fff; text-align:center; padding:5px 10px 6px 32px; border-radius:2px; background:url(../img/book_img.png) no-repeat 10px 7px #2cb1b3; }
.manualBt:hover {border:0px solid #5192ec; }


/* 탭공통 */
.tab_section {background-color:#e6e7eb; margin-bottom:20px;}
.tab_box {border-bottom:1px solid #9aa0de; height:28px; background-color:#fff;}

.tab_box .tabBt {background-color:#fff; border-top:1px solid #b3c3dd; border-left:1px solid #b3c3dd; border-right:1px solid #b3c3dd; color:#555; font-weight:700; padding:10px 20px;}
.tab_box .tabBt:hover {background-color:#fff; border-top:1px solid #476bcf; border-left:1px solid #476bcf; border-right:1px solid #476bcf; color:#555; font-weight:700; padding:10px 20px;}
.tab_box .tabBt_ov {background-color:#5277e0; border-top:1px solid #476bcf; border-left:1px solid #476bcf; border-right:1px solid #476bcf; color:#fff; font-weight:700; padding:10px 20px;}

/* 탭 depth2 공통 */
.tab_depth {margin:15px 10px; height:35px;}
.tab_depth .tabBt2 {background-color:#fff; border:1px solid #a0bee3; border-radius:3px; color:#666; font-weight:700; padding:8px 20px; }
.tab_depth .tabBt2:hover {background-color:#94b4db; border:1px solid #6e99cd; border-radius:3px; color:#fff; font-weight:700; padding:8px 20px; }
.tab_depth .tabBt2_ov {background-color:#5898e6; border:1px solid #5383bc; border-radius:3px; color:#fff; font-weight:700; padding:8px 20px;}

/*테이블 상단 타이틀과 함께 쓰일경우 h2*/
.tableTopBt {position:absolute; right:0px; top:-6px;  display:inline-block; text-aligh:right; }
.tableTopBt select {display:inline-block; font-size:13px; padding:0px 10px 0px 10px;  height:27px; vertical-align:middle; }
.tableTopBt .tableTBt {font-weight:400; font-size:0.7em; text-decoration:none;  height:27px;  border:1px solid #ddd; padding:4px 10px; color:#555; background-color:#fff; border-radius:2px; }
.tableTopBt .tableTBt:hover {border:1px solid #5192ec;}
.tableTopBt button.tableTBt {font-weight:400; font-size:0.7em; text-decoration:none;  height:26px;  border:1px solid #ddd; padding:4px 10px; color:#555; background-color:#fff; border-radius:3px;  box-shadow: 1px 1px 1px #e6e7eb; -moz-box-shadow:1px 1px 1px #e6e7eb; -webkit-box-shadow:1px 1px 1px #e6e7eb;}
.tableTopBt button.tableTBt:hover {border:1px solid #5192ec;}
.tableTopBt p {font-weight:400; font-size:0.7em; text-decoration:none;  height:26px;  border:1px solid #ddd; padding:4px 10px; color:#555; background-color:#fff; border-radius:3px;}

/*테이블 상단 버튼 오른쪽  채크박스 왼쪽*/
.tableTopBt2 {position:relative; display:inline-block; width:100%; margin-bottom:3px;  height:35px;  padding-top:10px;}
.tableTopBt2 select {display:inline-block; font-size:13px; padding:0px 10px 0px 10px;  height:30px; vertical-align:middle; }
.tableTopBt2 label {vertical-align:middle;}
.tableTopBt2 .btR {position:absolute; right:0px; top:5px; display:inline-block; }
.tableTopBt2 .btR  .tableTBt{font-weight:400; font-size:1em;  border:1px solid #bbb; padding:3px 20px; color:#555; background-color:#fff; border-radius:3px;  box-shadow: 1px 1px 1px #e6e7eb; -moz-box-shadow:1px 1px 1px #e6e7eb; -webkit-box-shadow:1px 1px 1px #e6e7eb;}
.tableTopBt2 .btR .tableTBt:hover {border:1px solid #5192ec;}

.tableTopBt2 .btR button.tableTBt{font-weight:400; font-size:1em;   border:1px solid #bbb; padding:3px 20px; color:#555; background-color:#fff; border-radius:3px;  box-shadow: 1px 1px 1px #e6e7eb; -moz-box-shadow:1px 1px 1px #e6e7eb; -webkit-box-shadow:1px 1px 1px #e6e7eb;}
.tableTopBt2 .btR button.tableTBt:hover {border:1px solid #5192ec;}

/*테이블상단 체크박스 텍스트 2019*/
/* .panel-heading {text-align:right!important;} */
/* .panel-heading input[type="checkbox"] {margin:-2px 0px 0 0px; vertical-align:middle;} */

/*테이블 안 실행 버튼 2019*/
.btn-tableInBt  {display:block; border:1px solid #6ea4ef; border-radius:3px; background-color:#fff;  color:#555; padding:5px 5px 3px 5px; text-decoration:none;}
.btn-tableInBt:hover {border:1px solid #3f7aca; background-color:#4387e2;  color:#fff;}
.btn-size6 {width:60px;}

/*그리드 탑여백 2019*/
.ag-blue {margin-top:0px;}

/*페이징*/
.ag-blue .prev_first {display:inline-block; border:1px solid #ddd; width:30px; height:30px; padding:5px 5px; margin-right:10px; background:url(../img/first_prev.gif) no-repeat center center #fff;}
.ag-blue .prev_first:hover {border:1px solid #94979d; background:url(../img/first_preov.gif) no-repeat center center #a4a8ae;}
.ag-blue .prev {display:inline-block; border:1px solid #ddd; width:30px; height:30px; padding:5px 5px 5px 10px; margin-right:10px;background:url(../img/prev.gif) no-repeat center center #fff;}
.ag-blue .prev:hover {border:1px solid #94979d; background:url(../img/preov.gif) no-repeat center center #a4a8ae;}
.ag-blue .next {display:inline-block; border:1px solid #ddd; width:30px; height:30px; padding:5px 5px 5px 10px; margin-left:10px;background:url(../img/next.gif) no-repeat center center #fff;}
.ag-blue .next:hover {border:1px solid #94979d; background:url(../img/nextov.gif) no-repeat center center #a4a8ae;}
.ag-blue .next_last {display:inline-block; border:1px solid #ddd; width:30px; height:30px; padding:5px 5px; margin-left:10px; background:url(../img/last_next.gif) no-repeat center center #fff;}
.ag-blue .next_last:hover {border:1px solid #94979d;  background:url(../img/last_nextov.gif) no-repeat center center #a4a8ae;}

.ag-bl-normal .prev_first {display:inline-block; border:1px solid #ddd; width:30px; height:30px; padding:5px 5px; margin-right:10px; background:url(../img/first_prev.gif) no-repeat center center #fff;}
.ag-bl-normal .prev_first:hover {border:1px solid #94979d; background:url(../img/first_preov.gif) no-repeat center center #a4a8ae;}
.ag-bl-normal .prev {display:inline-block; border:1px solid #ddd; width:30px; height:30px; padding:5px 5px 5px 10px; margin-right:10px;background:url(../img/prev.gif) no-repeat center center #fff;}
.ag-bl-normal .prev:hover {border:1px solid #94979d; background:url(../img/preov.gif) no-repeat center center #a4a8ae;}
.ag-bl-normal .next {display:inline-block; border:1px solid #ddd; width:30px; height:30px; padding:5px 5px 5px 10px; margin-left:10px;background:url(../img/next.gif) no-repeat center center #fff;}
.ag-bl-normal .next:hover {border:1px solid #94979d; background:url(../img/nextov.gif) no-repeat center center #a4a8ae;}
.ag-bl-normal .next_last {display:inline-block; border:1px solid #ddd; width:30px; height:30px; padding:5px 5px; margin-left:10px; background:url(../img/last_next.gif) no-repeat center center #fff;}
.ag-bl-normal .next_last:hover {border:1px solid #94979d;  background:url(../img/last_nextov.gif) no-repeat center center #a4a8ae;}


/* 컨텐츠 테이블 상세*/
.tbl_detail  {border-top:#83a1d1 solid 2px;  border-left:#d8e0ed solid 1px;  border-right:#d8e0ed solid 1px;  border-bottom:#d8e0ed solid 1px;  border-collapse:collapse; width:100%; margin-bottom:20px;   }
    .tbl_detail th {
        background-color:#f4f6fc;
        color:#333;
        border:#d8e0ed solid 1px;
        border-bottom:none!important;
        padding:5px 5px 5px 7px;
        text-align:left;
        font-weight:700;
        height:35px;
        line-height:16px;
    }

    .tbl_detail th:first-child {border-left:none;}
    .tbl_detail th:last-child {border-right:none;}

    .tbl_detail th.row {border-top:0;}
    .tbl_detail td {
        border:#d8e0ed solid 1px;
        border-bottom:none!important;
        padding:5px 5px 3px 7px;
        text-align:left;
        height:35px;
        line-height:18px;
        color:#555;
    }

    .tbl_detail td:first-child {border-left:none;}
    .tbl_detail td:last-child {border-right:none;}
    .tbl_detail td.alCt {text-align:center;}
    .tbl_detail th.alCt {text-align:center;}



/* 컨텐츠 테이블 리스트*/
.tbl_list  {border-top:#83a1d1 solid 2px;  border-left:#d8e0ed solid 1px;  border-right:#d8e0ed solid 1px;  border-bottom:#d8e0ed solid 1px;  border-collapse:collapse; width:100%; margin-bottom:20px;   }
    .tbl_list th {
        background-color:#f4f6fc;
        color:#333;
        border:#d8e0ed solid 1px;
        border-bottom:none!important;
        padding:5px 5px 5px 7px;
        text-align:center;
        font-weight:700;
        height:35px;
        line-height:16px;
    }

    .tbl_list th:first-child {border-left:none;}
    .tbl_list th:last-child {border-right:none;}

    .tbl_list th.row {border-top:0;}
    .tbl_list td {
        border:#d8e0ed solid 1px;
        border-bottom:none!important;
        padding:5px 5px 3px 7px;
        text-align:left;
        height:35px;
        line-height:18px;
        color:#555;

    }

    .tbl_list td:first-child {border-left:none;}
    .tbl_list td:last-child {border-right:none;}
    .tbl_list td.alCt {text-align:center;}


/* 상세 검색 */
table { border-collapse: collapse;}
caption, legend {
    position: absolute;
    left: -9999999999px;
    top: -999999999px;
    font-size: 0;
    height: 0;
    line-height: 0;/*text-indent: -9999px;visibility: hidden;*/
    width: 0;
    overflow: hidden;
}
.search_con {border:2px solid #c2d3ea; background:#f8fafe; width:100%; padding:5px 10px 10px 10px; margin-bottom:20px;}
.search_type  {border-collapse:collapse; width:100%;}
    .search_type th {
        background:url(../img/bu01.gif) no-repeat 10px 18px;
        color:#444;
        padding:6px 0px 0px 20px;
        text-align:left;
        font-weight:700;
        height:27px;
        line-height:14px;
    }
    .search_type th.row {border-top:0;}
    .search_type td {
        padding:7px 5px 0px 5px;
        text-align:left;
        height:27px;
        line-height:14px;
        vertical-align:top;
     }

    .search_type td input[type="checkbox"] {margin:7px 3px 0 0px; vertical-align:middle;}
   .search_type td select {vertical-align:middle; border-radius:3px;  display:inline-block; margin-right:3px;}
   /*.search_type td input[type="text"] {height:25px;  padding:0px 0 0 7px; display:inline-block; vertical-align:middle; }*/

/*검색박스*/
.searchBt_box {position:relative; border-top:dashed 1px #c6cfd7; width:99%; height:30px; margin-top:5px; padding:12px 0px 20px 0px; margin:5px 10px 0 5px; }
.searchBt_box .searchRt {position:absolute; right:0px; top:7px;}
/*검색버튼*/
.searchBt_box .searchRt .searchBt {display:inline-block; background:url(../img/bt_search.png) no-repeat 7px 4px; height:28px;  width:80px; border:1px solid #697692; border-radius:3px; background-color:#7482a1; color:#fff; padding:3px 10px 4px 40px;
                                   box-shadow: 1px 1px 1px #e6e7eb; -moz-box-shadow:1px 1px 1px #e6e7eb; -webkit-box-shadow:1px 1px 1px #e6e7eb; text-decoration:none; font-weight:700; }
/*조회박스 공통버튼*/
.searchBt_box .searchRt .searchBt_com {border:1px solid #6ea4ef; border-radius:3px; background-color:#fff;  color:#555; height:28px;  padding:3px 10px 5px 10px;  text-decoration:none;
                                   box-shadow: 1px 1px 1px #e6e7eb; -moz-box-shadow:1px 1px 1px #e6e7eb; -webkit-box-shadow:1px 1px 1px #e6e7eb;}
/*상세검색 닫기*/
.searchBt_box .searchBt_close {border:1px solid #3965cb; border-radius:3px; color:#fff; height:28px;  padding:5px 25px 5px 10px;  background:url(../img/close_icon.png) no-repeat 100px 10px #4c76d6; text-decoration:none;
                              box-shadow: 1px 1px 1px #e6e7eb; -moz-box-shadow:1px 1px 1px #e6e7eb; -webkit-box-shadow:1px 1px 1px #e6e7eb;}

/*상세검색 열기*/
.searchBt_open {position:relative; width:100%; height:32px; color:#fff; font-weight:700; border:1px solid  #3363C4;  padding:6px 0 5px 45px; background:url(../img/bt_search.png) no-repeat 10px 5px #3c75e9; margin-bottom:5px;}
.searchBt_open span {position:absolute; right:10px; top:5px; width:25px; height:20px; border:1px solid #0242C4; border-radius:3px; text-align:center; background:url(../img/open_icon1.png) no-repeat center 6px #f1f4fb;}
.searchBt_open a {position:absolute; width:100%; height:30px; left:0px; top:0px; z-index:100; }

 /*팝업창*/
 .wrapper-pop {padding: 0px 0px;}
.pop_titleBg {position:relative; width:100%; height:55px;  background-color:#3763C8; color:#fff; margin-bottom:20px;}
.pop_titleBg > h1 {color:#fff!important; padding-top:0px!important;  padding-left:20px; height:30px;  width:95%;  border-bottom:none; font-size:1.6em; }

.datepicker table tr th {background:none;border:0px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;}
.datepicker table tr td {background:none;border:0px;padding: 5px 0;margin: 2px 0 0;font-size: 14px;} /*검색 박스 안 달력 블릿 없애기*/

/**메인 로그인**/
#wrap_main {margin:0 auto;}

.mainBg  {margin:0 auto; background:url(../img/main.jpg) no-repeat center center; background-size:cover; width:100%; height:990px;}
.mainBg2 {margin:0 auto; background:url(../img/main2.jpg) no-repeat center center; background-size:cover; width:100%; height:990px;}
.mainBg3 {margin:0 auto; background:url(../img/main3.jpg) no-repeat center center; background-size:cover; width:100%; height:990px;}
.mainBg4 {margin:0 auto; background:url(../img/main4.jpg) no-repeat center center; background-size:cover; width:100%; height:990px;}

.main_con {position:relative;  margin:0 auto; width:100%; vertical-align:top; padding-top:300px;}

.loginCon {margin:0 auto; position:relative; width:1100px; height:430px; background-color:#fff;   /*box-shadow: 4px 4px 5px #69707c; -moz-box-shadow:4px 4px 5px #69707c; -webkit-box-shadow:4px 4px 5px #69707c;*/}
.loginCon .logo {position:absolute; left:0px; top:-75px; display:block; background:url(../img/main_logo.png) no-repeat center center; width:300px; height:60px; font-size:0px; }

.loginCon .systemName {display:inline-block;  background:url(../img/login_bg.jpg) no-repeat 0px 0px #105dd1; width:100%; height:430px; padding-top:12%; text-align:center;}
.loginCon .systemName .sysName {display:block; color:#fff; font-size:4em; font-weight:700; width:100%; height:130px; padding-left:2px; padding-top:10px;}
.loginCon .systemName .guid {display:block; color:#cbdcf6; width:100%; line-height:27px; padding-left:2px;  font-size:1.1em; }
.loginCon .systemName .tel {display:block; color:#fff; width:100%; line-height:25px; padding:15px 0 0 2px; font-size:1.3em; }

.loginCon .loginBox { background-color:#fff; display:inline-block; width:100%; height:430px; padding:10% 17%;}
.loginCon .loginBox .loginBoxSub{text-align:left;}
.loginCon .loginBox .loginBoxSub .title {display:block; color:#333; font-size:3.2em; font-weight:700; width:300px; height:70px; padding-left:0px; }
.loginCon .loginBox .loginBoxSub .login_input {position:relative; width:410px;}
.loginCon .loginBox .loginBoxSub .login_input .username_text {position:absolute; left:25px; top:15px; color:#fff; font-size:1.5em; letter-spacing:13px;}
.loginCon .loginBox .loginBoxSub .login_input .password_text {position:absolute; left:25px; top:70px; color:#fff; font-size:1.5em;}
.loginCon .loginBox .loginBoxSub .username {display:block; border:0px; border-radius:25px 25px 25px 25px; width:300px; height:45px; background-color:#969696; color:#fff;  padding-left:20px; font-size:1.5em;}
.loginCon .loginBox .loginBoxSub .password {display:block; border:0px; border-radius:25px 25px 25px 25px; width:300px; height:45px; background-color:#969696;  margin-top:10px; color:#fff;  padding-left:20px; font-size:1.5em;}
.loginCon .loginBox .loginBoxSub .login_bt {border:0px; position:absolute; right:5px; top:0px; display:block;  border-radius:50%; width:100px; height:100px; background-color:#3b6dc0; color:#fff; font-weight:700; font-size:1.6em; padding-left:10px; padding-top: 5px; text-align:center;  }

.loginCon .memberBox {padding-top:20px; }
.loginCon .memberBox .text_bt {text-decoration:none;padding:20px 15px; color:#555; font-weight:700; font-size:1.1em; }
.loginCon .memberBox .text_bt:hover {text-decoration:underline;}

.loginCon .ChromeDown {display:inline-block; margin-top:20px; color:#555; font-size:0.9em; line-height:25px; height:80px; padding-top:12px;  padding-left:65px; background:url(../img/down.gif) no-repeat 5px center;  }
.loginCon .ChromeDown2 {display:inline-block; margin-top:20px; color:#555; font-size:0.9em; line-height:25px; height:80px; padding-top:28px;  padding-left:65px; background:url(../img/down.gif) no-repeat 5px center;  }
.loginCon .ChromeDown .down_bt {display:block; margin-top:2px;   border:1px solid #ccc; border-radius:3px; background-color:#fff; font-size:1em; font-weight:700; color:#3d7eea; padding:2px 0px; text-align:center;  width:130px;
                                 box-shadow: 1px 1px 1px #e6e7eb; -moz-box-shadow:1px 1px 1px #e6e7eb; -webkit-box-shadow:1px 1px 1px #e6e7eb;}
.loginCon .ChromeDown .down_bt:hover {background-color:#6596e7; color:#fff;  border:1px solid #5e8dda; box-shadow: 1px 1px 1px #e6e7eb; -moz-box-shadow:1px 1px 1px #e6e7eb; -webkit-box-shadow:1px 1px 1px #e6e7eb; }
.loginCon  .capylight {position:absolute; bottom:-35px; left:18%;  color:#c3c3c3; font-size:0.9em;}

/*phone*/
@media (max-width: 320px) {
.loginCon {width:100%;}
.main_con {padding-top:100px;}
.loginCon .systemName {height:330px; padding-top:5%;}
.loginCon .loginBox {padding:5% 3% 0% 3%;}
.loginCon .loginBox .loginBoxSub{padding:40px 0px 0px 0px;}
.loginCon .loginBox .loginBoxSub .login_input {width:310px;}
.loginCon .loginBox .loginBoxSub .username {width:200px;}
.loginCon .loginBox .loginBoxSub .password {width:200px;}
.loginCon .memberBox .text_bt {padding:20px 12px;}
.loginCon .ChromeDown2 {padding-top:15px;}
}
@media (min-width: 321px) and (max-width: 413px) {
.loginCon {width:100%;}
.main_con {padding-top:100px;}
.loginCon .systemName {height:330px; padding-top:5%;}
.loginCon .loginBox {padding:5% 8% 0% 8%;}
.loginCon .loginBox .loginBoxSub{padding:40px 0px 0px 0px;}
.loginCon .loginBox .loginBoxSub .login_input {width:310px;}
.loginCon .loginBox .loginBoxSub .username {width:200px;}
.loginCon .loginBox .loginBoxSub .password {width:200px;}
.loginCon .memberBox .text_bt {padding:20px 12px;}
.loginCon .ChromeDown2 {padding-top:15px;}
}
@media (min-width: 414px) and (max-width: 570px) {
.loginCon {width:100%;}
.main_con {padding-top:100px;}
.loginCon .systemName {height:330px; padding-top:5%;}
.loginCon .loginBox {padding:5% 10% 0% 10%;}
.loginCon .loginBox .loginBoxSub{padding:40px 0px 0px 10px;}
.loginCon .loginBox .loginBoxSub .login_input {width:310px;}
.loginCon .loginBox .loginBoxSub .username {width:200px;}
.loginCon .loginBox .loginBoxSub .password {width:200px;}
.loginCon .memberBox .text_bt {padding:20px 12px;}
.loginCon .ChromeDown2 {padding-top:15px;}
}
@media (min-width: 571px) and (max-width: 767px) {
.loginCon {width:100%;}
.main_con {padding-top:100px;}
.loginCon .systemName {height:330px; padding-top:5%;}
.loginCon .loginBox {padding:5% 0% 0% 20%;}
.loginCon .loginBox .loginBoxSub{padding:40px 0px 0px 10px;}
.loginCon .loginBox .loginBoxSub .login_input {width:310px;}
.loginCon .loginBox .loginBoxSub .username {width:200px;}
.loginCon .loginBox .loginBoxSub .password {width:200px;}
.loginCon .memberBox .text_bt {padding:20px 12px;}
.loginCon .ChromeDown2 {padding-top:15px;}
}
/* 크롬 114 버전 관련 추가 23.11.22 */
[popover]{
	display:initial;
	position:initial;
	margin:initial;
	border:initial;
	background:initial;
	padding:initial;
	width:initial;
	height:initial;
	overflow:initial;
	inset:initial;
}
/*20241111 YHJ: 개인정보보호 토글 관련 추가*/
.toggle.prvc {
	border-radius: 8px;
}
.toggle.btn.prvc {
	width: 177px !important;
	height: 50px !important;
}
.navbar-right .toggle.btn.prvc {
	margin-top: -8px !important;
	margin-right: 17px !important;
}
nav.navi .toggle.btn.prvc {
	margin-top: 16px !important;
	margin-left: 11px !important;
}
.toggle.prvc .toggle-group {
	top: -1px !important;
}
.toggle.prvc .toggle-group label {
	font-size: 15px !important;
}
.toggle.prvc .toggle-group label.btn-success {
	background-color: #27c24c !important;
	border-color: #398439 !important;
}
.toggle.prvc .toggle-group label.btn-danger {
	background-color: #d9534f !important;
	border-color: #d43f3a !important;
}
.toggle.prvc .toggle-handle {
	border-radius: 8px;
	width: 30px !important;
}
.prvc-progress-container {
	width: 100%;
	height: 18px;
	margin-top: 0px;
	border-radius: 4px;
	border: 1px solid #f8f7f2;
	margin-top: 2px;
	padding: 1px;
	position: relative;
}
.prvc-progress {
	height: 100%;
	background-color: #27c24c;
	border-radius: 3px;
}
.time-overlay {
	font-size: 13px !important;
	position: absolute;
	top: 1px;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: rgba(0, 0, 0, 0);
	z-index: 1;
}
/*20251114 YHJ: 다이얼로그 관련 h4 타이틀 아이콘, 텍스트 상하좌우 정렬*/
h4.modal-title {
	display: flex;
	align-items: center;
	gap: 6px;
}
/*20251120 YHJ: 자료전송 체크 박스 크기 증가*/
input[type="checkbox"][name="secuChk"] {
	width: 20px;
	height: 20px;
}