@charset "UTF-8";
.pace .pace-progress-inner,
.page-header,
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress .progress-bar {
  box-shadow: none
}
@media print {
  .page-container,
  .page-container .page-content {
    padding: 0!important;
    margin: 0!important
  }
  body {
    background-color: #fff!important
  }
  .hidden-print,
  .page-breadcrumb,
  .page-footer,
  .page-head,
  .page-prefooter,
  .theme-panel {
    display: none
  }
  .no-page-break {
    page-break-after: avoid
  }
  .page-container .page-content>.container {
    width: 100%;
    max-width: none!important;
    margin: 0!important
  }
  .page-container .page-content>.container-fluid>.portlet,
  .page-container .page-content>.container-fluid>.portlet>.portlet-body,
  .page-container .page-content>.container>.portlet,
  .page-container .page-content>.container>.portlet>.portlet-body {
    padding: 0;
    margin: 0
  }
}
.page-header {
  opacity: 1;
  filter: alpha(opacity=100);
  width: 100%;
  margin: 0;
  border: 0;
  padding: 0;
  height: 60px;
  background-image: none
}
.page-header:after,
.page-header:before {
  content: " ";
  display: table
}
.page-header:after {
  clear: both
}
.page-header .container,
.page-header .container-fluid {
  position: relative
}
.page-header.navbar-fixed-top,
.page-header.navbar-static-top {
  z-index: 9995
}
.page-header .page-header-top {
  background: #33404d;
  /* background: linear-gradient( to right, #246492, #8B699B,#F04E76 ); */
  height: 60px;
}
.page-header .page-header-top.fixed {
  width: 100%;
  position: fixed;
  top: 0;
  left: 0;
  z-index: 9995
}
.page-header .page-header-top .page-logo {
  float: left;
  display: block;
  /*width: 180px;*/
  height: 60px
}
.page-header .page-header-top .page-logo .logo-default {
  /*margin: 29.5px 0 0*/
}
.page-header .page-header-top .top-menu {
  margin: 8px 0 0;
  padding: 0;
  float: right
}
.page-header .page-header-top .top-menu .navbar-nav {
  padding: 0;
  margin-right: 0;
  display: block
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown {
  margin: 0;
  /* padding: 0 4px; */
  height: 50px;
  display: inline-block
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {
  margin: 0 0 0 1px;
  padding: 17px 10px 8px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:last-child {
  padding-right: 0
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i {
  font-size: 19px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>i.glyphicon {
  font-size: 18px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge {
  font-family: "Open Sans", sans-serif;
  position: absolute;
  top: 9px;
  right: 24px;
  font-weight: 300;
  padding: 3px 6px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle:focus {
  background: 0 0
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu {
  z-index: 9996;
  margin-top: 5px;
  margin-right: 7px;
  font-family: "Open Sans", sans-serif;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:before {
  position: absolute;
  top: -8px;
  right: 9px;
  display: inline-block!important;
  border-right: 8px solid transparent;
  border-bottom: 8px solid #efefef;
  border-left: 8px solid transparent;
  content: ''
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-menu:after {
  position: absolute;
  top: -7px;
  right: 10px;
  display: inline-block!important;
  border-right: 7px solid transparent;
  border-bottom: 7px solid #fff;
  border-left: 7px solid transparent;
  content: ''
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator {
  padding-left: 0;
  padding-right: 6px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-separator .separator {
  float: left;
  display: inline-block;
  width: 1px;
  height: 18px;
  margin-left: 5px;
  margin-top: 17px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu {
  min-width: 160px;
  max-width: 300px;
  width: 300px;
  z-index: 9996
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external {
  display: block;
  overflow: hidden;
  padding: 15px;
  letter-spacing: .5px;
  -webkit-border-radius: 4px 4px 0 0;
  -moz-border-radius: 4px 4px 0 0;
  -ms-border-radius: 4px 4px 0 0;
  -o-border-radius: 4px 4px 0 0;
  border-radius: 4px 4px 0 0
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>h3 {
  margin: 0;
  padding: 0;
  float: left;
  font-size: 13px;
  display: inline-block
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a {
  display: inline-block;
  padding: 0;
  background: 0 0;
  clear: inherit;
  font-size: 11px;
  font-weight: 400;
  position: absolute;
  right: 10px;
  border: 0;
  margin-top: -2px
}
.page-header .page-header-menu .hor-menu .navbar-nav,
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown {
  position: static
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu>li.external>a:hover {
  text-decoration: none
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list {
  padding-right: 0!important;
  padding-left: 0;
  list-style: none
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a {
  display: block;
  clear: both;
  font-weight: 300;
  line-height: 20px;
  white-space: normal;
  font-size: 13px;
  padding: 16px 15px 18px;
  text-shadow: none
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li>a:hover {
  opacity: 1;
  filter: alpha(opacity=100);
  text-decoration: none
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended .dropdown-menu .dropdown-menu-list>li:first-child a {
  border-top: none
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details {
  overflow: hidden
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon {
  margin-right: 10px;
  -webkit-border-radius: 50%;
  -moz-border-radius: 50%;
  -ms-border-radius: 50%;
  -o-border-radius: 50%;
  border-radius: 50%
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon i {
  margin-right: 2px;
  margin-left: 1px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .details .label-icon .badge {
  right: 15px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-notification .dropdown-menu .dropdown-menu-list>li a .time {
  float: right;
  max-width: 75px;
  font-size: 11px;
  font-weight: 400;
  opacity: .7;
  filter: alpha(opacity=70);
  text-align: right;
  padding: 1px 5px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle {
  padding: 17px 0 8px 8px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.circle {
  float: left;
  margin-top: -5px;
  padding: 3px 10px 4px;
  -webkit-border-radius: 50%!important;
  -moz-border-radius: 50%!important;
  -ms-border-radius: 50%!important;
  -o-border-radius: 50%!important;
  border-radius: 50%!important;
  font-family: "Open Sans", sans-serif;
  font-weight: 300
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner {
  float: left;
  margin-left: -4px;
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 8px 0 9px 9px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-toggle>.corner:not(:root:root) {
  margin-left: -5px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo {
  float: left;
  margin: 0 6px 6px 0
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .photo img {
  height: 40px;
  width: 40px;
  -webkit-border-radius: 50%!important;
  -moz-border-radius: 50%!important;
  -ms-border-radius: 50%!important;
  -o-border-radius: 50%!important;
  border-radius: 50%!important
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li a:hover {
  text-decoration: none
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject {
  display: block;
  margin-left: 46px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .from {
  font-size: 14px;
  font-weight: 600
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .subject .time {
  font-size: 11px;
  font-weight: 400;
  opacity: .5;
  filter: alpha(opacity=50);
  float: right
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-inbox>.dropdown-menu .dropdown-menu-list>li .message {
  display: block!important;
  font-size: 11px;
  line-height: 1.3;
  margin-left: 46px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task {
  margin-bottom: 5px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .desc {
  font-size: 13px;
  font-weight: 300
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .task .percent {
  color: #36c6d3;
  float: right;
  font-weight: 600;
  display: inline-block
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-tasks .dropdown-menu .dropdown-menu-list>li .progress {
  display: block;
  height: 8px;
  margin: 8px 0 2px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle {
  padding: 12px 0 7px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>img {
  margin-top: -8px;
  margin-right: 8px;
  height: 40px;
  float: left
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>.username {
  float: left;
  font-size: 12px;
  margin-top: 4px;
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-toggle>i {
  float: left;
  font-size: 12px;
  margin-top: 7px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu {
  width: 210px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a {
  font-weight: 300;
  font-size: 13px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a i {
  width: 15px;
  display: inline-block;
  margin-right: 9px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-user .dropdown-menu>li>a .badge {
  margin-right: 10px
}
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler {
  cursor: pointer;
  padding: 17px 10px 8px
}
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i {
  color: #c1ccd1;
  font-size: 19px
}
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:before {
  content: ""
}
.page-quick-sidebar-open .page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:before {
  content: ""
}
.page-header .page-header-top .top-menu .navbar-nav>li.quick-sidebar-toggler>i:hover {
  color: #a4b4bb
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language {
  padding-left: 0;
  padding-right: 0;
  margin: 0
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle {
  padding: 16px 10px 9px 2px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>img {
  margin-bottom: 2px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-toggle>i {
  font-size: 14px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-menu>li>a {
  font-size: 13px
}
.page-header .page-header-top .top-menu .navbar-nav>li.dropdown-language>.dropdown-menu>li>a>img {
  margin-bottom: 2px;
  margin-right: 5px
}
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu {
  border: 0
}
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu:before {
  border-left: none;
  border-right: none
}
.page-header .page-header-top .top-menu .navbar-nav li.dropdown-dark .dropdown-menu .dropdown-menu-list>li.external a {
  background: 0 0!important;
  border: none!important
}
.page-header .page-header-top .menu-toggler {
  float: right;
  display: none;
  margin: 23px 3px 0 13px;
  width: 40px;
  height: 30px;
  background: url(../img/menu-toggler.png) center center no-repeat;
  opacity: .7;
  filter: alpha(opacity=70)
}
.page-header .page-header-top .menu-toggler:hover {
  opacity: 1;  filter: alpha(opacity=100)
}
.page-header .page-header-menu {
  display: inline-block;
  /* height: 60px; */
  /*clear: both;*/
  background: #33404d !important;
  /* padding-top:10px; */
}
.page-header .page-header-menu .hor-menu {
  margin: 0;
  float: left
}
.page-header .page-header-menu .hor-menu .navbar-nav.navbar-right .dropdown-menu {
  left: auto;
  right: 0
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu {
  left: auto;
  width: auto
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content {
  font-family: "Open Sans", sans-serif;
  padding: 15px;
  margin: 0
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content.mega-menu-responsive-content {
  padding: 10px 18px 10px 45px
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu {
  padding: 0;
  margin: 0
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu:last-child {
  border-right: 0
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li {
  padding: 1px!important;
  margin: 0!important;
  list-style: none
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>h3 {
  margin-top: 5px;
  padding-left: 5px;
  font-size: 15px;
  font-weight: 400
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a {
  display: block;
  white-space: normal;
  font-family: "Open Sans", sans-serif;
  padding: 7px;
  margin: 0;
  font-size: 14px;
  font-weight: 300
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:focus,
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a:hover {
  text-decoration: none
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a.iconify {
  padding: 7px 7px 7px 30px
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a.iconify>i {
  position: absolute;
  top: auto!important;
  margin-left: -24px;
  font-size: 15px;
  margin-top: 3px!important
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a .badge,
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown>.dropdown-menu .mega-menu-content .mega-menu-submenu li>a .label {
  margin-left: 5px
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
  left: 15px;
  right: 15px
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown .dropdown-menu:after,
.page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown .dropdown-menu:before {
  display: none!important
}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a {
  font-size: 0.8vw; /* 상단 메뉴바 크기 조절...sci4s...2020.03.09*/
  font-weight: 700;
  padding: 20px 20px;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li>a:focus {
  background: 0 0!important
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.active .selected,
.page-header .page-header-menu .hor-menu .navbar-nav>li.current .selected {
  left: 50%;
  bottom: 0;
  position: absolute;
  border-left: 6px solid transparent;
  border-right: 6px solid transparent;
  border-top: 6px solid transparent;
  display: inline-block;
  margin: 0 0 -6px -7px;
  width: 0;
  height: 0
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu {
  margin-top: 0;
  border: none
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a {

  font-size: 12px;
  font-weight: 600;
  padding: 10px 12px;
  white-space: normal
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a .badge,
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li>a .label {
  font-weight: 300
}
.page-header .page-header-menu .hor-menu .navbar-nav>li.classic-menu-dropdown .dropdown-menu {
  min-width: 195px;
  max-width: 240px;
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>.dropdown-menu {
  top: 0
}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-submenu>a:after {
  top: 9px;
  right: 10px;
  color: #fff !important;
}
.page-header .page-header-menu .search-form {
  position: relative;
  display: inline-block;
  float: right;
  width: 300px;
  transition: width .4s;
  margin-top: 6px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}
.page-header .page-header-menu .search-form .input-group {
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -ms-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px
}
.page-header .page-header-menu .search-form .input-group .form-control {
  border: 0;
  font-size: 13px;
  padding-right: 20px;
  font-weight: 400
}
.page-header .page-header-menu .search-form .input-group .form-control:hover {
  cursor: pointer
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
  padding: 0;
  height: 34px;
  z-index: 3;
  position: relative;
  top: 10px;
  right: 11px
}
.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit>i {
  font-size: 15px
}
.page-header .page-header-menu .search-form.open {
  width: 400px!important;
  transition: width .4s
}
.page-header .page-header-menu .search-form.open .input-group .form-control {
  text-indent: 0
}
.page-header .page-header-menu .search-form.open .input-group .form-control:hover {
  cursor: text
}
.page-header .page-header-menu .search-form.open .input-group .input-group-btn .btn.submit {
  margin-left: 0
}
@media (min-width: 992px) {
  .page-header .page-header-menu.fixed {
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    z-index: 9995
  }
  .page-header .page-header-menu .hor-menu .navbar-nav>li.menu-dropdown:hover>.dropdown-menu {
    display: block
  }
  .page-header .page-header-menu .container-fluid .navbar-nav>li.mega-menu-dropdown.mega-menu-full .dropdown-menu {
    left: 60px;
    right: 60px
  }
}
@media (max-width: 991px) {
  .page-header {
    padding: 0;
    clear: both;
    height: auto
  }
  .page-header .page-header-top {
    height: auto
  }
  .page-header .page-header-top>.container {
    width: 100%;
    max-width: none!important;
    margin: 0!important
  }
  .page-header .page-header-top .page-logo {
    width: auto;
    padding: 0;
    margin-right: 10px;
    margin-left: 4px
  }
  .page-header .page-header-top .top-menu .navbar-nav {
    display: inline-block;
    margin: 0 10px 0 0
  }
  .page-header .page-header-top .top-menu .navbar-nav>li {
    float: left
  }
  .page-header .page-header-top .menu-toggler {
    display: block
  }
  .page-header .page-header-menu {
    background: #eff3f8;
    padding: 20px 0 0;
    height: auto;
    display: none
  }
  .page-header .page-header-menu>.container {
    width: 100%;
    max-width: none!important;
    margin: 0!important
  }
  .page-header .page-header-menu .hor-menu,
  .page-header .page-header-menu .hor-menu .navbar-nav {
    float: none;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    -o-border-radius: 4px;
    border-radius: 4px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li>a>.arrow:after {
    position: absolute;
    display: inline-block;
    font-size: 14px;
    right: 15px;
    top: 11px;
    font-family: FontAwesome;
    height: auto;
    content: "\f104";
    font-weight: 300
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.opened>a>.arrow:after {
    content: "\f107";
    right: 12px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-submenu>a:after {
    display: none!important
  }
  .page-header .page-header-menu .hor-menu .navbar-nav>li {
    float: none
  }
  .page-header .page-header-menu .hor-menu .navbar-nav>li>a {
    padding: 10px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav>li>a .fa-angle-down {
    float: right
  }
  .page-header .page-header-menu .hor-menu .navbar-nav>li>a .fa-angle-down:before {
    content: "\f104"
  }
  .page-header .page-header-menu .hor-menu .navbar-nav>li:first-child>a {
    -webkit-border-radius: 4px 4px 0 0;
    -moz-border-radius: 4px 4px 0 0;
    -ms-border-radius: 4px 4px 0 0;
    -o-border-radius: 4px 4px 0 0;
    border-radius: 4px 4px 0 0
  }
  .page-header .page-header-menu .hor-menu .navbar-nav>li:last-child>a {
    -webkit-border-radius: 0 0 4px 4px;
    -moz-border-radius: 0 0 4px 4px;
    -ms-border-radius: 0 0 4px 4px;
    -o-border-radius: 0 0 4px 4px;
    border-radius: 0 0 4px 4px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav>li.open>a .fa-angle-down:before {
    content: "\f107"
  }
  .page-header .page-header-menu .hor-menu .navbar-nav .dropdown-menu {
    position: static;
    float: none!important;
    width: auto;
    background: #fff;
    display: none
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu>li.dropdown-submenu.open>.dropdown-menu,
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown li.opened>.dropdown-menu,
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown.opened>.dropdown-menu {
    display: block
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown.opened>.dropdown-menu {
    display: block;
    width: 100%;
    min-width: inherit!important
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.mega-menu-dropdown>.dropdown-menu .mega-menu-content {
    padding-top: 0
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown>.dropdown-menu>li>a {
    padding-left: 20px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown>.dropdown-menu>li>.dropdown-menu>li>a {
    padding-left: 40px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown>.dropdown-menu>li>.dropdown-menu>li>.dropdown-menu>li>a {
    padding-left: 60px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu {
    max-width: none;
    width: auto
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu>li.divider {
    background: 0 0;
    margin: 5px 12px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu>li.dropdown-submenu>a:after {
    content: "\f104";
    font-size: 14px;
    margin-right: 7px
  }
  .page-header .page-header-menu .hor-menu .navbar-nav li.classic-menu-dropdown .dropdown-menu>li.dropdown-submenu.open>a:after {
    content: "\f107";
    margin-right: 5px
  }
  .page-header .page-header-menu .search-form {
    float: none!important;
    width: auto;
    margin: 0 0 20px
  }
  .page-header .page-header-menu .search-form.open {
    width: auto!important
  }
  .page-header .page-header-menu .search-form .input-group .form-control {
    height: 38px
  }
  .page-header .page-header-menu .search-form .input-group .form-control:hover {
    cursor: text
  }
  .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
    height: 38px;
    width: 44px;
    top: 0;
    right: 0
  }
  .page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit i {
    position: relative;
    top: 13px
  }
}
.breadcrumb .fa,
.page-head .container {
  position: relative
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover,
.scroll-to-top:hover,
.theme-panel .theme-colors>li.theme-color:hover {
  cursor: pointer
}
@media (max-width: 767px) {
  .page-header .page-header-top .page-logo {
    width: auto!important
  }
  .page-header .page-header-top .top-menu {
    display: block
  }
  .page-header .page-header-top .top-menu:after,
  .page-header .page-header-top .top-menu:before {
    content: " ";
    display: table
  }
  .page-header .page-header-top .top-menu:after {
    clear: both
  }
  .page-header .page-header-top .top-menu .navbar-nav {
    margin-right: 0
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle {
    padding: 17px 6px 8px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown>.dropdown-toggle>.badge {
    right: 18px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended>.dropdown-menu {
    max-width: 255px;
    width: 255px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-notification>.dropdown-menu {
    margin-right: -160px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-notification>.dropdown-menu:after,
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-notification>.dropdown-menu:before {
    margin-right: 160px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-inbox {
    margin-right: 0;
    padding-right: 2px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-inbox>.dropdown-menu {
    margin-right: -40px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-inbox>.dropdown-menu:after,
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-inbox>.dropdown-menu:before {
    margin-right: 40px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-inbox>.dropdown-toggle {
    padding: 17px 0 8px 2px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-tasks>.dropdown-menu {
    margin-right: -115px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-tasks>.dropdown-menu:after,
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown-extended.dropdown-tasks>.dropdown-menu:before {
    margin-right: 115px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown.dropdown-language>.dropdown-menu {
    margin-right: -20px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown.dropdown-language>.dropdown-menu:after,
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown.dropdown-language>.dropdown-menu:before {
    margin-right: 20px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown.dropdown-language>.dropdown-toggle {
    padding: 16px 6px 9px 2px
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown.dropdown-user {
    padding-left: 0;
    margin-right: 0
  }
  .page-header .page-header-top .top-menu .navbar-nav>li.dropdown.dropdown-user>.dropdown-toggle {
    padding: 12px 0 7px 4px
  }
}
.pace .pace-progress {
  z-index: 10000;
  top: 126px!important;
  height: 3px!important
}
.page-wrapper,
.page-wrapper .page-wrapper-row.full-height,
body,
html {
  height: 100%
}
.pace .pace-activity {
  top: 128px;
  right: 22px;
  border-radius: 10px!important
}
@media (max-width: 480px) {
  .page-header .page-header-top .top-menu {
    display: block;
    clear: both;
    margin-top: -10px
  }
  .page-header .page-header-top .top-menu:after,
  .page-header .page-header-top .top-menu:before {
    content: " ";
    display: table
  }
  .page-header .page-header-top .top-menu:after {
    clear: both
  }
  .page-header .page-header-top .top-menu .username-hide-mobile {
    display: none
  }
  .page-header-fixed .pace .pace-progress {
    top: 252px
  }
  .page-header-fixed .pace .pace-activity {
    top: 508px;
    right: 15px
  }
}
body,
html {
  margin: 0;
  padding: 0
}
.page-wrapper {
  display: table;
  width: 100%;
  table-layout: fixed
}
.page-wrapper .page-wrapper-row {
  width: 100%;
  display: table-row
}
.page-wrapper .page-wrapper-bottom,
.page-wrapper .page-wrapper-top {
  width: 100%;
  display: table-cell
}
.page-wrapper .page-wrapper-middle {
  background: #e6ecf4;
  width: 100%;
  display: table-cell;
  /*height: 100%*/
}
.page-container {
  clear: both
}
.page-head {
  background: #fff
}
.page-head .page-title {
  display: table-row;
  float: left;
  padding: 10px 0 /* 크기 조절...sci4s...2020.03.09 */
}
.page-head .page-title>h1 {
  color: #697882;
  font-size: 16px;
  font-weight: 700;
  margin: 0
}
.page-head .page-title>h1>small {
  color: #9eacb4;
  font-size: 13px;
  font-weight: 400
}
.page-head .page-toolbar {
  display: inline-block;
  float: right
}
.breadcrumb {
  background: 0 0;
  padding: 0 0 15px;
  margin: 0;
  color: #a7b2c0
}
.breadcrumb>li+li:before {
  display: none
}
.breadcrumb .fa {
  font-size: 6px;
  margin: 0 2px 0 4px;
  top: -1px
}
.breadcrumb>.active {
  color: #9eacb4
}
.page-content {
  padding: 10px 0
}
/*여백수정 2017-02-06
.page-content {
  padding: 15px 0
}*/

@media (min-width: 992px) {
  .container-fluid {
    /*padding-left: 60px;
    padding-right: 60px*/
  }
}
@media (max-width: 991px) {
  .page-content>.container,
  .page-head>.container {
    width: 100%;
    max-width: none!important;
    margin: 0!important
  }
  .page-head {
    background: #EFF3F8
  }
  .page-content {
    padding: 15px 0
  }
}
.portlet .portlet-input .form-control {
  background: #F1F3F8;
  border-radius: 0!important;
  border-color: #F1F3F8
}
.portlet .portlet-input .form-control:focus {
  border-color: #cfd6e7
}
.page-prefooter {
  padding: 30px 0;
  clear: both
}
.page-prefooter h2 {
  font-weight: 700;
  font-size: 15px;
  text-transform: uppercase;
  letter-spacing: 1px;
  margin: 0 0 12px
}
.page-prefooter .subscribe-form {
  padding-top: 5px
}
.page-prefooter .subscribe-form .form-control {
  font-size: 11px;
  padding: 0 14px;
  height: 36px
}
.page-prefooter .subscribe-form .btn {
  height: 34px;
  text-transform: uppercase;
  padding: 7px 16px
}
.page-prefooter .social-icons {
  padding-top: 9px
}
.page-prefooter .social-icons li {
  opacity: .35;
  filter: alpha(opacity=35)
}
.page-prefooter .social-icons li:hover {
  opacity: 1;
  filter: alpha(opacity=100)
}
.page-prefooter address,
.page-prefooter p {
  margin: 0
}
.page-footer {
  font-size: 13px;
  font-weight: 300;
  padding: 10px 0
}
.page-footer a {
  color: #e6e6e6
}
.page-footer a:hover {
  color: #f2f2f2
}
@media (max-width: 991px) {
  .page-prefooter {
    padding-bottom: 10px
  }
  .page-prefooter .footer-block {
    margin-bottom: 20px
  }
  .page-footer>.container,
  .page-prefooter>.container {
    width: 100%;
    max-width: none!important;
    margin: 0!important
  }
}
.scroll-to-top {
  padding: 2px;
  text-align: center;
  position: fixed;
  z-index: 10001;
  bottom: 90px;
  display: none;
  right: 20px
}
.scroll-to-top>i {
  display: inline-block;
  font-size: 32px;
  opacity: .7;
  filter: alpha(opacity=70)
}
.scroll-to-top:hover>i {
  opacity: 1;
  filter: alpha(opacity=100)
}
@media (max-width: 991px) {
  .scroll-to-top {
    right: 10px
  }
  .scroll-to-top>i {
    font-size: 28px
  }
}
.btn-theme-panel {
  margin-top: 9px
}
.btn-theme-panel .btn {
  opacity: .6;
  filter: alpha(opacity=60);
  padding: 0 6px
}
.btn-theme-panel .btn>i {
  font-size: 24px;
  color: #acbac6
}
.btn-theme-panel .btn:hover,
.btn-theme-panel.open .btn {
  opacity: 1;
  filter: alpha(opacity=100)
}
.theme-panel {
  z-index: 1000;
  min-width: 675px;
  padding: 20px 10px;
  font-family: "Open Sans", sans-serif
}
.theme-panel h3 {
  margin: 8px 0;
  font-size: 15px;
  padding-left: 12px
}
.theme-panel .seperator {
  border-left: 1px solid #EFF2F4
}
.theme-panel .theme-colors {
  list-style: none;
  padding: 0;
  margin: 0
}
.theme-panel .theme-colors>li.theme-color {
  padding: 8px 12px
}
.theme-panel .theme-colors>li.theme-color.active,
.theme-panel .theme-colors>li.theme-color:hover {
  background: #f5f7f8
}
.theme-panel .theme-colors>li.theme-color>.theme-color-view {
  float: left;
  margin-top: 0;
  margin-right: 8px;
  display: inline-block;
  border-radius: 10px!important;
  height: 20px;
  width: 20px
}
.theme-panel .theme-colors>li.theme-color>.theme-color-name {
  display: inline-block;
  color: #777;
  font-size: 14px;
  font-weight: 300
}
.theme-panel .theme-colors>li.theme-color.theme-color-default .theme-color-view {
  background: #32c5d2
}
.theme-panel .theme-colors>li.theme-color.theme-color-red-sunglo .theme-color-view {
  background: #E26A6A
}
.theme-panel .theme-colors>li.theme-color.theme-color-red-intense .theme-color-view {
  background: #E35B5A
}
.theme-panel .theme-colors>li.theme-color.theme-color-blue-hoki .theme-color-view {
  background: #67809F
}
.theme-panel .theme-colors>li.theme-color.theme-color-blue-steel .theme-color-view {
  background: #4B77BE
}
.theme-panel .theme-colors>li.theme-color.theme-color-green-haze .theme-color-view {
  background: #44B6AE
}
.theme-panel .theme-colors>li.theme-color.theme-color-purple-plum .theme-color-view {
  background: #8775A7
}
.theme-panel .theme-colors>li.theme-color.theme-color-purple-studio .theme-color-view {
  background: #8E44AD
}
.theme-panel .theme-colors>li.theme-color.theme-color-yellow-orange .theme-color-view {
  background: #F2784B
}
.theme-panel .theme-colors>li.theme-color.theme-color-yellow-crusta .theme-color-view {
  background: #F3C200
}
.theme-panel .theme-settings {
  list-style: none;
  padding: 0;
  margin: 0
}
.theme-panel .theme-settings>li {
  padding: 8px 12px;
  font-size: 14px;
  font-weight: 300;
  color: #777
}
.theme-panel .theme-settings>li .form-control {
  color: #777;
  margin-top: -3px;
  float: right
}
@media (max-width: 767px) {
  .theme-panel {
    left: 20px;
    right: 20px;
    min-width: 285px
  }
  .theme-panel .seperator {
    border: 0
  }
  .theme-panel .theme-settings .form-control {
    width: 105px!important
  }
}
.page-portlet-fullscreen .page-quick-sidebar-toggler,
.page-portlet-fullscreen .page-quick-sidebar-wrapper {
  z-index: -1
}
.page-quick-sidebar-toggler {
  overflow: hidden;
  z-index: 99999;
  display: none;
  width: 28px;
  height: 27px;
  position: fixed;
  top: 10px;
  right: 15px;
  text-align: center;
  padding-top: 6px
}
.page-quick-sidebar-toggler:hover {
  background: #303a43
}
.page-quick-sidebar-open .page-quick-sidebar-toggler {
  display: inline-block
}
.page-quick-sidebar-open .page-quick-sidebar-toggler:hover {
  background: 0 0
}
.page-quick-sidebar-toggler>i {
  color: #99a8b5;
  font-size: 17px
}
.page-quick-sidebar-toggler>i:hover {
  color: #fff!important
}
.page-quick-sidebar-open .page-quick-sidebar-toggler>i:before {
  content: ""
}
.page-quick-sidebar-wrapper {
  transition: right .3s;
  z-index: 9999;
  position: fixed;
  top: 0;
  bottom: 0;
  width: 320px;
  right: -320px;
  overflow: hidden;
  color: #99a8b5;
  background: #21282e
}
.page-quick-sidebar-open .page-quick-sidebar-wrapper {
  transition: right .3s;
  right: 0
}
.page-quick-sidebar-wrapper .page-quick-sidebar {
  background: #21282e
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs {
  margin: 0;
  padding: 0;
  border: 0
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li {
  display: table-cell!important;
  width: 1%!important;
  padding: 0;
  margin: 0;
  float: none
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a {
  position: relative;
  display: block;
  text-align: center;
  height: auto;
  font-size: 14px;
  padding: 45px 15px 8px;
  text-transform: uppercase;
  background: 0 0;
  margin-right: 0;
  color: #90a1af;
  border: 0;
  border-bottom: 3px solid rgba(243, 86, 93, .3);
  -webkit-border-radius: 0;
  -moz-border-radius: 0;
  -ms-border-radius: 0;
  -o-border-radius: 0;
  border-radius: 0;
  outline: 0!important
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li>a>.badge {
  position: absolute;
  top: 45px;
  right: 3px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.active>a,
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li:hover>a {
  border: 0;
  border-bottom: 3px solid #f3565d;
  background: 0 0;
  color: #fff;
  text-decoration: none
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu {
  border: 0;
  background: #36424c;
  box-shadow: 5px 5px rgba(97, 117, 135, .1);
  margin-top: 8px;
  margin-right: 20px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu:before {
  position: absolute;
  top: -7px;
  right: 19px;
  display: inline-block!important;
  border-right: 7px solid transparent;
  border-left: 7px solid transparent;
  border-bottom: 7px solid #36424c;
  content: ''
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu:after {
  position: absolute;
  top: -6px;
  right: 20px;
  display: inline-block!important;
  border-right: 6px solid transparent;
  border-left: 6px solid transparent;
  border-bottom: 7px solid #36424c;
  content: ''
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li>a {
  padding: 10px 15px;
  color: #99a8b5
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li>a>i {
  color: #93a3b1
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li:hover>a {
  background: #3d4a55;
  color: #99a8b5
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li:hover>a>i {
  color: #9babb8
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li.active>a {
  background: #38444f;
  color: #99a8b5
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li .dropdown-menu>li.divider {
  background-color: #3d4a55
}
.page-quick-sidebar-wrapper .page-quick-sidebar .nav-tabs>li.open>a.dropdown-toggle {
  border-bottom: 3px solid #f3565d;
  background: 0 0;
  text-decoration: none;
  color: #90a1af
}
.page-quick-sidebar-wrapper .page-quick-sidebar .tab-content {
  margin: 0;
  padding: 0
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-heading {
  font-size: 16px;
  margin: 10px;
  color: #6c8296
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items {
  margin: 0;
  padding: 0;
  list-style: none
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li {
  margin: 0;
  padding: 15px;
  background: 0 0;
  border-bottom-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #273037
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:hover {
  background: #273037
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items>li:last-child {
  border-bottom: 0
}
.page-quick-sidebar-wrapper .page-quick-sidebar .list-items.borderless li {
  border: 0
}
.page-quick-sidebar-wrapper .page-quick-sidebar .inner-content {
  margin: 10px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-list {
  position: absolute!important;
  width: 320px!important;
  transition: margin .3s
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item {
  position: absolute!important;
  width: 320px!important;
  transition: margin .3s;
  margin-left: 320px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav {
  padding: 15px 10px 0
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list {
  vertical-align: middle;
  display: inline-block;
  font-size: 14px;
  color: #90a1af
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list:hover {
  text-decoration: none
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-item .page-quick-sidebar-nav .page-quick-sidebar-back-to-list>i {
  font-size: 17px;
  line-height: 17px;
  vertical-align: top;
  margin-right: 3px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list {
  transition: margin .3s;
  margin-left: -320px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollBar,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-list .slimScrollRail {
  display: none!important
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-content-item-shown .page-quick-sidebar-item {
  transition: margin .3s;
  margin-left: 0
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users {
  padding: 10px 0;
  position: relative
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media {
  padding: 15px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object {
  border-radius: 50%!important;
  width: 45.71px;
  opacity: .8;
  filter: alpha(opacity=80);
  float: left;
  margin-right: 10px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:before {
  content: " ";
  display: table
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-object:after {
  clear: both
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media:hover .media-object {
  opacity: 1;
  filter: alpha(opacity=100)
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading {
  margin: 5px 0 0;
  font-size: 14px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-sub {
  font-size: 11px;
  text-transform: uppercase;
  color: #657b8d
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-body .media-heading-small {
  font-size: 10px;
  color: #5d7081
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-users .media-list .media .media-status {
  margin-top: 10px;
  right: 10px;
  position: absolute;
  display: inline-block
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages {
  padding: 0 10px;
  position: relative
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post {
  transition: display .3s;
  padding: 5px 0;
  margin: 10px auto;
  font-size: 13px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .body {
  color: #c3c3c3;
  display: block
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .avatar {
  width: 45.71px;
  border-radius: 50%!important
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .avatar {
  float: left;
  margin-right: 10px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .avatar {
  float: right;
  margin-left: 10px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .datetime,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .name {
  font-size: 11px;
  font-weight: 300;
  color: #8496a7
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post .message {
  display: block;
  padding: 5px;
  position: relative;
  color: #90a1af;
  background: #36424c
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message {
  text-align: left;
  margin-left: 55px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .datetime,
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .name,
.quick-nav ul {
  text-align: right
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.in .message .arrow {
  display: block;
  position: absolute;
  top: 9px;
  left: -6px;
  width: 0;
  height: 0;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-right-width: 6px;
  border-right-style: solid;
  border-right-color: #36424c
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message {
  margin-right: 55px;
  text-align: right
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-messages .post.out .message .arrow {
  display: block;
  position: absolute;
  top: 9px;
  right: -6px;
  border-top: 6px solid transparent;
  border-bottom: 6px solid transparent;
  border-left-width: 6px;
  border-left-style: solid;
  border-left-color: #36424c
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-chat .page-quick-sidebar-chat-user .page-quick-sidebar-chat-user-form {
  padding: 20px 10px 15px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list {
  padding: 10px 0;
  position: relative
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a {
  color: #7e91a2
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .label {
  margin-top: 5px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .desc {
  text-decoration: underline;
  padding: 0;
  color: #788c9e
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-alerts .page-quick-sidebar-alerts-list .feeds li a .date {
  color: #5d7081
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list {
  padding: 10px 0;
  position: relative
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .bootstrap-switch {
  margin-top: -3px;
  float: right;
  border: 0;
  min-width: 59px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li .form-control {
  width: 75px!important;
  padding: 4px!important;
  float: right;
  border: 0;
  margin-top: -4px
}
.page-quick-sidebar-wrapper .page-quick-sidebar .page-quick-sidebar-settings .page-quick-sidebar-settings-list .list-items li select.form-control {
  padding: 4px 0!important
}
.quick-nav {
  position: fixed;
  z-index: 10103;
  top: 50%;
  right: 10px;
  margin-top: -230px;
  pointer-events: none
}
.quick-nav-trigger,
.quick-nav.nav-is-visible {
  pointer-events: auto
}
.quick-nav .quick-nav-bg {
  position: absolute;
  z-index: 10102;
  top: 0;
  right: 0;
  width: 60px;
  height: 60px;
  border-radius: 30px!important;
  background: #36C6D3;
  box-shadow: 0 1px 4px rgba(0, 0, 0, .2);
  webkit-transition: height .2s, box-shadow .2s;
  -moz-transition: height .2s, box-shadow .2s;
  -ms-transition: height .2s, box-shadow .2s;
  -o-transition: height .2s, box-shadow .2s;
  transition: height .2s, box-shadow .2s
}
.quick-nav.nav-is-visible .quick-nav-bg {
  height: 100%;
  box-shadow: 0 6px 30px rgba(0, 0, 0, .2)
}
.quick-nav-trigger {
  position: absolute;
  z-index: 10103;
  top: 0;
  right: 0;
  height: 60px;
  width: 60px;
  border-radius: 50%!important;
  overflow: hidden;
  white-space: nowrap;
  color: transparent
}
.quick-nav-trigger span,
.quick-nav-trigger span::after,
.quick-nav-trigger span::before {
  position: absolute;
  width: 16px;
  height: 2px;
  background-color: #fff
}
.quick-nav-trigger span {
  webkit-transition: background-color .2s;
  -moz-transition: background-color .2s;
  -ms-transition: background-color .2s;
  -o-transition: background-color .2s;
  transition: background-color .2s;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%)
}
.quick-nav-trigger span::after,
.quick-nav-trigger span::before {
  content: '';
  top: 0;
  left: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  backface-visibility: hidden;
  webkit-transition: transform .2s;
  -moz-transition: transform .2s;
  -ms-transition: transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s
}
.quick-nav-trigger span::before {
  webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px)
}
.quick-nav-trigger span::after {
  webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px)
}
.no-touch .quick-nav-trigger:hover~.quick-nav-bg {
  box-shadow: 0 6px 30px rgba(0, 0, 0, .2)
}
.nav-is-visible .quick-nav-trigger span {
  background-color: transparent
}
.nav-is-visible .quick-nav-trigger span::before {
  webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg)
}
.nav-is-visible .quick-nav-trigger span::after {
  webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg)
}
.quick-nav ul {
  position: relative;
  z-index: 10103;
  padding: 60px 0 0;
  visibility: hidden;
  webkit-transition: visibility .3s;
  -moz-transition: visibility .3s;
  -ms-transition: visibility .3s;
  -o-transition: visibility .3s;
  transition: visibility .3s;
  list-style: none
}
.quick-nav ul>li a {
  position: relative;
  display: block;
  height: 50px;
  line-height: 50px;
  padding: 0 calc(1em + 60px) 0 1em;
  font-size: 1.4rem;
  webkit-transition: color .2s;
  -moz-transition: color .2s;
  -ms-transition: color .2s;
  -o-transition: color .2s;
  transition: color .2s
}
.quick-nav ul>li a::before,
.quick-nav ul>li a>i {
  content: '';
  position: absolute;
  height: 16px
}
.quick-nav ul>li a:hover,
.quick-nav ul>li a:hover>span {
  text-decoration: none
}
.quick-nav ul>li a>i {
  width: 16px;
  font-size: 18px;
  right: 24px;
  top: 16px;
  color: #ebebeb
}
.quick-nav ul>li a::before {
  width: 3px;
  top: 50%;
  right: 60px;
  webkit-transform: translateX(3px) translateY(-50%) scaleY(0);
  -moz-transform: translateX(3px) translateY(-50%) scaleY(0);
  -ms-transform: translateX(3px) translateY(-50%) scaleY(0);
  -o-transform: translateX(3px) translateY(-50%) scaleY(0);
  transform: translateX(3px) translateY(-50%) scaleY(0);
  background-color: #FF3F3F
}
.quick-nav ul>li span {
  color: #ebebeb;
  font-weight: 400;
  display: block;
  opacity: 0;
  webkit-transform: translateX(-25px);
  -moz-transform: translateX(-25px);
  -ms-transform: translateX(-25px);
  -o-transform: translateX(-25px);
  transform: translateX(-25px)
}
.no-touch .quick-nav.nav-is-visible ul a:hover::after,
.quick-nav.nav-is-visible ul a:hover::after {
  opacity: 1
}
.quick-nav ul>li:last-child {
  padding-bottom: 10px
}
.quick-nav.nav-is-visible ul {
  visibility: visible
}
.quick-nav.nav-is-visible ul a::after {
  webkit-transform: translateY(-50%) scale(1);
  -moz-transform: translateY(-50%) scale(1);
  -ms-transform: translateY(-50%) scale(1);
  -o-transform: translateY(-50%) scale(1);
  transform: translateY(-50%) scale(1);
  -webkit-animation: scaleIn .15s backwards;
  -o-animation: scaleIn .15s backwards;
  animation: scaleIn .15s backwards;
  webkit-transition: opacity .2s;
  -moz-transition: opacity .2s;
  -ms-transition: opacity .2s;
  -o-transition: opacity .2s;
  transition: opacity .2s
}
.quick-nav.nav-is-visible ul a:hover::before {
  webkit-transform: translateX(3px) translateY(-50%) scaleY(2);
  -moz-transform: translateX(3px) translateY(-50%) scaleY(2);
  -ms-transform: translateX(3px) translateY(-50%) scaleY(2);
  -o-transform: translateX(3px) translateY(-50%) scaleY(2);
  transform: translateX(3px) translateY(-50%) scaleY(2);
  webkit-transition: transform .15s .3s;
  -moz-transition: transform .15s .3s;
  -ms-transition: transform .15s .3s;
  -o-transition: transform .15s .3s;
  transition: transform .15s .3s
}
.quick-nav.nav-is-visible ul a:hover>span {
  color: #fff
}
.quick-nav.nav-is-visible ul a:hover>i {
  color: #fafafa
}
.quick-nav.nav-is-visible ul span {
  opacity: 1;
  webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-animation: slideIn .15s backwards;
  -o-animation: slideIn .15s backwards;
  animation: slideIn .15s backwards;
  webkit-transition: transform .2s;
  -moz-transition: transform .2s;
  -ms-transition: transform .2s;
  -o-transition: transform .2s;
  transition: transform .2s
}
.no-touch .quick-nav.nav-is-visible ul a:hover span {
  webkit-transform: translateX(-5px);
  -moz-transform: translateX(-5px);
  -ms-transform: translateX(-5px);
  -o-transform: translateX(-5px);
  transform: translateX(-5px)
}
.quick-nav-overlay {
  display: none;
  top: 0;
  bottom: 0;
  right: 0;
  left: 0;
  position: fixed;
  z-index: 10101;
  background: 0 0
}
.quick-nav.nav-is-visible+.quick-nav-overlay {
  background: rgba(0, 0, 0, .8);
  display: block;
  -webkit-transition: background .7s ease-out;
  -moz-transition: background .7s ease-out;
  -o-transition: background .7s ease-out;
  transition: background .7s ease-out
}
@media (max-width: 991px) {
  .quick-nav {
    top: 120px;
    margin-top: 0
  }
}
.page-on-load {
  background: #fefefe
}
.page-on-load .page-container,
.page-on-load .page-footer,
.page-on-load .page-header,
.page-on-load .page-prefooter,
.page-on-load>.clearfix {
  display: none;
  transition: all 2s
}

/* 2017019 jarang*/



/*입력폼*/
/*.form-control {    border: 1px solid #d5d5d5;}
.form-control:focus{border-color:#93a1bb;box-shadow: 0 !important;}*/




/*팝업*/
.pop_wrap{margin:0 auto; padding: 0 !important;}
/*.pop_wrap .page-content{margin:0;padding:0  }*/

.pop_wrap .row .row{ padding:0px ;  }
.pop_wrap .pop_footer{padding:15px 20px ; text-align: right; }
/*.pop_wrap .h6{font-size: 11px}*/
/*.pop_wrap .portlet-body {padding:5px !important;}*/
.pop_wrap .portlet-body .portlet-body {padding:10px !important;}
.pop_wrap .blue-dark{border:0 !important; background:#fff; }
/*.pop_wrap .portlet.box > .portlet-title{padding:0 20px;border-bottom:none; }*/
/*.pop_wrap .row{ border-bottom: 1px solid #e6e6e6; !*padding:5px 5px ;*!  }*/
/*
.pop_wrap .row:last-child{ border-bottom: 0 !important;  }
.pop_wrap .portlet {margin-bottom:0 ; } */

/*.pop_wrap .container-fluid {padding-left: 0 !important;;padding-right: 0 !important;}*/
.pop_footer {
  background: #ffffff;
  padding: 20px;
  /*border-top: 1px solid #ddd;*/
}
.pop_footer button{margin-right:3px }

/*팝업수정 2017-02-06 */
.pop_wrap .portlet-body.form .h6,
.pop_wrap .portlet-body.form .td{ padding-top:6px;padding-left:15px;padding-right:15px; line-height:normal; }
.pop_wrap .portlet-body.form .h5,
.pop_wrap .portlet-body.form .th{ background:#f6f6f6;padding-left:20px;font-weight: 700 ;padding-top:4px;padding-bottom:4px; line-height:28px;   }
/*.pop_wrap .portlet-body.form form .row:first-child{ border-top:1px solid #b8b8b8 !important; }
.pop_wrap .portlet-body.form form .row:last-child{ border-bottom:1px solid #b8b8b8; }*/
.pop_wrap .portlet-body.form form .form-control {height:24px }
.pop_wrap .portlet-body.form .h6 button,
.pop_wrap .portlet-body.form .td button{padding:3px 12px 2px 12px  ;font-size:11px }
.pop_wrap .portlet-body.form .h6 .dateForm,
.pop_wrap .portlet-body.form .td .dateForm{ height: 24px;border: 1px solid #d5d5d5 !important;}
.pop_wrap .portlet-body.form .th.th_textarea{ min-height:100px }
.pop_wrap .portlet-body.form .td textarea{border: 1px solid #d5d5d5 !important;}
/*#clientApplicantInputFrm .col-md-2{ width:20.83333333%; }*/
#clientApplicantInputFrm .h6.col-md-1.th{ width:12.5%; }
#clientApplicantInputFrm .h6.col-md-7-5.td{ width:54%; }
#inventorInputFrm .h6.col-md-1.th{ width:12.5%;  }
#inventorInputFrm .col-md-2{ width:20.83333333%; }
#inventorInputFrm .h6.col-md-7-5.td{ width:54%; }
#inventorInputFrm .first{ border-top:1px solid #b8b8b8 !important; }
.row.ComprehensiveDelegationAttorney{ }
.row.ComprehensiveDelegationAttorney .th_height{height: 36px;margin-top:-1px }
.h6 .btn.btn-danger.btn-xs.glyphicon.glyphicon-trash{background:#fff;height:11px; width:11px;text-indent:-5000px;font-size:0;line-height:0; border:1px  solid #bfd1e7; border-radius:0 ;padding:0 ;background:#fff url(../img/common/sprite_v1.png) no-repeat !important ;background-position:2px -212px !important; }

.pop_wrap .portlet-body.form form .input_list .row:first-child{ border-top:0px solid #b8b8b8 !important; }
.pop_wrap .portlet-body.form form .input_list .row:last-child{ border-bottom:0px solid #b8b8b8; }
.pop_wrap .portlet-body.form .grid_form.bg form .row:last-child{ border-bottom:0px solid #b8b8b8; }



/*공통수정  2017.12.27*/

.required{  font-size:11px;font-weight: normal;font-family: "Open Sans",sans-serif; height:10px;line-height:12px ;padding-left:2px }
.required-choice{  font-size:11px;font-weight: normal;font-family: "Open Sans",sans-serif; height:10px;line-height:12px ;color: #1797e0;padding-left:2px }
.clear{clear: both !important;}
.input-icon.right.input-group.date{width:100% !important; }
.arial-font{font-family: Arial,Helvetica Neue,Helvetica,sans-serif; }
.form-control.text-left{text-align: left !important;}
.module_box .form-control{font-weight:100;color: #000 }
.module_box th{font-size:12px;font-weight: 600 !important; }
.portlet-title .fa.fa-search{ font-weight: normal !important;  margin-right:2px !important; }
.portlet-title .btn.blue.btn-sm{ letter-spacing:0 !important; }

.table .btn.blue-oleo.btn-xs{padding:0;margin:0 ;line-height:0; font-size:0 !important;  border-radius:0px !important; border: 0px solid #83899f;}
.table .btn.blue-oleo.btn-xs .fa.fa-plus{ text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-698px -195px !important;width:13px;height: 13px;padding:0;margin:0;  }
.table .btn.blue-oleo.btn-xs .fa.fa-minus{ text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-209px -195px !important;width:13px;height: 13px;padding:0;margin:0;  }

.table .btn.blue.btn-xs{padding:0;margin:0 ;line-height:0; font-size:0 !important;  border-radius:0px !important; border: 0px solid #467fd3}
.table .btn.blue.btn-xs .fa.fa-plus{ text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-698px -195px !important;width:13px;height: 13px;padding:0;margin:0; ;  }
.table .btn.blue.btn-xs .fa.fa-minus{ text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-725px -195px !important;width:13px;height: 13px;padding:0;margin:0; ;  }

.table .btn.white.btn-xs{padding:0;margin:0 ;line-height:0; font-size:0;  border-radius:2px !important; border: 1px solid #cccccc;border-bottom:1px solid #b6b7bc; }
.table .btn.white.btn-xs .fa.fa-plus{ text-indent:-5000px;font-size:0;line-height:0; background: url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-186px -220px !important;width:14px;height: 11px;padding:0;margin:0;   }
.table .btn.white.btn-xs .fa.fa-minus{ text-indent:-5000px;font-size:0;line-height:0; background: url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-209px -220px !important;width:14px;height: 11px;padding:0;margin:0;   }



/* radio, checkbox 이미지화 */
input[type="radio"]:focus, input[type="checkbox"]:focus {
  outline: 0;
}

input[type="radio"]:disabled, input[type="checkbox"]:disabled {
  filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+, Firefox on Android */
  filter: gray; /* IE6-9 */
  -webkit-filter: grayscale(100%); /* Chrome 19+, Safari 6+, Safari 6+ iOS */
}

input[type="radio"], input[type="checkbox"] {
  display: inline-block;
  width: 14px;
  height: 14px;
  vertical-align: middle;
  -webkit-appearance: none;
  border-radius: 0;
  border: 0;
  margin: 0;
  padding: 0;
  cursor: pointer;
}

input[type="radio"] {
  background: url(../img/common/radio_off.png) no-repeat 0 0;
}

input[type="radio"]:checked {
  background: url(../img/common/radio_on.png) no-repeat 0 0;
}

input[type="checkbox"] {
  background: url(../img/common/checkbox_off.png) no-repeat 0 0;
}

input[type="checkbox"]:disabled {
  background: url(../img/common/checkbox_disabled_off.png) no-repeat 0 0;
}

input[type="checkbox"]:checked {
  background: url(../img/common/checkbox_on.png) no-repeat 0 0;
}

input[type="checkbox"]:checked:disabled {
  background: url(../img/common/checkbox_disabled_on.png) no-repeat 0 0;
}

label.checkbox-lg {
  line-height: 1.8em;
  padding-left: 25px;
}

label.checkbox-lg input[type="checkbox"],
input[type="checkbox"].input-lg {
  width: 18px;
  height: 18px;
  background: url(../img/common/checkbox_login_off.png) no-repeat 0 0;
  margin-left: -25px;
}

label.checkbox-lg input[type="checkbox"]:checked,
input[type="checkbox"]:checked.input-lg {
  background: url(../img/common/checkbox_login_on.png) no-repeat 0 0;
}

/*가수임사건생성*/

.grid_form.bg{ background:#e5eaf0 !important; margin-left:-5px;margin-right:-5px ;margin-top:-5px;margin-bottom:0px;padding-bottom:5px   }
.grid_form .form-bordered .form-group > div {padding:0px 5px 5px 5px;}
.grid_form .form-bordered .form-body { padding:10px }
.grid_form.bg{ background:#e5eaf0 !important;}
.grid_form .module_box {background: #fff;border-width: 1px; border-style: solid; border-color: rgb(236, 236, 236) rgb(219, 219, 219) rgb(219, 219, 219); border-radius: 0px; border-image: none;  /*box-shadow: 0px 2px 2px rgba(0,0,0,0.18);*/box-shadow: 0 2px 2px rgba(0,0,0,.08);border-top:0  }

.grid_form .form-bordered .form-group .control-label {padding-top:5px ;font-size:11px;font-weight:700;color:#666;margin-bottom:3px  }

.grid_form .icon-calendar{margin-top:5px }
.grid_form input[type="text"]  {height: 26px ;padding: 2px 4px 2px 4px; font-size: 11px !important;  }
.grid_form select{height: 26px ;padding: 1px 4px 3px 4px; font-size: 11px !important;}
.grid_form .input-icon.right > i {right: 4px}
.grid_form .form-control {border-color: #e0e0e0}

.grid_form .form-bordered .form-group > div{ border-left: 1px solid #efefef ; padding:0px 10px ; padding:0px 10px 5px 10px;  }
.grid_form .form-bordered .first > div{border-top:0;}
.grid_form .form-bordered .form-group div:first-child { border-left: 0 !important;  }


.grid_form .column_box label{ vertical-align:middle !important;display:inline-block;line-height:20px  }
.grid_form .column_box .form-group > div{padding-top:4px ;padding-bottom:4px !important;}
.grid_form .column_box .form-group .control-label {padding-top:0px;margin-bottom:0px  }


/*신규사건생성*/

/*.grid_form .col_row > div {padding-left:15px;padding-right: 15px;padding-top:0;padding-bottom:0; }*/
.grid_form .col_row > div {padding-left:0px;padding-right: 0px; }
.grid_form .row_height {/*height:482px*/ }
.grid_form .bg-grey-cararra{padding:0px;margin: 0}
.grid_form .bg-grey-cararra > div { }
.grid_form .form-bordered .form-group .input_list > div > div { border-left: 1px solid #efefef ; padding:0px 10px ; border-top: 1px solid #efefef ;padding:0px 10px 5px 10px;  }
.grid_form .form-bordered .form-group .input_list > .first > div{border-top:0}
.grid_form .form-bordered .form-group .input_list {padding:0px 5px 0px 5px;background:#fff}

.input_list .row:last-child {margin-bottom:0}
.input_list  .row {padding:0;border-bottom: 0 }
#patentFrm {margin:0 !important; }


/*신규사건상세보기*/
.grid_form .tagsinput {border:1px solid #dadada !important; }
.grid_form .form-bordered .form-group .tagsinput:first-child {border:1px solid #dadada !important; }
.grid_form .tagsinput{padding:2px 5px  }
.grid_form .tagsinput .h6{border:1px solid #cbe6ff;background:#e5f3ff;padding:0px !important;font-size:11px !important ;line-height:normal !important;margin-right:5px;color:#666 !important;font-weight:400  !important;padding:0px 3px 0px 5px !important;     border-radius: 3px !important; margin-top:1px ;color: #749ac3 !important; }
.grid_form .tagsinput .btn-xs{height:12px;width:16px;border:transparent  ;background:transparent url(../img/common/sprite_v1.png) no-repeat ;text-indent:-5000px;font-size:0;line-height:0;background-position:-3px -144px   }
.grid_form .form-bordered .form-group .tagsinput> div:first-child {border-left:1px solid #cbe6ff !important; }
.grid_form .tagsinput input[type="text"]{color:#999;height:22px;border:transparent ;color: #999 !important; background-color:transparent }
.grid_form .tagsinput .h6 input[type="text"]{height:17px;width:43px !important;padding:0  !important;padding-right:15px !important;font-size:11px !important;font-weight: bold;font-family:sans-serif; color: #333 !important;  }
.grid_form .tagsinput .h6 .form-control[disabled],
.grid_form .tagsinput .h6 .form-control[readonly]{background-color:transparent }
.grid_form .tagsinput .h6 input[type="radio"]{line-height:16px; margin:-2px 2px 0 0  }
.grid_form .tagsinput .h6 label{line-height:16px; }

/*타임라인 마감일*/
/*.panel_row{padding:0 20px 10px 20px !important;}*/
/*.panel_row > div > div  {margin-left:5px;margin-right:5px }*/
.panel_row .panel{  box-shadow: 0 2px 2px rgba(204, 197, 185, 0.5) !important;    border-radius: 6px;border: 0;margin-bottom:0 }
.panel_row .panel-footer {min-height:30px;border-radius:  0 0 6px 6px !important;transition: all 0.35s ease 0s;    border-color: #eeefef;border-top: 1px solid #eeefef;background-color:#fff;padding:5px 15px 7px 15px}
.panel_row .panel-heading{min-height:30px;border-radius:  6px 6px  0 0 !important;transition: all 0.35s ease 0s;    border-color: #eeefef;border-top: 1px solid #eeefef;background-color:#fff}
.panel_row .panel {border-radius: 6px !important;border-color: #dcdde1 #dcdde1 #cbccd1;webkit-border-radius: 6px !important;}

.panel_row .panel-body {padding: 10px 10px 0px;border-radius: 6px 6px 0 0   !important;}
.panel_row .day_date {font-family: "Open Sans",sans-serif;}
.panel_row .day_date span{font-size:12px;letter-spacing:0; font-weight:600;color:#666  }
.panel_row .day_date span.label.label-sm{font-size:11px;padding-top:3px;padding-bottom: 5px ;color: #fff;letter-spacing: -0.5px}
.panel_row .day_date i{ color: #aab2be;margin-right:3px;font-size:15px;font-weight: normal;vertical-align: middle; margin-top:-2px  }
/*.panel_row .day_date .dday {  color: #fff;    position: relative;    padding: 0 10px; background: #aab2be;     border-radius: 3px  !important;font-size: 11px;    line-height: 1.769em;    line-height: 1.769em; float: right;}*/

.panel_row .thumb{float:left;width:35px ;line-height: 30px ;padding-left:5px;margin-right:4px   }
.panel_row .thumb h3{font-weight: 400;    font-size: 40px;margin:0;vertical-align:top }
/*.panel_row .day_date em{font-style:normal; font-size: 14px; font-weight:500 ;margin-left:14px ;font-family: "Open Sans",sans-serif; }*/
.panel_bg .portlet-title{margin-bottom:0  }
.panel_row .news_cnts{float: left; padding-top:5px }
.panel_bg .portlet-body{background:#f0f2f4}
.cd-horizontal-timeline {padding-top:10px;padding-left: 20px;padding-right:20px  }
.timeline .events {font-family: "Open Sans",sans-serif;}
.timeline .events span{font-weight:700}
.portlet-title.no-margin{margin-bottom:0 !important;border-bottom:none; padding-bottom:0 !important;  }
.portlet-body.no-margin{padding-top:0 !important; }
/*.pop_wrap .panel_row{border-bottom: none; padding-left:20px; padding-right:20px;padding-top:20px  }*/
.pop_wrap .panel_row:last-child {margin-bottom:0 }


/*파일버튼 수정  2017-02-23*/

.fa-file-excel-o,
.fa-file-word-o,
.fa-file-pdf-o{ background:url(../img/common/sprite_v1.png) no-repeat ;display:block;text-indent:-5000px;font-size:0 !important;line-height:0 !important; height:16px !important; width:16px !important}
/*
.fa-file-excel-o{  background-position:-175px -8px ;}
.fa-file-word-o{  background-position:-202px -8px ;}
.fa-file-pdf-o{  background-position:-228px -8px ;}

.fa-file-excel-o:hover{background-position:-175px -47px ;}
.fa-file-word-o:hover{background-position:-202px -47px ;}
.fa-file-pdf-o:hover{background-position:-228px -47px ;}
.btn.btn-circle.btn-icon-only.btn-default.exportto{ padding:0 !important; line-height:0 !important; }*/

/*파일버튼 수정  2017-04-10 수정*/

.btnExcel .fa-file-excel-o{background:url(../img/common/sprite_v1.png) no-repeat;background-position: -439px -309px;vertical-align: middle; }
.btnExcel .fa-file-excel-o{vertical-align: middle;font-size:11px !important;height:12px !important;  }
.btn.btn-default.btn-xs.sty01 .fa.fa-file-excel-o{background-position: -416px -201px !important; width:20px !important; height: 20px !important; }
.btn.btn-default.btn-xs.sty01 .fa.fa-file-zip-o{background-position: -337px -277px !important; width:16px !important; height: 16px !important; }

.portlet-title .fa-file-excel-o{background:url(../img/common/sprite_v1.png) no-repeat;background-position: -439px -309px;vertical-align: middle; }
.portlet-title .fa-file-excel-o{vertical-align: middle;font-size:11px !important;height:12px !important;  }




/*모달 수정 2017-04-18*/
.modal-content{padding: 0px; border:1px solid #142c68; }
.modal-header{    min-height: 34px;margin-bottom: 5px;padding:0 !important;background: #e8ebf2}
.modal-title {font-size: 15px !important; font-weight:600 ; color:#153e75; ;line-height:34px;padding-left:14px  }
.modal-body .alert-warning{border:0;background:none;text-align: center ;font-size: 14px;    color: #333333 ;font-weight:600;    }
.modal-header .close {width:12px;height:12px;background: url(../img/common/alert_close.gif) no-repeat 0 0 !important ;   opacity: 0.9;margin-top:13px !important;;margin-right: 11px   }
.modal-header .close:hover, .modal-header .close:focus {opacity:1;}

/*통지서등록 수정 2017.02.23*/
.searchtype03 {padding: 12px 10px 12px 10px; border:0 }
.searchtype03 .form .form-bordered .form-group > div{padding:5px 15px; }
.searchtype03 .inline-group .mt-radio-inline label{font-size:15px;font-weight:700; color:#5892dc !important ;/*padding-left:22px */}
.searchtype03 .inline-group .mt-radio-inline{ padding: 2px 0 0 10px}
.searchtype03 .inline-group .radio-list{font-size: 13px; margin-top:-3px ;letter-spacing:0 ;padding-right:2px }
.searchtype03 .inline-group .radio-list  input[type="radio"]{margin-top:2px  ;    margin-left: -18px }
.searchform .searchlist .inputText2 {   max-width: 300px;    min-width: 250px;}
.searchtype03 .btnlist .blue {margin-bottom:0 !important; }
.searchtype03 .btnlist{margin-top:10px !important; }
.searchtype03 .btnlist button{ margin-left:3px }
.searchtype03 input[type="radio"]:checked+span{font-weight: bold;}
.searchtype03 .btn-default{}


@media (max-width: 1280px) {
  .searchform .searchlist .inputText2 {   max-width: 270px;    min-width: 218px;}
  .mt-radio-inline.col-md-6-5{width:52% !important ;}
  .radio-list.col-md-5-5{width:48% !important ; padding-left:20px }
}


/*사건조회생성수정*/

#searchRangeTitleDiv,
.form .form-bordered .form-group.last .search-label {   padding-top:15px }
.searchform textarea.form-control {height: 60px;}
.searchform .form-control {padding: 2px 8px;}

.portlet.light > .portlet-title {padding-left:5PX }

/*조회영역수정*/
.searchtype01{padding:5px 20px 0px 20px!important; border-top: 0 !important;  }
.searchtype01 .form-group { margin-bottom: 7px; padding:0 !important;  }
.searchtype01 label { line-height:normal !important; }
.searchtype01 .portlet > .portlet-title{margin-bottom: 10px}
.searchtype01 .form-body {padding-top:10px !important; padding-bottom:15px !important ;border-bottom:none !important; }

.searchtype02 .form-body {border-bottom:none !important; padding:0 !important;  }
.searchtype02 label,
.searchtype01 label{ line-height:26px !important; font-size:13px;font-weight:700 ;color: #333 }
.searchtype02 .form-group,
.searchtype01 .form-group {margin-bottom:0 ; margin:0  }
.searchtype02 .portlet-body{    padding-top: 0px !important;}
.searchtype02{padding:12px 20px !important; border-top: 0 !important;   }
.searchtype02 .form-horizontal .control-label,
.searchtype01 .form-horizontal .control-label{ padding-top:0 !important; }

.searchtype01 .form-group.margin-bottom-5{margin-bottom:5px }

/*검색영역 수정 2017- 03-16 */
.searchform .jstree-default .jstree-leaf>.jstree-ocl{background-position: -72px -8px;}
.searchform .jstree-default .jstree-node {background-position: -296px -4px;min-height: 20px;}
#searchRangeDiv > div{padding-bottom:5px !important;  }
.searchform .mt-checkbox {font-size:12px !important; }
.searchform .mt-checkbox-list label{ font-weight: 600;letter-spacing:0 }
.searchform .mt-checkbox-list ul li label{ font-weight: normal}
.searchform .jstree-default .jstree-icon:empty {    height: 20px;line-height: 20px;}
.portlet.light.form-fit.searchform .form-body{ background: #f7f9fc}
.portlet.light.form-fit.searchform .form-body .col-md-10-5,
.portlet.light.form-fit.searchform .form-body .col-md-9 {background: #fff}
.portlet.light.form-fit.searchform .col-md-1-5.border-left-white {background: #fff}
.portlet.light.form-fit.searchform .col-md-1-5 .btnlist{width:100px }
.row.form-inline .btn.btn-sm.grey-cascade{width:60px }
.portlet.light.form-fit.searchform #dateInfoAnd{margin-right:2px }
.portlet.light.form-fit.searchform #humanInfoAnd{margin-right:1px }
#searchRangeDiv .col-md-10-5{min-height:80px }
#checkboxArea{font-size: 12px}
.col-md-1-5.border-left-white{padding-left:0 !important;  }
/*검색결과수정*/
.viewlist.portlet.light .portlet-body	.panel-body {padding:0 }
.viewlist.portlet.light>.portlet-title>.actions { padding-bottom:0 !important}
.viewlist.portlet.light .portlet-body {padding-top:0}




/*마감일안내 캘린더 수정 2017-02-15*/
.portlet.calendar .fc-toolbar h2 {
  font-size: 22px;
  text-align: center;
  color: #656d78;
  line-height: 30px;
  padding-left: 38px;
  font-weight: normal;
}

.fc-sat {
  background: none !important;
  color: #4a89dc !important
}

.fc-sun {
  background: none !important;
  color: #fc6e51 !important
}

.fc-basic-view td.fc-day-number {
  padding-right: 10px;
  padding-left: 10px
}

.portlet.calendar .fc-widget-header {
  font-weight: 800;
  background: #f3f6fa;
  border-color: #d0d5db #dbe1e8 #c0c0c1 #dbe1e8 !important;
  line-height: 2.333em;
  font-size: 13px
}

.portlet.calendar .fc-widget-header .fc-row table th {
  border-right: 1px solid #e7e8eb !important;
}

.fc-unthemed td {
  border-color: #dedfe0 #eeefef #dedfe0 #eeefef !important;
}

.fc-ltr .fc-basic-view .fc-day-number {
  text-align: left !important;
  letter-spacing: 0;
    font-size: 12px;
}

.public_recruit_calendar_btn {
}

.fc-prev-button.fc-button.fc-state-default {
  position: absolute;
  left: 4px;
  width: 30px;
  height: 30px;
  text-align: center;
  text-indent: -5000px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
  color: transparent;
  background: url(../img/common/sprite_v1.png) no-repeat 0 0;
  background-position: 9px -239px;
  border: 1px solid #ddd;
  padding-bottom: 0 !important;
  top: 5px !important;
}

.fc-next-button.fc-button.fc-state-default {
  position: absolute;
  left: 130px;
  width: 30px;
  height: 30px;
  text-align: center;
  text-indent: -5000px;
  white-space: nowrap;
  overflow: hidden;
  font-size: 0;
  line-height: 0;
  text-shadow: none;
  color: transparent;
    background: url(../img/common/sprite_v1.png) no-repeat 10px -289px;
  border: 1px solid #ddd;
  padding-bottom: 0 !important;
  top: 5px !important;
}

.fc-today-button.fc-button.fc-state-default {
  position: absolute;
  left: 164px;
  height: 30px;
  text-align: center;
  border: 1px solid #3598dc;
  top: 5px !important;
  padding: 0 8px;
  overflow: hidden;
  color: #425bd5 !important;
    font-size: 12px;
    font-weight: 595;
}

.fc-daterange-button.fc-button.fc-state-default {
  position: absolute;
  left: 242px;
  width: 175px;
  height: 30px;
  text-align: center;
  border: 1px solid #3598dc;
  top: 5px !important;
  padding: 0 2px;
  overflow: hidden;
  color: #425bd5 !important;
  font-size: 11px;
  font-weight: 595;
}


.fc-rangeprev-button.fc-button.fc-state-default {
  position: absolute;
  left: 208px;
  width: 30px;
  height: 30px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  font-weight: 595;
  text-shadow: none;
  color: #425bd5 !important;
  border: 1px solid #ddd;
  padding-bottom: 0 !important;
  top: 5px !important;
}

.fc-rangenext-button.fc-button.fc-state-default {
  position: absolute;
  left: 420px;
  width: 30px;
  height: 30px;
  text-align: center;
  white-space: nowrap;
  overflow: hidden;
  font-size: 12px;
  font-weight: 595;
  text-shadow: none;
  color: #425bd5 !important;
  border: 1px solid #ddd;
  padding-bottom: 0 !important;
  top: 5px !important;
}

.fc-today-button.fc-button.fc-state-default:hover {
  border-bottom: 1px solid #3598dc !important;
}

.fc-daterange-button.fc-button.fc-state-default:hover {
  border-bottom: 1px solid #3598dc !important;
}

.fc-button-group .fc-button-group.fc-state-default {
  margin-bottom: 0;
  padding-bottom: 0 !important;
}

.portlet.calendar .fc-right .fc-button {
  padding: 3px 3px 3px 3px;
}

.portlet.calendar.light .fc-button {
  padding-bottom: 0 !important;
  font-size: 11px; /*top:-55px;*/
}

.fc-toolbar .fc-left {
  margin-bottom: 17px
}

.calCont {
  position: relative;
  left: 0;
  top: 0;
  width: 100%;
  min-height: 60px;
}

.moreNum {
  position: absolute;
  right: 7px;
    bottom: 0;
  display: inline-block;
  font-weight: bold;
  font-size: 14px;
  line-height: 18px;
}

.fc-event-inner {
  font-size: 11px
}

.fc-title .blue {
  color: #3399ff;
  padding-left: 10px
}

.portlet.calendar.light .fc-button.fc-state-active {
  font-weight: bold;
}

.fc-button-group .btn-circle.btn-xs {
    font-size: 12px !important;
  letter-spacing: -1px;
  margin-left: 3px;
  top: -52px
}

.fc-button-group .btn-circle.btn-xs i {
  margin-right: 5px
}

.tabbable-line > .tab-content {
  padding-top: 15px
}

.tabbable-line > .nav-tabs > li > a {
  font-size: 13px !important;
}

.tabbable-line > .nav-tabs > li.active > a {
  font-weight: 700
}

.fc td.fc-today {
  border: 1px double #e0e0bf !important;
  background: #ffffd9;
  border-bottom: 0 !important;
  font-weight: bold;
  color: #555
}

.fc td.fc-today:last-child {
  background: #ffffd9 !important;
}

.fc-today-button.fc-button.fc-state-default {
  opacity: .75;
}


.portlet.light.portlet-fit.height {
  height: 723px
}

.portlet.box.blue-dark > .portlet-title {
  background: #34404e !important;
}

.fc-left .fc-button.fc-state-active,
.fc-left .fc-button.fc-state-hover {
  color: #333;
  border-bottom: 1px solid #ddd;
}

/*내마감 팀마감 전체마감 수정 2017-04-21*/
.fc-toolbar .fc-center {
  position: absolute;
  right: 0;
  top: -66px !important;
}

.fc-center .fc-button-group {
  float: right;
}

.fc-center .fc-button-group .fc-button {
  top: 0 !important;
}

.fc-center .fc-button-group .fc-button {
    margin-left: 0;
    margin-right: 0;
  font-size: 11px !important;
  height: 23px;
    border-radius: 0;
    padding: 0 13px;
  border: 1px solid #dddddd;
    /*border-left: 0*/
}

.fc-center .fc-button-group .fc-button.fc-state-active {
  border: 1px solid #94A0B2 !important;
  background: #94A0B2;
  color: #fff !important;
}

.fc-center .fc-button-group .fc-button:first-child {
  border-left: 1px solid #dddddd !important;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
  border-radius: 12px !important;
  padding: 2px 3px 2px 3px !important;
  line-height: 16px;
  min-width: 16px;
  width: 16px;
  height: 18px;
  margin-left: 7px;
  margin-right: 5px;
}

.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {
    float: right !important;
}

.calendarOfficialFee {
  font-size: 13px !important;
  width: 100% !important;
  margin: 0 !important;
}

.calendarOfficialFee .fc-content {
  padding-left: 10px !important;
  margin-left: 10px !important;
}

.portlet.calendar .fc-event .fc-content {
  padding: 0;
}

.portlet.calendar .fc-event .fc-title {
  text-align: center;
    font-size: 12px;
  width: 14px;
  letter-spacing: -1px
}

.portlet.calendar .fc-event {
  float: right;
  margin-right: 3px;
}

.fc-left .fc-button.fc-state-hover {
  border-bottom: 1px solid #dddddd !important;
}

.fc-toolbar .fc-right {
  position: absolute;
  right: 8px;
    top: 0 !important;
}

.fc-right .fc-button {
    top: 0 !important;
}

.fc-right .fc-button.fc-state-active {
  border-bottom: 4px solid #36c6d3 !important;
}

.fc-right { /*border-bottom:1px solid #dae2ea !important;*/
}

.fc-right .fc-button.fc-state-hover {
  border-bottom: 4px solid #36c6d3 !important;
}

.fc-right .fc-button {
  border-bottom: 4px solid transparent !important;
}

.colorinfo {
  font-size: 11px;
  letter-spacing: 0;
  color: #999;
  padding-left: 10px;
  margin-top: -3px
}

.colorinfo em {
  font-style: normal;
  padding-left: 5px;
  padding-right: 2px
}

.colorinfo em.yellow {
  color: #F8CB00
}

.colorinfo em.green {
  color: #1bbc9b
}

.colorinfo em.blue {
  color: #89C4F4
}

.fc-center .fc-button-group .fc-team-button {
    margin-right: 15px;
}

.fc-center .fc-button-group .fc-my-button.fc-state-active,
.fc-center .fc-button-group .fc-team-button.fc-state-active,
.fc-center .fc-button-group .fc-dept-button.fc-state-active {
  border-left: 1px solid #94a0b2 !important;
}

.portlet.calendar.light .fc-button.fc-state-hover {
  border-bottom: 1px solid #dddddd;
}

.daterangepicker select.monthselect {
  float: right;
}

.daterangepicker select.yearselect {
  float: left;
}

.dueDateListCount {
  margin-left:5px;
}

/* 로그인수정 */
.login .content{margin-top: 150px !important; }
.login-options h4{font-size: 11px !important;margin: 0 0 5px 0;font-weight:400 !important;}
.login .content .form-control {letter-spacing: 0 !important;font-size:15px !important; font-weight:400 !important; padding: 2px 12px; }
.login .content p.copyright{font-size: 11px;color:#c3cedd ;letter-spacing: 0;padding:0 }
.login .content .forget-password,
.login .content .rememberme{font-size: 14px; }
.login .content .txt{letter-spacing: -1px !important;text-align: center;margin-top: 3px !important; margin-bottom:40px !important; font-size: 14px !important; }
.login .content .form-title {font-size:32px !important; margin-bottom:10px !important;  }
.login .logo {height: 61px; width: 170px;background-position:0 -360px !important; background:url(../img/common/sprite_v1.png) no-repeat 0 0;margin-top:50px !important; }
.login .content .form-group{padding:0 45px !important; }
.login .content .form-actions.form-actions{    padding: 30px 60px 80px 60px}
.login .content .form-actions button{width:100%; font-size: 18px ;font-family:'Noto Sans', 'Malgun Gothic', dotum, gulim, verdana, sans-serif; }
.login .content .row{padding: 0 27px}
.fc-day-grid-event.fc-h-event.fc-event.fc-start.fc-end {float:right !important; }
/* .login .content  .mt-checkbox.mt-checkbox-outline > input:checked ~ span { border: 1px solid #d9d9d9; }*/


/* 팝업스타일 수정 */
.pop_wrap.pop_style .page-header{min-height:41px;height:41px;background: #34404e  }
.pop_wrap.pop_style .page-header3{min-height:60px;height:60px;background: #34404e  }
.pop_wrap.pop_style .page-wrapper-top {height:41px !important; }
.pop_wrap.pop_style .page-wrapper-top3 {height:60px !important; }
.pop_wrap.pop_style .page-header .page-header-top{background: none;}
.pop_wrap.pop_style #pageTitle{color:#fff;padding:9px 0 9px 5px;font-size: 15px;font-weight: 400 ;display: inline-block;float:left; }
.pop_wrap.pop_style .page-content {padding:2px 8px  10px 8px}


.btn.btn-outline.grey-mint{    border-color: #525e64; color: #bcc1c6 !important; padding:2px 15px 2px 10px !important;font-weight:400 ;font-size:11px !important;  }
.btn.btn-outline.grey-mint:hover{background: #50637a;border:1px solid #6983a1;color: #fff !important; }
.portlet-title .fa.fa-check{background:url(../img/common/sprite_v1.png) no-repeat ;background-position: -51px -211px  ;  text-indent:-5000px;    white-space: nowrap;    overflow: hidden;    font-size: 0;    line-height: 0;width: 10px;height: 10px;    }
.portlet-title .fa.fa-close{background:url(../img/common/sprite_v1.png) no-repeat ;background-position: -51px -232px  ;  text-indent:-5000px;    white-space: nowrap;    overflow: hidden;    font-size: 0;    line-height: 0; width: 10px;height: 10px;  }
.pop_wrap.pop_style .page-header .actions{padding-top: 8px}
.pop_wrap.pop_style .page-header .actions .btn-xs{margin-left:2px }
.pop_wrap.pop_style .page-header .actions i{font-size: 8px !important; font-weight:400 !important; }
.btn.btn-outline.red-pink{ border-color: #8a6169; padding:2px 15px 2px 10px !important;font-weight:400 ;font-size:11px !important;  color:#e09090}

.pop_footer .btn.btn-outline{
    font-size:12px !important ;padding:3px 17px 3px 12px !important
}
.pop_footer .btn.btn-outline.grey-mint{ background:#4c5564; border:1px solid #424958; color: #fff !important;}
.pop_footer .btn.btn-outline.grey-mint i{font-size: 8px !important; font-weight:400 !important; }
.pop_footer .btn.btn-outline.red-pink { background:#34404e; border:1px solid #34404e; }
.pop_footer .btn.btn-outline.red-pink i{ font-size: 8px !important; font-weight:400 !important; }


.pop_footer .btn.btn-outline2{
    font-size:12px !important ;padding:3px 17px 3px 12px !important
}
.pop_footer .btn.btn-outline2.red-pink { background:#E08283; border:1px solid #E08283;}

.pop_footer .btn.btn-outline2.red-pink i{ font-size: 8px !important; font-weight:400 !important; }

.btn.btn-outline.red-pink:hover{background: #ad6e73}
.pop_footer .form-actions button i{font-size: 8px !important; font-weight:400 !important; }
.pop_footer .btn.btn-outline.grey-mint:hover{background: #50637a;border:1px solid #3f546d;color: #fff !important; }

/* 해외대리인 */
/* 고객관리화면 */
.table_box{background: #fff}
.table_box .table{margin-bottom:0 }
.addressDiv{width: 100%; }
td.no-space {margin-left:-1px;}
td.no-space .table{margin-bottom:0 !important; border-left:0 !important; border-right:0 !important; border-top: 0 !important;    border-collapse: collapse;
  border-spacing: 0;}
td.no-space .table-bordered > tbody > tr > th {  }
td.no-space .table-bordered > tbody > tr > td{  }


.table_box textarea{border: 1px solid #d5d5d5 !important;margin-top:3px }

.pop_wrap .portlet.box >portlet-body{}
.portlet.box.blue-oleo.grey > .portlet-title{background: #e9edef !important; }
.portlet.box.blue-oleo.grey > .portlet-title > .caption {color: #333333 !important;font-weight: 700;}
.portlet.box.blue-oleo.grey th{background: #e9edef !important}
.portlet.box.blue-oleo.grey table-bordered > tbody > tr > th{background: #e9edef !important}
.border {  border: 1px solid #c2cad8 !important; }

.portlet.box.blue-oleo.blue > .portlet-title{background: #e2eaf6 !important}
.portlet.box.blue-oleo.blue > .portlet-title > .caption {color: #284d85 !important}
.portlet.box.blue-oleo.blue .table-bordered > tbody > tr > th{background: #e2eaf6 }


.module_box .portlet-body {margin: 0 !important;padding: 0 !important; margin-top:-1px  }
.module_box .portlet-title .actions { line-height:30px;height:32px  }
.module_box .portlet-title > .caption { line-height:24px;font-size:12px !important; font-weight:700 !important;  }
.module_box .portlet-title{padding:0 0 0 10px !important; }
.module_box .actions{margin-right:10px; padding: 0 !important; }
.module_box .actions .form-control{ height:23px !important; }
.module_box .tagsinput_box{/* border-top: 1px solid #8c97b1;  padding:10px*/; font-size:11px ;overflow:hidden; }
.module_box .tagsinput{float:left; display:inline-block;padding:5px ;  border-radius: 3px !important; border:1px solid #dfdfdf;background:#eeeeee;margin:7px;  }
.module_box .actions .btn-xs{padding-top:3px !important; letter-spacing: -1px ;padding: 1px 5px !important;font-weight: normal !important; }
.module_box .actions .blue-oleo{background:#fff !important; color: #666 !important;}
.module_box .actions i{ margin-right: 2px; font-size:11px !important ; font-weight: 400 !important;}
.module_box .actions i.fa.fa-plus{background:url(../img/common/icon_plus_s_off.png) no-repeat 0 0; text-indent:-5000px;font-size:0;line-height:0;
  width:8px;height:11px;vertical-align: middle;  margin-right:0  }
.module_box .tagsinput_box .btn-xs.glyphicon.glyphicon-trash{background:#fff;height:11px; width:11px;text-indent:-5000px;font-size:0;line-height:0; border:1px  solid #bfd1e7; border-radius:0 ;padding:0 ;margin-left:5px ;background:#fff url(../img/common/sprite_v1.png) no-repeat !important ;background-position:2px -212px !important; }
/* 해외대리인 수정 2017.03.10 */
.module_box .tagsinput div{display:inline; }
.btn.btn-xs.grey-salsa{line-height:18px;font-weight: 700;padding-top:2px  }

.module_box form {margin: 0 !important;padding: 0 !important;}
.module_box form {padding-bottom:-1px !important; }


.portlet.box.blue-oleo.green > .portlet-title{background: #e1f3f1 !important}
.portlet.box.blue-oleo.green > .portlet-title > .caption {color: #378a57 !important;}
.portlet.box.blue-oleo.green .table-bordered > tbody > tr > th{background: #e1f3f1 !important}


.module_box  .portlet-body .col-md-12{min-height:0px !important; }
.module_box .table-advance { margin-bottom: 0 !important;}
.module_box .table-advance tr td:first-child {border-left-width: 0px !important;}

.module_box .table .btn.btn-danger.btn-xs.glyphicon.glyphicon-trash{background:url(../img/common/sprite_v1.png) no-repeat !important; text-indent:-5000px;font-size:0;line-height:0;width:15px; height: 14px ;border:0 ;background-position: -206px -137px !important;margin-top: -3px}

.module_box .table .glyphicon.glyphicon-plus{}
.module_box .table {margin-bottom:0 !important; }
.module_box .btn.btn-xs.postNumBtn{height: 22px }
.module_box .table > tbody > tr > td{}
.module_box .table > tbody > tr > td.h6{padding-top:0px;padding-bottom:0px   }
#Applicant {padding-left:20px }

#Applicant .h6.Applicant.hand{line-height:40px !important  }
#BillingInfo .h6.BillingInfo.hand{line-height:40px !important }
.btn.btn-xs.blue-oleo.fa.fa-check.grey-salsa{padding-top:1px ;height:22px;}

@media (min-width: 992px) {

  .col-md-2.no-padding {width:20%}
  .col-md-10.no-padding {width:80%}

}
@media (max-width: 992px) {

  .col-md-2.no-padding {width:25%;;float: left;}
  .col-md-10.no-padding {width:75% ;float: left;}

}
.module_box .table .grey th{background: #e9edef !important;}
.input-icon.right.input-group.date.autoDisabled.border .form-control{height:20px; }

.input-icon.right.input-group.date.autoDisabled.border .icon-calendar{margin-top:3px !important; }
table table .btn-xs.glyphicon.glyphicon-trash{background:#fff;height:11px; width:11px;text-indent:-5000px;font-size:0;line-height:0; border:1px  solid #bfd1e7; border-radius:0 ;padding:0 ;margin-left:5px ;background:#fff url(../img/common/sprite_v1.png) no-repeat !important ;background-position:2px -212px !important; }

/* 청구처화면 */
.portlet.box.blue-oleo.yellow > .portlet-title{background: #f4f1da !important}
.portlet.box.blue-oleo.yellow > .portlet-title > .caption {color: #7a561e !important}
.portlet.box.blue-oleo.yellow .table-bordered > tbody > tr > th{background: #f4f1da }

/* 출원중간단계등록 */
.portlet.box.blue-oleo.grey.margin-top-15.module_box > .portlet-title.title_bg{ border-bottom:1px solid #c0c7d0 !important; background:#dde2e6 !important;}
.portlet.box.blue-oleo.grey.margin-top-10.module_box > .table-bordered {border-top:0 !important; }
.border-bottom{border-bottom:1px solid #c2c9d0 !important;}
.border-top{border-top:1px solid #c0c7d0 !important;}
.portlet.box.blue-oleo.grey > .portlet-title.grey_titlebg{background: #e7ebee !important;}
.table_border .table td.last{border-bottom:1px solid #c0c7d0 !important; }
.table_border .table-bordered{border-top:0 !important; }
.table_border .title{text-align: left !important;font-weight:700 !important;padding-left:10px !important; }
.portlet.box.blue-oleo.grey th.title{ background:#f2f5f6 !important;border-top:1px solid #c0c7d0 !important; }
/*.table_border  .table td{ background: #fff}*/
.noneDataTable td{ background: #fff}
.col-md-4.alignR{margin-top: 5px}


/* 조회등록 수정 2017.12.24 */
.searchform .portlet-title{ padding:15px !important;}
.searchform > .portlet-title > .caption > .caption-subject {padding-right:10px ;font-size: 15px !important;padding-left: 4px}
/* .portlet.light.form-fit.searchform .btn{letter-spacing:-1px }*/
.portlet.light.form-fit.searchform .btn .fa.fa-angle-down,
.portlet.light.form-fit.searchform .btn .fa.fa-angle-up{font-size:18px !important;font-weight: 700;color:#999;padding-right:3px;vertical-align: middle;  }
.portlet.light.form-fit.searchform .btn .fa.fa-angle-up{vertical-align: top;}


/*필드설정  2017.12.24*/
.field_set {padding:10px !important;  }
.field_set .list-group-item{margin: 4px 0;font-size: 11px;padding:3px 10px ;text-align: left;font-weight:700}
.fieldList{padding-left:10px;padding-right:10px  }
.field_set .portlet > .portlet-title > .caption{ font-weight:700 ; vertical-align: middle;}
.field_set .portlet > .portlet-title {}
.field_set .alignC button{margin-bottom:5px }
.field_set .alignC{margin-top:100px }
.field_set .col-lg-1.col-sm-1.col-xs-1.col-md-1{width:5% }
.field_set .col-lg-5-5.col-sm-5-5.col-xs-5-5.col-md-5-5{width:47.5% }
.field_set .portlet.box.blue-oleo > .portlet-title > .caption{ color:#fff !important;}
.field_set .portlet > .portlet-title > .caption > i{margin-top:5px }
.field_set .portlet > .portlet-title > .actions{color: #fff !important;}
.field_set .portlet > .portlet-title > .actions .btn-default:hover{color: #fff !important;}

/* 공통버튼 수정 2017-02-27 */

.table .btn-xs{font-size: 11px !important; }
.btn.btn-default.btn-xs.sty02{border:1px solid #c2c6cd !important;     border-radius: 2px !important; background:#f5f5f8 ;padding:0 !important;font-size:0 !important;line-height:0 !important;-moz-box-shadow:inset 0px 1px 0px 0px #fff;
  -webkit-box-shadow:inset 0px 1px 0px 0px #fff;	box-shadow:inset 0px 1px 0px 0px #fff !important; padding:0 !important; }
.btn.btn-default.btn-xs.sty02:hover{background: #8297bf;border: 1px solid #687ea6 !important;-moz-box-shadow:inset 0px 1px 0px 0px #aabcde;
  -webkit-box-shadow:inset 0px 1px 0px 0px #aabcde;	box-shadow:inset 0px 1px 0px 0px #aabcde !important;}
.btn.btn-default.btn-xs.sty02 .glyphicon.glyphicon-search{background:url(../img/common/sprite_v1.png) no-repeat !important; text-indent:-5000px;font-size:0 !important;line-height:0 !important;background-position: -339px -5px !important ;width:18px; height: 17px  ;}
.btn.btn-default.btn-xs.sty02 .glyphicon.glyphicon-search:hover{background-position: -339px -20px !important ;}

.btn.btn-default.btn-xs.sty01{border:0 !important;color: #97a2b2;padding:0 !important;font-size:0 !important;line-height:0 !important; }
.btn.btn-default.btn-xs.sty01:hover,
.btn.btn-default.btn-xs.sty01:focus{background:transparent}
.padding-tb-2 { padding: 2px 0 !important; }
.btn.btn-default.btn-xs .fa.fa-plus{ }

.btn.btn-default.btn-xs.sty01{background:transparent !important; }
.btn.btn-default.btn-xs.sty01 i{background:transparent url(../img/common/sprite_v1.png) no-repeat !important; text-indent:-5000px;font-size:0 !important;line-height:0 !important;width:22px; height: 20px  ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-pencil{background-position: -582px -50px !important ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-edit{background-position: -462px -50px !important ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-trash{background-position: -309px -50px !important ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-search{background-position: -433px -50px !important ;}
/* .btn.btn-default.btn-xs.sty01 .icon-eye{background-position: -342px -49px !important ;}*/
.btn.btn-default.btn-xs.sty01 .fa.fa-file-o{background-position: -406px -49px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-upload{background-position: -436px -50px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-paper-clip{background-position: -436px -50px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-download{background-position: -436px -50px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-download{background-position: -436px -50px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-close{background-position: -493px -49px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-check{background-position: -523px -49px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-exclamation{background-position: -553px -49px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-paper-clip{background-position: -308px -79px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-upload{background-position: -342px -79px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-download{background-position: -375px -79px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-remove{background-position: -434px -78px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-plus{background-position: -406px -78px !important ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-floppy-disk{background-position: -177px -135px !important ;}

.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-pencil:hover{background-position: -582px -120px !important ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-edit:hover{background-position: -462px -120px !important ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-trash:hover{background-position: -309px -120px !important ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-search:hover{background-position: -433px -120px !important ;}
/* .btn.btn-default.btn-xs.sty01 .icon-eye:hover{background-position: -342px -119px !important ;}*/
.btn.btn-default.btn-xs.sty01 .fa.fa-file-o:hover{background-position: -406px -119px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-upload:hover{background-position: -436px -120px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-paper-clip:hover{background-position: -436px -120px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-download:hover{background-position: -436px -120px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-download:hover{background-position: -436px -120px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-close:hover{background-position: -493px -119px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-check:hover{background-position: -523px -119px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-exclamation:hover{background-position: -553px -119px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-paper-clip:hover{background-position: -308px -149px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-upload:hover{background-position: -342px -149px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-download:hover{background-position: -375px -149px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-remove:hover{background-position: -434px -148px !important ;}
.btn.btn-default.btn-xs.sty01 .fa.fa-plus:hover{background-position: -406px -148px !important ;}
.btn.btn-default.btn-xs.sty01 .glyphicon.glyphicon-floppy-disk:hover{background-position: -177px -155px !important ;}

.btn.btn-default.btn-xs.sty03 {border-bottom-color: #9fa4ae;border-right-color: #9fa4ae;border-top-color: #c2c6cd;border-left-color: #c2c6cd;padding-left:4px;padding-right:4px   }
.btn.btn-default.btn-xs.sty03 .fa.fa-plus{text-indent:-5000px;font-size:0 !important;line-height:0 !important; background:url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-188px -249px !important;width:10px;height: 12px !important;padding:0;margin:0;vertical-align: middle;  }
.btn.btn-default.btn-xs.sty03 .fa.fa-minus{text-indent:-5000px;font-size:0 !important;line-height:0 !important; background:url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-211px -249px !important;width:10px;height: 12px !important;padding:0;margin:0;vertical-align: middle;  }

/* page_system_404 */
.page-404-full-page{background:#e6ecf4 !important;}
.page-404-full-page .logo {height: 61px; width: 160px;background:url(../img/common/sprite_v1.png) no-repeat  !important;background-position:0 -360px !important; margin:0  auto !important;text-indent:-5000px;font-size:0;line-height:0; }
.page-404-full-page .page-404{margin-top:220px !important; }
.page-404 .number{font-size:200px !important;line-height: 1em;display: block !important; text-align: center !important;line-height:200px !important;font-weight:400 !important;letter-spacing:0 !important; min-height:200px;top:0 !important;   }
.page-404 .number p{margin:0 !important;}
.page-404 .details{text-align: center !important; margin-left:0  !important;letter-spacing:-1px !important; }
.page-404 .details p{ font-size:13px !important; letter-spacing:0 !important; margin-top:0 !important; }

.flipInX{-webkit-backface-visibility:visible !important;-ms-backface-visibility:visible !important;backface-visibility:visible !important;-webkit-animation-name:flipInX;animation-name:flipInX}
@-webkit-keyframes flipInX{
  0%{-webkit-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}
@keyframes flipInX{
  0%{-webkit-transform:perspective(400px) rotateX(90deg);-ms-transform:perspective(400px) rotateX(90deg);transform:perspective(400px) rotateX(90deg);opacity:0}
  40%{-webkit-transform:perspective(400px) rotateX(-10deg);-ms-transform:perspective(400px) rotateX(-10deg);transform:perspective(400px) rotateX(-10deg)}
  70%{-webkit-transform:perspective(400px) rotateX(10deg);-ms-transform:perspective(400px) rotateX(10deg);transform:perspective(400px) rotateX(10deg)}
  100%{-webkit-transform:perspective(400px) rotateX(0deg);-ms-transform:perspective(400px) rotateX(0deg);transform:perspective(400px) rotateX(0deg);opacity:1}
}


.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;z-index:100}
.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}
.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}

/*loading 2017.03.13*/
.loadingwrap{ width:500px; height:300px; z-index: 99999;}
.loadingwrap .loadingbar{ width: 200px;height: 165px;margin:0 auto;border:3px solid #bee5ff;background: #fff ;border-radius:4px !important;}
.loadingwrap .loadingbar .logobar{width: 84px;height: 78px;background:url(../img/common/loading.gif) no-repeat !important; margin: 0 auto; margin-top: 12px; }
.loadingwrap h3{font-size:16px ;text-align: center;line-height:18px !important; margin:8px 0 0 0 }
.loadingwrap h5 {text-align: center;font-size:12px;margin:5px 0 0 0;font-weight: normal;}

/*사건조회 2017.03.17*/

.page-wrapper-bottom .portlet.box.blue-oleo{border:0 ;box-shadow:none !important}
.page-wrapper-bottom .portlet.box.blue-oleo .portlet-title.pull-left.col-xs-0-5.col-sm-0-5.col-md-0-5{padding:3px 0 0 7px !important;max-width:10px ; }
.page-wrapper-bottom h5 {font-size:13px  }
.page-wrapper-bottom .table-bordered{border: 0 !important;}
.page-wrapper-bottom .bg-blue-hoki-w{background:#d6dde7 !important; }
.page-wrapper-bottom .md-shadow-z-1{box-shadow: 0 1px 1px 1px rgba(0,0,0,0.12) !important;}
.page-wrapper-bottom .dashboard-stat2{padding:8px 5px 8px 10px}
.page-wrapper-bottom .dashboard-stat2 h5{ text-overflow: ellipsis;width:185px;display: inline-block ;white-space: nowrap;overflow: hidden;margin-top: 3px}

#patentFrm .table-bordered {border-top: 0 !important;border-bottom: 0 !important; }
#patentFrm .table-bordered > tbody > tr > td{border-top: 1px solid #e2e2e2 !important; }
.pop_wrap .table-bordered > tbody > tr > th {font-size:12px;color: #444 ;font-weight:600 !important; }
.pop_wrap .table-bordered > tbody > tr > th.font-bold{font-weight:700 !important;color:#000 !important; }
#patentFrm .portlet.box.blue-oleo{border-top: 1px solid #94a0b2;border-left: 1px solid #94a0b2;border-right: 1px solid #94a0b2;border-bottom:0 !important;overflow: hidden; }
#patentFrm .table.table-striped.table-bordered.text-center > tbody > tr:last-child{border-bottom: 1px solid #94a0b2;}
#patentFrm .table.table-striped.table-bordered.text-center > tbody > tr > th:last-child{border-bottom: 1px solid #94a0b2;}


#patentFrm #R_TBODY_1 .btn-xs{font-size:12px;font-weight:600  }
.form-control.required.autoDisabled{font-weight:600 }
#patentFrm .h6{ font-size:12px ;/*font-weight:600;*/color: #555555 ;line-height:22px !important; padding-left:5px }
#checkbodDiv_CheckPoint{margin-top:5px }
#patentFrm table th label{font-weight:600; }
#patentFrm .portlet.box > .portlet-title {padding-left:10px }
#patentFrm .portlet.box.blue-oleo.no-border-top{border-top:0 }
#patentFrm .portlet.box.blue-oleo.border-bottom .table{border-bottom: 1px solid #94a0b2 !important;}
#patentFrm .portlet.box.blue-oleo.border-bottom .table.table-striped.table-bordered.text-center > tbody > tr:last-child{border-bottom:0;}
#patentFrm .btn.btn-danger.btn-xs.glyphicon.glyphicon-trash{ margin-top:-2px }
#patentFrm .w40pllb{margin-left:1px }
#patentFrm .bg-grey-steel.control-label td{background:#fff }
/*#patentProcessDiv .nav.nav-tabs.pull-left li{font-size: 12px}*/
#patentFrm .dateForm{width:100px }

@media (min-width: 992px) {

  .page-wrapper-bottom .col-md-2.no-padding {width:14%}
  .page-wrapper-bottom .col-md-10.no-padding {width:83%}
  .page-wrapper-bottom .col-md-11-5 {width: 97.5%}


}
/*탑메뉴수정 2017.03.17*/
.page-header .page-header-top .top-menu{z-index: 1000;top:0px;right: 10px;padding-right:0;display: block;}

@media (max-width: 1280px) {
  .page-header .page-header-top .top-menu{padding-right:0 }


  /*파일미리보기 2017.03.22 */
  .fileList{ background:#94A0B2 ;position: absolute;bottom:50px;left:0 ;width:100% ;padding-top:6px;}
  .file_area{width: 170px; float: left; padding: 5px 5px; margin-left: 5px; margin-bottom: 5px; cursor: pointer;height:60px;border:1px solid #fff; }
  .file_area .col-md-4{padding:0;margin:0 ;max-width: 45px }
  .file_area .col-md-8{padding:0;margin:0  }
  .file_text{position: relative;float: left;vertical-align: middle;}
  .file-title{margin:0;line-height:14px;font-weight:700;margin-top:5px   }
  .filetype{background:url(../img/common/filetypes.png) no-repeat;width:33px;height:41px ; display:inline-block; margin-left:5px ;margin-top: 5px  }
  .filetype.pdf{background-position: 0px 0px }
  .filetype.ppt{background-position: -37px 0px }
  .filetype.xls{background-position: -74px 0px }
  .filetype.doc{background-position: -111px 0px }
  .filetype.txt{background-position: -148px 0px }
  .filetype.zip{background-position: -185px 0px }
  .filetype.png{background-position: 0px -49px }
  .filetype.jpg{background-position: -37px -49px }
  .filetype.gif{background-position: -74px -49px }
  .filetype.bmp{background-position: -111px -49px }
  .filetype.tif{background-position: -148px -49px }
  .filetype.etc{background-position: -185px -49px }
  .fileList a:hover .file_area{border:1px solid #333; }
  .fileList a:hover .file_area{border:1px solid #333; }
  .fileList .active .file_area{ background:#444 }
}


/*아이콘 추가(원) 2017.03.22 */
.icon_won{background:url(../img/common/ico_won.png) no-repeat ; text-indent:-5000px;font-size:0 !important;line-height:0 !important;width:14px; height: 14px  ; display: inline-block;vertical-align: middle;margin-right:3px; margin-top: -3px; }
.icon_won.green{background-position:0px 0px !important; }
.icon_won.yellow{background-position:-19px 0px !important;}
.icon_won.blue{background-position:-38px 0px !important; }
/*아이콘 텍스트 2017.03.22 */
.icon_txt{ font-family: '돋움',dotum,Gulim, sans-serif; font-size: 11px;color: #fff;line-height:11px; height:15px;padding:2px 2px 1px 2px; border-radius:2px !important; min-width: 15px;display: inline-block; letter-spacing: -1px; vertical-align: middle; font-weight: normal !important;overflow: hidden;}
.icon_txt.blue{ background:#3c77cf; border: 1px solid #2c5aa2; }
.icon_txt.gray{ background:#b2b2b2; border: 1px solid #8d8d8d; }

.icon_txt.blue.outline{background:#42b19b; border: 1px solid #42b19b; color: #fff;}
.icon_txt.green.outline{background:#3c77cf; border: 1px solid #3c77cf; color: #fff;}
.icon_txt.red.outline{background:#ed8b7d; border: 1px solid #ea897b; color: #fff;}
.icon_txt.gray.outline{background:#b6b6b6; border: 1px solid #b6b6b6; color: #fff;}
.icon_txt.yellow.outline{background:#7a681a; border: 1px solid #7a681a; color: #fff;}
.icon_txt.dark-red.outline{background:#ff0000; border: 1px solid #ff0000; color: #fff;}
.icon_txt.complete.outline{background:#6596c5; border: 1px solid #6596c5; color: #fff;}


/*사건조회 버튼 추가2017.04.10 수정*/
.btn.white.btn-xs.btnTreeExpand,
.btn.white.btn-xs.btnTreeCollapse{padding:0;margin:0 ;line-height:0; font-size:0;  border-radius:2px !important; border: 1px solid #a9bbcb ;width:16px;height: 16px; background:#fff;margin-right:5px;margin-top:2px;margin-bottom:2px ;   }

.btn.white.btn-xs.btnTreeExpand .fa.fa-plus,
.btn.white.btn-xs.btnTreeCollapse .fa.fa-minus{ text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat  !important;width:14px;height: 9px;padding:0;margin:0; }

.btn.white.btn-xs.btnTreeExpand .fa.fa-plus{ background-position:-182px -289px !important }
.btn.white.btn-xs.btnTreeCollapse .fa.fa-minus{background-position:-209px -289px !important;}
.btn.btn-default.btn-xs.btnAddSub{ border-radius:50px !important; padding:0;line-height:0;width:19px;height: 19px; background:#fff;border:1px solid #bbbdc0;vertical-align: middle;margin-top: 1px}
.btn.btn-default.btn-xs.btnAddSub .fa.fa-plus{text-indent:-5000px;font-size:0;line-height:0; background: url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-695px -101px !important;width:19px;height: 19px;padding:0;margin:0;}
.btn.btn-default.btn-xs.btnAddSub:hover{border: 1px solid #4389dd !important;}
table.dataTable tbody>tr.selected .btn.btn-default.btn-xs.btnAddSub{border:1px solid #4389dd }

/*비용 2017.03.29*/
.portlet-title .radio-list  input[type="radio"]{margin-top:2px;margin-left: -18px;}
.portlet-title .radio-list label{font-size:13px;font-weight: 500 }

/*중요버튼수정 2017.04.10*/

.icon-btn2 { padding: 1px 15px 3px 2px;  border-radius:50px !important;  margin: 10px;}
.btnstyle02 {    display: inline-block;    margin-bottom: 0;    font-weight: 600;    text-align: center;    vertical-align: middle;    cursor: pointer;    background-image: none;    border: 1px solid transparent;    white-space: nowrap;    padding: 0px 15px 0px 1px;    font-size: 13px;     border-radius: 4px;    -webkit-user-select: none;    -moz-user-select: none;    -ms-user-select: none;    user-select: none;    line-height:26px !important;    }
.btn-info { color: #fff;  background-color: #94A0B2;   border-color: #8d98a9;  }
.btn-glyphicon2 {    padding: 6px;    background: #ffffff;    margin-right: 4px;}
.glyphicon2 {    position: relative;    top: 1px;    display: inline-block;    font-style: normal;    font-weight: 700;    line-height: 1;    -webkit-font-smoothing: antialiased;    -moz-osx-font-smoothing: grayscale;    font-size: 12px;    vertical-align: top;}
.icon-btn2 .fa.fa-calculator{ font-weight:400 !important;line-height:normal;   }
.icon-btn2 .glyphicon-open{ font-weight:400 !important; color: #5bc0de }
.btnstyle02.blue-oleo span {color: #5b7397 !important;}
.btn.green-sharp:not(.btn-outline):hover{    background-color: #47b0d4 !important;    border-color: #45a2c2 !important;}
.btn.green-sharp:not(.btn-outline) {
  color: #FFFFFF;
  background-color: #5bc0de;
  border-color: #54b0cb; }
.btn.green-sharp:not(.btn-outline):focus, .btn.green-sharp:not(.btn-outline).focus {
  color: #FFFFFF;
  background-color: #47b0d4;
  border-color: #45a2c2; }

/*사건조회컬러변경 2017.04.10*/
#mainRow .bg-green-haze-w{ background:#e2f1f1 !important; }
#mainRow .bg-yellow-mint-w{ background:#e1eef9 !important; }
#mainRow .bg-yellow-gold-w{ background:#e3e9f8 !important; }
#R_TBODY_1 .margin-top-5.fa.fa-plus{border-radius:50px !important; padding:0;line-height:0;border:1px solid #bbbdc0;text-indent:-5000px;font-size:0;line-height:0; background:#fff url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-695px -98px !important;width:19px;height: 19px;padding:0;margin:0;display: block; }
#R_TBODY_1 label.btn.mt-repeater-add.btn-xs br{display: none;}
#R_TBODY_1 .margin-top-5.fa.fa-plus:hover{border: 1px solid #4389dd !important;}
.col-md-2-5.p-l-5 .portlet-title.text-center.addSubBtn {padding-left:0px !important;}
.col-md-2-5.p-l-5 .btn.mt-repeater-add.btn-xs .margin-top-5.fa.fa-plus{border-radius:50px !important; padding:0;line-height:0;border:1px solid #7e8ca1;text-indent:-5000px;font-size:0;line-height:0; background:#fff url(../img/common/sprite_v1.png) no-repeat  !important;background-position:-695px -98px !important;width:19px;height: 19px;padding:0;margin:0;display: inline-block; vertical-align: middle; margin-top: -2px !important;}
.col-md-2-5.p-l-5 .portlet-title.text-center.addSubBtn .btn:hover {color: #fff }
.col-md-2-5.p-l-5 .btn.mt-repeater-add.btn-xs .margin-top-5.fa.fa-plus:hover{border: 1px solid #4389dd !important;}

#patentProcessDiv .portlet > .portlet-title > .nav-tabs > li{border-left:1px solid #417eb2;  }
#patentProcessDiv .portlet.box.blue-oleo{border:1px solid #417eb2; }
#patentProcessDiv .nav-tabs > li > a{font-size:12px ;letter-spacing:-0.5px !important; }
#patentProcessDiv .portlet > .portlet-title > .nav-tabs{border-right:1px solid #417eb2;margin:0 !important;padding:0 !important; }
#patentProcessDiv .portlet > .portlet-title > .nav-tabs > li > a{    margin:0px;    padding: 7px 8px 6px 15px;}
#patentProcessDiv .portlet > .portlet-title > .nav-tabs > li:hover > a { color: #fff;  background: #4283d7;}
#patentProcessDiv .portlet > .portlet-title > .nav-tabs > .active > a{ border-radius:4px 4px 0 0 !important; margin-top:1px ;font-weight:  600 ; background: #fff;color: #333;}
#patentProcessDiv .portlet > .portlet-title > .nav-tabs > .active {border-left:1px solid #5c9bd1;}
#patentProcessDiv .portlet > .portlet-title > .nav-tabs > li:hover > a:focus{background: #fff;color: #333;border-radius:4px 4px 0 0 !important; margin-top:1px ;font-weight:  600 ; }
#patentProcessDiv .caption{display: none;}
#patentProcessDiv .portlet-title.bg-blue-sharp{padding-left:0  }
#patentProcessDiv .badge{ font-family: "Tahoma";height: 16px; text-align: center; padding:0 6px 1px 5px !important;line-height:16px ;    font-weight: 500; }
#patentProcessDiv .badge.label-warning{background: #3871c6}
#patentProcessDiv .pull-right.bg-white{background: transparent !important;}

/*사건조회아이콘 버튼 변경 2017.04.12 - 연차탭도 포합되도록 변경.yc.shin*/
#patentProcessDiv .glyphicon.glyphicon-plus.fa-lg.hand,
#patentProcessDiv .glyphicon.glyphicon-paperclip.fa-lg.hand{ border-radius:50px !important;padding:0; top:0 ;line-height:0;width:23px;height: 23px; background:#fff;border:1px solid #bbbdc0;vertical-align: top;text-indent:-5000px;font-size:0;line-height:0; background: #fff url(../img/common/sprite_v1.png) no-repeat  ; }
#patentProcessDiv .glyphicon.glyphicon-plus.fa-lg.hand{background-position:-721px -97px ;margin-left:1px }
#patentProcessDiv .glyphicon.glyphicon-plus.fa-lg.hand:hover{border: 1px solid #4389dd !important;background-position:-721px -127px ;}
#patentProcessDiv .glyphicon.glyphicon-paperclip.fa-lg.hand{background-position:-748px -97px ;margin-left:2px }
#patentProcessDiv .glyphicon.glyphicon-paperclip.fa-lg.hand:hover{border: 1px solid #4389dd !important;background-position:-748px -127px ;}
#patentProcessDiv .h6 .btn.btn-danger.btn-xs.glyphicon.glyphicon-trash{height:15px; width:15px;text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat !important ;background-position:-781px -100px !important; border: none;}
#patentProcessDiv .h6 .btn.btn-danger.btn-xs.glyphicon.glyphicon-trash:hover{background-position:-781px -131px !important;}

/*미리보기 불가 2017.04.12*/
.no_result { background:url(../img/common/no_result.png) no-repeat center 160px ; width:350px; height: 300px;margin: 0 auto; }
.no_result {padding-top:275px ;text-align: center;font-size:18px ;letter-spacing: -1px; font-weight:600 }
.no_result strong {color: #5892dc; font-weight: 600}

/*******************************/


.btnstyle03{ border-radius:2px !important; border: 1px solid #558fc4; line-height: 18px !important; background:#fff;font-family: "돋움", dotum, sans-serif !important;font-weight: bold;letter-spacing:-1px;color: #666 !important;padding: 2px 7px  0px 5px; }
.btnstyle03 i{text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat  ; width:15px;height: 16px;  vertical-align: middle;}
.btnstyle03 .fa.fa-plus{background-position:-698px -162px ;}
.btnstyle03 .fa.fa-file-zip-o{background-position:-724px -162px ;margin-right:4px  }
.btnstyle03 .fa.fa-file-excel-o{background-position:-750px -162px ;height:14px !important;margin-top:-2px ;margin-right:4px   }
.btnstyle03:hover{border: 1px solid #2a5071 ;background: #eff5fa}
.btnstyle03:focus{border: 1px solid #4883b5;background:#fff}
.btnstyle03:active:focus,
.btnstyle03:active:hover,
.btnstyle03:active{  color: #000;  background-color: #eff5fa;  border-color: #2a5071; }
.btnstyle03 .fa.fa-arrows-v{background-position:-437px -337px ;}

/*조직관리 아이콘 버튼 변경 2017.04.12*/
#deptGrid_wrapper .glyphicon.glyphicon-pencil,
#deptGrid_wrapper .glyphicon.glyphicon-edit,
#deptGrid_wrapper .glyphicon.glyphicon-remove,
#deptGrid_wrapper .glyphicon.glyphicon-refresh{border-radius:50px !important;padding:0; top:0 ;width:23px;height: 23px; background:#fff;border:1px solid #bbbdc0;vertical-align: top;text-indent:-5000px;font-size:0;line-height:0; background: #fff url(../img/common/sprite_v1.png) no-repeat  ;}

#deptGrid_wrapper .glyphicon.glyphicon-pencil{background-position:-863px -98px ;}
#deptGrid_wrapper .glyphicon.glyphicon-edit{background-position:-808px -98px ;}
#deptGrid_wrapper .glyphicon.glyphicon-remove{background-position:-836px -98px ;}
#deptGrid_wrapper .glyphicon.glyphicon-refresh{background-position:-891px -98px ;}

#deptGrid_wrapper .glyphicon.glyphicon-pencil:hover,
#deptGrid_wrapper .glyphicon.glyphicon-edit:hover,
#deptGrid_wrapper .glyphicon.glyphicon-remove:hover,
#deptGrid_wrapper .glyphicon.glyphicon-refresh:hover{border: 1px solid #4389dd !important;background: #fff url(../img/common/sprite_v1.png) no-repeat   ;}

#deptGrid_wrapper .glyphicon.glyphicon-pencil:hover{background-position:-863px -116px ;}
#deptGrid_wrapper .glyphicon.glyphicon-edit:hover{background-position:-808px -116px ;}
#deptGrid_wrapper .glyphicon.glyphicon-remove:hover{background-position:-836px -116px ;}
#deptGrid_wrapper .glyphicon.glyphicon-refresh:hover{background-position:-891px -116px ;}


/*조회결과 버튼 변경 2017.04.12*/
.btnstyle04{ border-radius:3px !important; border: 1px solid #c3c3c3;border-bottom: 1px solid #909090;  line-height: 16px !important; background:#fff;color: #333 !important;    padding: 2px 8px 2px 7px !important; letter-spacing:-0.5px  }
.btnstyle04 i{text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat  ; width:13px;height: 12px !important;  vertical-align: middle;}
.btnstyle04 .fa.fa-file-excel-o{background-position:-780px -166px ;}
.btnstyle04 .fa.fa-cog{background-position:-800px -165px ;}
.btnstyle04:hover{border: 1px solid #2a5071 ;background: #eff5fa}
.btnstyle04 .ico_arrow{background:url(../img/common/sprite_v1.png) no-repeat -825px -167px ; width:8px;height: 12px; display: inline-block;vertical-align: middle; }
.btnstyle04.blue-oleo{color: #fff !important; border-bottom: 1px solid #728299 !important;}
.btnstyle04.blue-oleo:not(.btn-outline) { background-color: #8b98ac;    border-color: #808da2;}
.btnstyle04.blue-oleo .ico_arrow{background:url(../img/common/sprite_v1.png) no-repeat -844px -168px ; width:8px;height: 12px; display: inline-block;vertical-align: middle; }


/*미리보기 불가 2017.04.12*/
.no_result{ background:url(../img/common/no_result.png) no-repeat center 160px ;width:350px;height: 300px;margin: 0 auto; }
.no_result{padding-top:275px ;text-align: center;font-size:18px ;letter-spacing: -1px;font-weight:600 }
.no_result strong {color: #5892dc; font-weight: 600}


/*===== 로그인 =====*/


/*===== 로그인 =====*/
.loginbg{background:url(../img/common/login_bg.png) repeat-x top left;}
/*.login_wrapper { width:100%; height:100%; min-width:1280px ; border-top:4px solid #2667b2; background:url(../img/common/login_visual2.jpg) no-repeat top center; }*/
/*.login_wrapper { width:100%; height:100%; min-width:1280px ; border-top:4px solid #2667b2; background:url(../img/common/FF_login.jpg) no-repeat top center; }*/
.login_wrapper { width:100%; height:100%; min-width:1280px ; border-top:4px solid #2667b2; background-image:url(../img/common/FF_login.jpg);background-repeat:  no-repeat;background-size: cover; }
.login_visual{ height:671px; border-top:1px solid #2667b2; }
.login_logo,.slogan h1,.slogan h2{/*background:url(../img/common/login_img.png) no-repeat;text-indent:-5000px;font-size:0;line-height:0;*/}
.login_logo{width: 180px;height: 100px;margin-top:85px; margin-left:98px  }
.slogan{  position:relative;width:500px; height:100px;margin-top:29px;margin-left:100px ;  }
.slogan h1{width:500px; height:55px; /*background-position: 0px -59px  ;*/ margin-bottom:0;color:#fff;font-size:44px}
.slogan h2{width:500px; height:33px; background-position: 0px -118px ;margin-top:5px; }
.login_wrapper .login-form{width:520px;position: relative; overflow: hidden;}
.login_wrapper .form-group{ width: 287px; margin-left:100px;margin-bottom:6px ;float:left;  }
.login_wrapper .form-group input{ height:37px ;border-radius:3px !important; background: #fff }

.login_wrapper .form-group input{ border-color:#ccd1d9;  padding:0 0 0 45px; font-size:16px;display:block}
.login_wrapper .form-group .id{background:#fff url(../img/common/i_login1.gif) 10px center no-repeat !important;}
.login_wrapper .form-group .pw{background:#fff url(../img/common/i_login2.gif) 10px center no-repeat !important;}
.login_wrapper .form-actions{float: right;margin-top:-125px  }
.login_wrapper .login_btn{background:#4a89dc url(../img/common/i_login3.png) 16px center no-repeat !important; width: 110px; height:70px;border-radius:6px !important; border-bottom:4px solid #3373c7 !important; text-align: center; padding-left: 26px;font-size:16px;
  letter-spacing:0 ;font-weight: 600;}
.login_wrapper .rememberme.check{font-size: 15px;margin-left: 105px;margin-top: 20px;color:#fff}

input:-webkit-autofill {
  -webkit-box-shadow: 0 0 0 1000px white inset !important;
}


input:focus,
input:-webkit-autofill:focus {
  border-color: #66afe9;}

.login_con{ width:100%; height:160px; }
.login_con .area_noti{background: #1a90bd;width: 380px ;height:160px;border-top: 7px solid #167aa3;float: left;}
.login_con .area_noti h3{margin-top:20px; margin-bottom:10px;   font-size:20px;font-weight:600 ;color: #fff;letter-spacing: -0.5px;padding-left:20px ;}
.login_con .list_round_green li{  font-weight:normal; padding:3px 0 3px 0px;color: #32c5d2;letter-spacing: 0px; font-size:13px;list-style:disc; }
.login_con .list_round_green li a{ color: #d0dbeb}
.login_con .list_round_green li a:hover {color:#fff; text-decoration:underline}
.login_con .list_round_green li a:active {color:#fff;}
.login_con .area_guide{ float: left;background:#206ba6 url(../img/common/login_img.png) no-repeat  10px -230px ;width: 380px ;height:160px;border-top: 7px solid #1b5b8f;  padding-left: 100px}
.login_con .area_guide h3{margin-top:20px; margin-bottom:10px; color: #fff;letter-spacing: -0.5px;padding-left:20px ;font-weight:600 !important; font-size: 20px}
.login_con .area_guide ul{list-style: none; margin: 0;padding: 0 0 0 20px}
.login_con .area_guide li{color: #d0dbeb;font-size:13px;letter-spacing: 0px;padding:1px 0 1px 0px;}
.login_con .area_guide li strong {color:#43c6f1;font-weight: normal;}

.login_con .area_help{background:#214274 url(../img/common/login_img.png) no-repeat  10px -364px ;width: 470px ;height:160px;border-top: 7px solid #1c3864;float: left;padding-left: 100px}
.login_con .area_help h3{margin-top:20px; margin-bottom:10px;   font-size:20px;font-weight:600 ;color: #fff;letter-spacing: -0.5px;padding-left:20px ;}
.login_con .area_help ul{list-style: none; margin: 0;padding: 0 0 0 20px}
.login_con .area_help li{color: #d0dbeb;font-size:13px;letter-spacing: 0px;padding:1px 0 1px 0px;}
.login_con .area_help li strong {color:#43c6f1;font-weight: normal;}


.login-form input[type="checkbox"] {
  background: url(../img/common/login_img.png) no-repeat -31px -550px ; width:24px;height:24px ;margin-right: 5px
}

.login-form input[type="checkbox"]:disabled {
  background: url(../img/common/login_img.png) no-repeat -31px -550px ; width:24px;height:24px
}

.login-form input[type="checkbox"]:checked {
  background: url(../img/common/login_img.png) no-repeat -31px -590px ; width:24px;height:24px
}

.login-form input[type="checkbox"]:checked:disabled {
  background: url(../img/common/login_img.png) no-repeat -31px -550px ; width:24px;height:24px
}



.login-form input[type="checkbox"]:checked:disabled {    background: url(../img/common/login_img.png) no-repeat -31px -550px ; width:24px;height:24px}
.login_wrapper .copyright{color: #99a0a6;text-align: center;letter-spacing: 0;padding-top:5px }

/*영문로고 추가 2017.03.22 */
.login .en_logo {height: 61px; width: 170px;background-position:-252px -360px !important; background:url(../img/common/sprite_v1.png) no-repeat 0 0;margin-top:50px !important; text-indent:-5000px;font-size:0;line-height:0; margin:13px 0 0 0px !important; margin:50px auto 0 !important;padding:15px;text-align:center}
.page-header .en_logo{ background:url(../img/common/sprite_v1.png) no-repeat !important ; width:116px; height:36px; display:block;text-indent:-5000px;font-size:0;line-height:0; margin:13px 0 0 0px !important; background-position:-252px -448px !important }


/*텍스트로고 추가 2017.03.22 */
.page-header .page-header-top .text-logo {  float: left;  display: block;margin-left:10px;margin-top:18px ;color: #fff;font-size: 17px; padding-right:20px;}
.page-header .page-header-top .text-logo a{color: #94a0b2 ; }
.page-header .page-header-top .text-logo.font-blue a{color: #0093d5 !important ;font-weight:500 }
.page-header .page-header-top .text-logo a:hover,
.page-header .page-header-top .text-logo a:focus {text-decoration: none;}

.login_wrapper .copyright{color: #000;text-align: center;letter-spacing: 0;padding-top:5px }





/* 모달수정(기본)2017-04-18*/

@media (min-width: 768px) {
  .modal-dialog { width:302px; margin: 100px auto;        }
}

.modal-content{box-shadow: 0 2px 5px rgba(0, 0, 0, 0.4);}
.modal-footer{padding: 12px 0 5px 0;    text-align: center;border-top: none; }
.alert {  padding: 5px 10px;}
.modal-footer .btn.btn-primary{background: #153a75; border-radius:3px !important; }
.modal-footer .btn.btn-default{background: #1fa9d2;border-radius:3px !important;color: #fff  }
.modal-footer .btn{padding:4px 12px;font-size:12px;border: none; }
.modal-footer .btn + .btn {    margin-left: 2px; }
.alert-img{text-align: left !important; font-size:12px !important;font-weight: 400 !important;color: #666;background:url(../img/common/sprite_v1.png) no-repeat  -475px -195px !important  ;padding-left:90px;letter-spacing:0  }
.modal-sizeup{width:500px;}
.modal-sizeup strong{letter-spacing: -0.5px;line-height: 20px;display: block;margin-bottom:5px; }
.modal-sizeup .font-md{font-size: 17px}
.modal-sizeup strong.title{font-size: 17px;}


/* 업무일정 추가 수정2017-04-21*/
#overviewDiv .portlet.light > .portlet-title > .actions{padding: 4px 0 0px 0;}
#overviewDiv .btn-group.btn-group-circle > .btn:first-child{border-radius:3px 0 0 3px !important}
#overviewDiv .btn-group.btn-group-circle > .btn:last-child {border-radius: 0 3px 3px 0 !important;}
#overviewDiv .portlet > .portlet-title > .actions > .btn-group > .btn.btn-default{padding: 0px 9px !important;}
#overviewDiv .btn-default{border-color: #d0d5db; margin-bottom:9px }
#overviewDiv .portlet-title .tabbable-line > .nav-tabs{vertical-align: bottom;}
#overviewDiv .portlet-title .tabbable-line > .nav-tabs > li > a{font-size: 12px !important; padding: 4px 10px  7px 10px!important;}
#overviewDiv .tabbable-line > .nav-tabs > li{min-width: 50px !important;}
#overviewDiv .portlet-title .tabbable-line {margin-right:10px ;margin-bottom: 0}
#overviewDiv .portlet.light.portlet-fit > .portlet-title {padding: 5px 20px 0px 20px;    margin-bottom: 0px;}
.card_bg{background: #ebf0f6;padding-top:20px !important; }
.card_box{border-radius:0 6px 6px 0 !important; }
.card_content{background: #fff;margin-left:4px;padding-left: 18px;padding-top: 10px;padding-right: 12px;border-radius:0 6px 6px 0 !important; }
.card_box.badge-danger,
.card_box.badge-danger .title span{background: #f2979e}
.card_box.badge-success,
.card_box.badge-success .title span{background: #86dde5}
.card_box.badge-info,
.card_box.badge-info .title span{background: #87b1e7}

.row.margin-bottom-10{margin-bottom:12px !important; }


.card_content span{display: block;font-size:12px ;color: #666666;line-height: 15px}
/*.card_content span {letter-spacing:0 }*/
.card_content h5{ margin: 5px 0 8px 0;letter-spacing:0;font-size: 13px}
.card_content .title{border-top: 1px solid #e3e3e3;text-align: right;padding:4px 5px 5px 0px   }
.card_content .title span{display: inline-block;color: #fff;font-size: 11px;width: 33px;border-radius:50px !important;text-align: center;font-family: "Dotum";letter-spacing: -1px; padding-top:1px;height:15px ;float: left;vertical-align: middle; margin-top: 2px;line-height: 15px;vertical-align: middle;}
.card_content .title strong{color:#666666 }
.card_content  .btn.btn-default.btn-xs.sty01{ float: right;margin-top:0 }
.card_box{box-shadow: 0 1px 3px 0 rgba(0,0,0,0.15);
  transform: translateY(2px);
  transition-property: transform, box-shadow;
  transition-duration: 0.2s;
  transition-timing-function: ease-in-out;
  cursor: pointer;
  position: relative;
}


.card_box:hover,
.card_box:active {
  box-shadow: 0 2px 4px 0 rgba(0,0,0,0.15);
  transform: translateY(-1px);
}

.card_box.badge-won{ background: #95caf5}
.card_box.badge-won .title span{background: #94a0b2;width: 44px;}
.card_box.badge-won .title strong{color: #89c4f4;font-size: 14px}
.portlet > .portlet-title > .actions > .btn-group > .btn > .fa.fa-reorder,
.portlet > .portlet-title > .actions > .btn-group > .btn > .fa.fa-th-large{background:url(../img/common/sprite_v1.png) no-repeat   ;text-indent:-5000px;font-size:0;line-height:0; width:10px;height: 12px;vertical-align: middle; }
.portlet > .portlet-title > .actions > .btn-group > .btn > .fa.fa-reorder{background-position: -401px -309px !important;}
.portlet > .portlet-title > .actions > .btn-group > .btn > .fa.fa-th-large{background-position: -374px -309px !important;}
.portlet > .portlet-title > .actions > .btn-group > .active > .fa.fa-reorder{background-position: -337px -309px !important;}
.portlet > .portlet-title > .actions > .btn-group > .active > .fa.fa-th-large{background-position: -310px -309px !important;}
.portlet > .portlet-title > .actions > .btn-group > .active{background: #94a0b2;border: 1px  solid #94a0b2 !important;}



/* 업무일정 추가 수정2017-05-04*/
.card_box.no_img{ background: #eff3f8;height:95px ;border-width:2px; border-style: dashed; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.15); border-radius:6px !important; border-color: #cad5e4}
.card_box.no_img .card_content{background: #eff3f8;padding: 0}
.card_box.no_img .card_content p{background:url(../img/common/noimg.png) no-repeat center 15px;padding-top: 55px ;text-align: center;color: #94a0b2;letter-spacing:-1px }
.col-md-12 .card_box.no_img {height:210px }
.col-md-12 .card_box.no_img .card_content p{background:url(../img/common/noimg.png) no-repeat center 65px;padding-top: 110px ;text-align: center;color: #94a0b2;letter-spacing:-1px }

.card_box.no_img:hover,
.card_box.no_img:active {
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.15);
  transform: translateY(2px) !important;}




/*검색영역 수정 2017- 05-04 */
.searchform {box-shadow: 0 1px 1px rgba(0,0,0,.06) !important;border-bottom: 1px solid #9ea7b1 !important;border-top: 1px solid #cfd3d8 !important;border-left: 1px solid #cfd3d8 !important;border-right: 1px solid #cfd3d8 !important;}
.searchform .portlet-title{background: #f8f9fc;    }
.searchform .portlet-title .form-control{ height: 30px}
.searchform .portlet-title .btn-sm{padding:5px 10px !important;}
.searchform .portlet-title #btnSearchListAll{margin-right:5px }
.searchform .portlet-title .col-md-5{padding-right: 0}
.searchform .form .form-bordered .form-group{    border-bottom: 1px solid #d4dae4;}
.searchform > .portlet-title{border-bottom: 0px !important;}
.searchform .form .form-bordered .form-group.last{border-bottom:0 !important;  }
.portlet.light.form-fit.searchform .form-body{border-top: 1px solid #d2d9e3 !important;}
.portlet.light.form-fit.searchform .form-body .col-md-10-5,
.portlet.light.form-fit.searchform .form-body .col-md-9 {background: #f3f6fa}
.portlet.light.form-fit.searchform .col-md-1-5.border-left-white {background: #f3f6fa}
.searchform label.search-label{ float: left;}
.searchform label.search-label div{width:50px !important ;display: inline-block;text-align: left; }
.portlet.light.form-fit.searchform .form-body{background: #edf0f5}
.searchform .form .form-bordered .form-group > div{border-left: 0;}
.searchform label.search-label i{font-size:26px;vertical-align: middle;margin-right: 10px }

#searchRangeTitleDiv,
.searchform  .form .form-bordered .form-group.last .search-label {   padding-top:20px }
.searchform  .form .form-bordered .form-group .control-label{   padding-top:20px }
#btnExprSave,#btnExprSelect{padding:4px 10px !important;}
.input-group-addon {background: #fff}
@media (min-width: 1280px){
  .searchform .col-md-1-5 {width: 10%;}
  .searchform .col-md-10-5 {width: 90%;}
  .searchform .col-md-9{width: 80%;}

}

/*마감일안내 수정 2017- 05-04 */
.btn.btn-default.btn-xs.sty01 .icon-eye{background-position: -370px -277px !important ;}
.btn.btn-default.btn-xs.sty01 .icon-eye:hover{background-position: -403px -277px !important ;}
.calendar .portlet-body{padding-top:24px !important; }

/*청구서 수정 2017- 05-04 */
.table_details{padding:0 !important;  }
.nav.nav-pills.rowN {
  /*margin-bottom: 10px !important;*/
  margin-top: 10px !important;
  border-bottom: 1px solid #5892dc;
}
.detail_table > .nav > li a{ font-size: 12px; padding: 6px 15px;font-weight:600 }

.detail_table .nav-pills > li.active > a{ background: #5892db !important; }
.detail_table .nav-pills > li.active{border-top: 1px solid #5892db;border-radius: 4px  4px 0 0 !important;
  border-left: 1px solid #5892db;
  border-right: 1px solid #5892db;border-bottom: 1px solid #f1f2f4;}
.detail_table .nav > li > a:hover{border-radius: 4px  4px 0 0 !important; }

/*청구서 수정 2017- 05-16 */
/* 메뉴수정 -2018-03-08 */
/*.page-header .page-header-menu .hor-menu .navbar-nav > li.active > a{ background: #1990f8 !important;}
.page-header .page-header-menu .hor-menu .navbar-nav > li:hover > a{ background: #233147 !important;}
.page-header .page-header-menu .hor-menu .navbar-nav > li > a:hover{ background: #233147 !important;}*/


.searchtype03 {padding-bottom: 9px !important; background: #f8f9fc !important;}
.searchtype03 .rd.p-l-20{padding-left:35px !important; }
.searchtype03 .mt-checkbox .mt-checkbox-outline{}
.searchtype03 input[type="checkbox"]:checked{font-weight: bold;}
.searchtype03 .mt-checkbox { font-size: 13px !important;}
.searchtype03 .mt-checkbox.mt-checkbox-outline > input:checked ~ span { }
#checkbodDiv_searchCheckBox{padding-top:5px }
.searchtype03 .mt-checkbox > span:after{border-color: #3579d4;left: 4px;top: 0px;}
.searchtype03 .mt-checkbox.mt-checkbox-outline > input:checked ~ span {   border: 1px solid #aaaaaa;background: #fff}
.searchtype03 .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, .mt-checkbox.mt-checkbox-outline > input:checked ~ span { border: 1px solid #aaaaaa;background: #fff}
.searchtype03 .btn.btn-default.btn-sm{margin-left:2px;margin-right:2px }

.portlet.light.viewlist .portlet-title .btn-sm{    padding: 3px 12px 3px 12px !important}
.portlet.light.viewlist .portlet-title .btn.blue-oleo:not(.btn-outline){background-color: #8c9bae;    border-color: #8c9bae;}
.portlet.light.viewlist .portlet-title .btn-sm{font-weight:500; margin-left:2px !important; }
.portlet.light.viewlist .portlet-title .btn.blue-oleo:not(.btn-outline):hover {
  color: #FFFFFF;
  background-color: #76869d;
  border-color: #708098;
}

/* content_section_sitemap */
ul.siteBox { display: inline-block; padding: 0; margin: 0; width: 100%; }
ul.siteBox li {float:left;}
ul.siteBox li.mg50 {margin-right:50px;}
ul.siteBox li.mg20 {margin-right:20px;}
ul.siteBox li h2 {
  border-bottom: 1px solid #777;
  font-size: 1.4em;
  font-weight: 700;
  color: #cda14d;
}
ul.siteBox li h3 {margin-bottom:10px; width:175px; padding:15px 0 10px 0; border-bottom:1px solid #7e7e7e; font-size:16px; font-weight:600; color:#5e5e5e; letter-spacing:-1px; text-indent:0}
ul.siteTit li {padding:4px 0; color:#555; text-indent:10px;}
ul.siteTit li a {display:block; color:#777;}
ul.siteTit li a:hover,
ul.siteTit li a:focus,
ul.siteTit li a:active,
ul.siteTit li a.on {display:block; color:#c99e60;}
ul.siteTit li a span {font-size: 10px; color: #c99e60; padding-right: 3px;}

.relatedSites-list {
  z-index: 999;
  position: absolute;
  top: 60px;
  left: 0;
  width: 100%;
  /* background: #656a74; */
  background: #475767;
  box-shadow: 2px 2px 5px #888;
}
.relatedSites-list .siteBox a {
  color: #d5d9e0;
}
/* [class*="depth_"] {
  float: left;
  padding-left: 0;
} */
.relatedSites-list .siteBox .depth_1 {
  width: 16.666666667%;
}
.relatedSites-list .siteBox .depth_1_list {
  margin: 0;
  padding : 10px;
}
.relatedSites-list .siteBox .depth_1_list > li {
  display: list-item;
  white-space: nowrap;
  float: none;
}
.relatedSites-list .siteBox .depth_1_list > li a {
  display: list-item;
  padding: 3px 15px;
  font-size: 1.1em;
  letter-spacing: 0;
  cursor: pointer !important;
}
.relatedSites-list .siteBox .depth_1_list > li a i {
  margin-right: 5px;
  font-size: 1.15em;
}
.relatedSites-list .siteBox .depth_1_list > li a label {
  cursor: pointer !important;
}
.relatedSites-list .siteBox .depth_1_list > li a:hover {
  color: #cda14d;
}
.relatedSites-list > li,ul,ol,dl {list-style:none; text-decoration: none;}

/*사건상세보기 수정 2017- 05-16 */
.btnPatentPriority,.btnCopyPatent{ border: 1px solid #36404f !important;color: #fff !important;letter-spacing:-1px;padding:2px 5px 0px 20px !important  ;line-height:14px !important;border-radius: 0px !important;    font-family: "돋움", dotum, sans-serif !important; font-weight: normal;  }
.btnPatentPriority{background: #677b95 url(../img/common/sprite_v1.png) no-repeat -472px -306px !important;}
.btnCopyPatent{background: #677b95 url(../img/common/sprite_v1.png) no-repeat -472px -336px !important;}
#copyBtns{margin-top:2px }
#patentOrdInfo .portlet-title{padding-right:5px !important; }
.btnCopyPatent:hover {background: #4f7db9 url(../img/common/sprite_v1.png) no-repeat -472px -336px !important;border: 1px solid #2b5285 !important;}
.btnPatentPriority:hover{background: #4f7db9 url(../img/common/sprite_v1.png) no-repeat -472px -306px !important;border: 1px solid #2b5285 !important}


/*조회영역 수정 2017- 05-16 */
.searchtype03 {padding-bottom: 9px !important; background: #f8f9fc !important;}
.searchtype03 .rd.p-l-20{padding-left:35px !important; }
.searchtype03 .mt-checkbox .mt-checkbox-outline{}
.searchtype03 input[type="checkbox"]:checked{font-weight: bold;}
.searchtype03 .mt-checkbox { font-size: 13px !important;}
.searchtype03 .mt-checkbox.mt-checkbox-outline > input:checked ~ span { }
#checkbodDiv_searchCheckBox{padding-top:5px }
.searchtype03 .mt-checkbox > span:after{border-color: #3579d4;left: 4px;top: 0px;}
.searchtype03 .mt-checkbox.mt-checkbox-outline > input:checked ~ span {   border: 1px solid #aaaaaa;background: #fff}
.searchtype03 .mt-checkbox.mt-checkbox-outline:hover > input:not([disabled]):checked ~ span, .mt-checkbox.mt-checkbox-outline > input:checked ~ span { border: 1px solid #aaaaaa;background: #fff}
.searchtype03 .btn.btn-default.btn-sm{margin-left:2px;margin-right:2px }


/*결과리스트 우측버튼수정 2017- 05-16 */
.portlet.light.viewlist> .portlet-title > .actions{padding: 4px 0 14px 0;}
.portlet.light.viewlist .portlet-title .btn-sm{ padding: 3px 14px 3px 12px !important;letter-spacing:-0.5px }
.portlet.light.viewlist .portlet-title .btn.blue-oleo:not(.btn-outline){background-color: #8d9cae;    border-color: #8d9cae;}
.portlet.light.viewlist .portlet-title .btn-sm{font-weight:500; margin-left:2px !important; }
.portlet.light.viewlist .portlet-title .btn.blue-oleo:not(.btn-outline):hover { color: #FFFFFF;  background-color: #76869d;  border-color: #708098;}

.portlet.light.viewlist .portlet-title .btn{font-weight:600 !important;}
.portlet.light.viewlist .portlet-title .btn.blue:not(.btn-outline){background-color: #6facfd;    border-color: #6facfd;}
.portlet.light.viewlist .portlet-title .btn.blue:hover { color: #FFFFFF;  background-color: #4283d7;  border-color: #2771d3;}
.portlet.light.viewlist .portlet-title .btn{min-width:70px }
.portlet.light.viewlist .portlet-title .btn .fa.fa-caret-right{ background: url(../img/common/sprite_v1.png) no-repeat -184px -316px !important;text-indent:-5000px;font-size:0 !important;line-height:0 !important;width:12px;height: 12px;vertical-align: middle;  }



/* 로그인2017-05-17*/

.login_wrapper{}
.login_visual{width:1280px;margin: 0 auto; }
.login_con {width:1280px;margin: 0 auto; }
@media (min-width: 1280px) {

}

/* 업무일정 추가 수정2017-05-04*/
.card_box.no_img{ background: #eff3f8;height:95px ;border-width:2px; border-style: dashed; box-shadow: 0 0px 0px 0 rgba(0,0,0,0.15); border-radius:6px !important; border-color: #cad5e4}
.card_box.no_img .card_content{background: #eff3f8;padding: 0}
.card_box.no_img .card_content p{background:url(../img/common/noimg.png) no-repeat center 15px;padding-top: 55px ;text-align: center;color: #94a0b2;letter-spacing:-1px }
.col-md-12 .card_box.no_img {height:210px }
.col-md-12 .card_box.no_img .card_content {background:url(../img/common/noimg.png) no-repeat center 65px;padding-top: 110px ;text-align: center;color: #94a0b2;letter-spacing:-1px }

.card_box.no_img:hover,
.card_box.no_img:active {
  box-shadow: 0 0px 0px 0 rgba(0,0,0,0.15);
  transform: translateY(2px) !important;}





.btnstyle05{ border-radius:2px !important; border: 1px solid #558fc4; line-height: 18px !important; background:#ec9fdd;font-family: "돋움", dotum, sans-serif !important;font-weight: bold;letter-spacing:-1px;color: #2f593f !important;padding: 2px 7px  0px 5px; }
.btnstyle05 i{text-indent:-5000px;font-size:0;line-height:0; background:url(../img/common/sprite_v1.png) no-repeat  ; width:15px;height: 16px;  vertical-align: middle;}
.btnstyle05 .fa.fa-plus{background-position:-698px -162px ;}
.btnstyle05 .fa.fa-file-zip-o{background-position:-724px -162px ;margin-right:4px  }
.btnstyle05 .fa.fa-file-excel-o{background-position:-750px -162px ;height:14px !important;margin-top:-2px ;margin-right:4px   }
.btnstyle05:hover{border: 1px solid #2a5071 ;background: #eff5fa}
.btnstyle05:focus{border: 1px solid #4883b5;background:#ec9fdd}
.btnstyle05:active:focus,
.btnstyle05:active:hover,
.btnstyle05:active{  color: #000;  background-color: #eff5fa;  border-color: #2a5071; }
.btnstyle05 .fa.fa-arrows-v{background-position:-437px -337px ;}