@charset "utf-8";

/*@import url(https://fonts.googleapis.com/css?family=Nanum+Gothic+Coding|Nanum+Gothic|Open+Sans);*/
@import url('/assets/css/webfont.css');

body {
    font-family: 'Nanum Gothic', 'Malgun Gothic', serif;
    font-size: 12px;
}

h1,
h2,
h3,
h4,
h5,
h6 {
    font-weight: 700;
}

h4, .h4,
h5, .h5,
h6, .h6 {
    margin-top: unset;
    margin-bottom: unset;
}

h6, .h6 {
    font-size: 11px;
    line-height:28px;
}

.row {
    margin-left: -5px;
    margin-right: -5px;
}

.col-xs-1-5, .col-sm-1-5, .col-md-1-5, .col-lg-1-5, .col-xs-2-5, .col-sm-2-5, .col-md-2-5, .col-lg-2-5, .col-xs-3-5, .col-sm-3-5, .col-md-3-5, .col-lg-3-5, .col-xs-4-5, .col-sm-4-5, .col-md-4-5, .col-lg-4-5, .col-xs-5-5, .col-sm-5-5, .col-md-5-5, .col-lg-5-5, .col-xs-6-5, .col-sm-6-5, .col-md-6-5, .col-lg-6-5, .col-xs-7-5, .col-sm-7-5, .col-md-7-5, .col-lg-7-5, .col-xs-8-5, .col-sm-8-5, .col-md-8-5, .col-lg-8-5, .col-xs-9-5, .col-sm-9-5, .col-md-9-5, .col-lg-9-5, .col-xs-10-5, .col-sm-10-5, .col-md-10-5, .col-lg-10-5, .col-xs-11-5, .col-sm-11-5, .col-md-11-5, .col-lg-11-5, .col-xs-12-5, .col-sm-0-5, .col-md-0-5, .col-lg-0,
.col-xs-1, .col-sm-1, .col-md-1, .col-lg-1, .col-xs-2, .col-sm-2, .col-md-2, .col-lg-2, .col-xs-3, .col-sm-3, .col-md-3, .col-lg-3, .col-xs-4, .col-sm-4, .col-md-4, .col-lg-4, .col-xs-5, .col-sm-5, .col-md-5, .col-lg-5, .col-xs-6, .col-sm-6, .col-md-6, .col-lg-6, .col-xs-7, .col-sm-7, .col-md-7, .col-lg-7, .col-xs-8, .col-sm-8, .col-md-8, .col-lg-8, .col-xs-9, .col-sm-9, .col-md-9, .col-lg-9, .col-xs-10, .col-sm-10, .col-md-10, .col-lg-10, .col-xs-11, .col-sm-11, .col-md-11, .col-lg-11, .col-xs-12, .col-sm-12, .col-md-12, .col-lg-12 {
    position: relative;
    min-height: 1px;
    padding-left: 5px;
    padding-right: 5px;
}

.col-xs-0-5, .col-xs-1-5, .col-xs-2-5, .col-xs-3-5, .col-xs-4-5, .col-xs-5-5, .col-xs-6-5, .col-xs-7-5, .col-xs-8-5, .col-xs-9-5, .col-xs-10-5, .col-xs-11-5,
.col-xs-1, .col-xs-2, .col-xs-3, .col-xs-4, .col-xs-5, .col-xs-6, .col-xs-7, .col-xs-8, .col-xs-9, .col-xs-10, .col-xs-11, .col-xs-12 {
    float: left;
}

.col-xs-0-5 {
    width: 4.166666667%;
}

.col-xs-1-5 {
    width: 12.5%;
}

.col-xs-2-5 {
    width: 20.83333333%;
}

.col-xs-3-5 {
    width: 29.16666667%;
}

.col-xs-4-5 {
    width: 37.5%;
}

.col-xs-5-5 {
    width: 45.83333333%;
}

.col-xs-6-5 {
    width: 54.16666667%;
}

.col-xs-7-5 {
    width: 62.5%;
}

.col-xs-8-5 {
    width: 70.83333333%;
}

.col-xs-9-5 {
    width: 79.16666667%;
}

.col-xs-10-5 {
    width: 87.5%;
}

.col-xs-11-5 {
    width: 95.83333333%;
}

.table-responsive {
    overflow-x: auto;
    overflow-y: hidden;
    min-height: 0.01%;
}

label {
    margin-bottom: unset;
}

input[type="radio"],
input[type="checkbox"] {
    margin: unset;
    vertical-align: middle;
}

.form-control {
    height: 24px;
    padding: 3px 5px;
    font-size: 12px;
}

.form-control:focus {
    padding-bottom: 0;
}

textarea.form-control {
    height: 100px;
}

.radio-inline,
.checkbox-inline {
    padding-right: 20px;
    padding-left: 0;
}

.input-sm, .input-group-sm > .form-control,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .btn {
    font-size: 11px;
}

.form-group-sm .form-control {
    font-size: 11px;
}

.form-group-sm .form-control-static {
    font-size: 11px;
}

.btn-sm {
    letter-spacing: 0;
    font-size: 12px;
    font-weight: 595;
}

.btn-sm, .btn-group-sm > .btn {
    font-size: 12px;
}

.btn-xs, .btn-group-xs > .btn {
    font-size: 11px;
}

.dropdown-header {
    font-size: 11px;
}

.input-group-addon {
    padding: 2px 5px;
    border-right: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    border-top: 1px solid #ccc;
}

.input-group-addon.input-sm,
.input-group-sm > .input-group-addon,
.input-group-sm > .input-group-btn > .input-group-addon.btn {
    font-size: 11px;
}

.input-group .form-control:last-child,
.input-group-addon:last-child,
.input-group-btn:last-child > .btn,
.input-group-btn:last-child > .btn-group > .btn,
.input-group-btn:last-child > .dropdown-toggle,
.input-group-btn:first-child > .btn:not(:first-child),
.input-group-btn:first-child > .btn-group:not(:first-child) > .btn {
    border-bottom-left-radius: unset;
    border-top-left-radius: unset;
}

.input-group-addon:last-child {
    border-left: unset;
}

.badge {
    font-size: 11px;
}

.progress-bar {
    font-size: 11px;
}

.panel-body {
    padding: 0 15px;
}

.modal-body {
    position: relative;
    padding: 0 15px 15px 15px
}

.modal-footer {
    padding: 15px 15px 5px 15px;
    text-align: right;
    border-top: 1px solid #e5e5e5;
}

.tooltip {
    font-size: 11px;
}

.font-500 {
    font-weight: 500;
}

.no-padding {
    padding: 0;
}

.no-float {
    float: none !important;
}

.block {
    display: block !important;
}

.margin-top-1 {
    margin-top: 1px;
}

.margin-top-5 {
    margin-top: 5px !important;
}

.margin-right-20 {
    margin-right: 20px !important;
}

.m-r-minus-1 {
    margin-right: -1px !important;
}

.margin-tb-10 {
    margin: 10px 0;
}

.margin-tb-15 {
    margin: 10px 0;
}

.margin-tb-20 {
    margin: 20px 0;
}

.p-l-5 {
    padding-left: 5px !important;
}

.p-l-10 {
    padding-left: 10px !important;
}

.p-l-20 {
    padding-left: 20px !important;
}

.p-r-0 {
    padding-right: 0 !important;
}

.p-r-5 {
    padding-right: 5px !important;
}

.p-r-10 {
    padding-right: 10px !important;
}

.p-r-20 {
    padding-right: 20px !important;
}

.p-t-5 {
    padding-top: 5px !important;
}

.p-t-10 {
    padding-top: 10px !important;
}

.p-t-20 {
    padding-top: 20px !important;
}

.p-b-5 {
    padding-bottom: 5px !important;
}

.p-b-10 {
    padding-bottom: 10px !important;
}

.p-b-20 {
    padding-bottom: 20px !important;
}

.padding-tb-5 {
    padding: 5px 0 !important;
}

.padding-tb-10 {
    padding: 10px 0 !important;
}

.padding-tb-15 {
    padding: 10px 0 !important;
}

.padding-tb-20 {
    padding: 20px 0 !important;
}

.btn.blue:not(.btn-outline) {
    background-color: #5892dc;
    border-color: #4082d8;
}

.btn.blue:not(.btn-outline):focus, .btn.blue:not(.btn-outline).focus {
    background-color: #4283d7;
    border-color: #004ec8;
}

.btn.blue:not(.btn-outline):hover {
    background-color: #4283d7;
    border-color: #2771d3;
}

.btn.green:not(.btn-outline):hover {
    background-color: #32c5d2;
}

.btn.green-sharp:not(.btn-outline):focus, .btn.green-sharp:not(.btn-outline).focus {
    background-color: #39b3d7;
    border-color: #269abc;
}

.btn.green-sharp:not(.btn-outline):hover {
    background-color: #39b3d7;
    border-color: #269abc;
}

.btn.green-sharp:not(.btn-outline):active, .btn.green-sharp:not(.btn-outline).active,
.open > .btn.green-sharp:not(.btn-outline).dropdown-toggle {
    background-color: #39b3d7;
    border-color: #269abc;
}

.btn.green-sharp:not(.btn-outline):active:hover, .btn.green-sharp:not(.btn-outline):active:focus, .btn.green-sharp:not(.btn-outline):active.focus, .btn.green-sharp:not(.btn-outline).active:hover, .btn.green-sharp:not(.btn-outline).active:focus, .btn.green-sharp:not(.btn-outline).active.focus,
.open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:hover,
.open > .btn.green-sharp:not(.btn-outline).dropdown-toggle:focus,
.open > .btn.green-sharp:not(.btn-outline).dropdown-toggle.focus {
    background-color: #39b3d7;
    border-color: #269abc;
}

.btn.green-sharp:not(.btn-outline).disabled:hover, .btn.green-sharp:not(.btn-outline).disabled:focus, .btn.green-sharp:not(.btn-outline).disabled.focus, .btn.green-sharp:not(.btn-outline)[disabled]:hover, .btn.green-sharp:not(.btn-outline)[disabled]:focus, .btn.green-sharp:not(.btn-outline)[disabled].focus,
fieldset[disabled] .btn.green-sharp:not(.btn-outline):hover,
fieldset[disabled] .btn.green-sharp:not(.btn-outline):focus,
fieldset[disabled] .btn.green-sharp:not(.btn-outline).focus {
    background-color: #39b3d7;
    border-color: #269abc
}

.btn-icon-only {
    height: 27px;
    width: 27px;
}

/*** Dropdown Menu ***/
.dropdown-menu > li:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a {
    background-color: #fff;
    font-size: 12px;
}

/*** Forms ***/
.control-label .required,
.form-group .required {
    font-size: 11px;
}

.portlet-form .form-body,
.form .form-body {
    padding: 10px;
}

.portlet-form .form-actions,
.form .form-actions {
    padding: 5px 15px 10px 15px;
    background-color:#ffffff;
}

.form .form-bordered .form-group .control-label {
    padding-top: 10px;
}

.form .form-bordered .form-group > div {
    padding: 10px;
    border-left: 1px solid #efefef;
}

.mt-radio,
.mt-checkbox {
    padding-left: 20px;
    margin-bottom: 5px;
    font-size: 11px;
    /*letter-spacing:-0.05em;*/
}

.mt-checkbox > input {
    background: #d9d9d9;
}

/*checkbox를 check한 경우*/
.mt-checkbox > span:after {
    left: 4px;
    top: 0;
    width: 5px;
    height: 10px;
    border: solid #555;
    border-width: 0 2px 2px 0;
    transform: rotate(45deg);
}

/*** Custom icon buttons ***/
.icon-btn > div {
    font-size: 11px;
}

/*** Customized Bootstrap Labels ***/
.label {
    font-family: 'Nanum Gothic', 'Malgun Gothic', serif;
    padding: 3px 7px;
}

.label.label-sm {
    font-size: 11px;
    font-weight: 600;
}

.label.label-icon > i {
    font-size: 11px;
}

.text-white {
    color: #ffffff;
}

.text-mint {
    color: #66fffa !important;
}

.text-yellow-haze {
    color: #ffffcc;
}

/** ***/

.table-scrollable {
    margin: 0;
}

/*공통수정  2017.12.27*/
.required {
    font-size: 11px;
    font-weight: normal;
    height: 10px;
    line-height: 12px;
    color: #e02222;
    padding-left: 2px
}

.required-choice {
    font-size: 11px;
    font-weight: normal;
    height: 10px;
    line-height: 12px;
    color: #1797e0;
    padding-left: 2px
}

/************** portlet *************/

.portlet {
    background: rgb(255, 255, 255);
    border-width: 1px;
    border-style: solid;
    border-color: rgb(236, 236, 236) rgb(219, 219, 219) rgb(219, 219, 219);
    border-radius: 5px;
    border-image: none; /*box-shadow: 0 2px 2px rgba(0,0,0,0.18);*/
    box-shadow: 0 2px 2px rgba(0, 0, 0, .08);
    margin-bottom: 10px;
}

.portlet > .portlet-title > .caption {
    font-weight: 595;
}

.portlet > .portlet-title > .tools {
    float: unset;
}

.portlet > .portlet-title > .nav-tabs > li > a {
    margin: 3px 0 0 1px;
    padding: 5px 15px;
}

.portlet > .portlet-title > .caption > .caption-helper {
    color: #666;
}

.portlet.light {
    padding: 12px 10px 15px 10px;
}

.portlet.light > .portlet-title {
    min-height: 24px;
    padding-left:5px;
}

.portlet.light > .portlet-title > .caption {
    padding: 5px 0;
}

.portlet.light > .portlet-title > .caption > .caption-subject {
    font-size: 14px;
}

.portlet.light > .portlet-title > .tools {
    padding: 6px 0 0 0;
    margin-top: 0;
}

.portlet.light.form-fit > .portlet-title {
    padding: 0 20px;
}

.portlet.light.portlet-fit > .portlet-title {
    padding: 5px 20px 5px 20px;
}

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

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

/*컨텐츠 판넬*/

.portlet .font-dark {
    color: #697882 !important;
}

/************ END: portlet *****************/

.table .btn {
    margin-right: 3px;
}

.nav-pills > li > a {
    font-size: 11px;
}

/*** Tiles ***/
.tiles .tile {
    font-size: 11px;
}

.tiles .tile .tile-body {
    font-size: 11px;
}

.widget-media .widget-btn-default {
    font-size: 11px;
}

.widget-media .widget-btn-red {
    font-size: 11px;
}

.widget-media .widget-btn-blue {
    font-size: 11px;
}

.widget-map .widget-sparkline-chart .widget-sparkline-title {
    font-size: 11px;
}

.mt-timeline-2 > .mt-container > .mt-item > .mt-timeline-content > .mt-content-container .mt-author-notes {
    font-size: 11px;
}

.mt-element-list .list-default.mt-list-head .list-date {
    font-size: 11px;
}

.mt-element-list .list-default.mt-list-head .list-label {
    font-size: 11px;
}

.mt-element-list .list-simple.mt-list-head .list-date {
    font-size: 11px;
}

.bg-blue-sharp-w {
    background: #d4eaf6 !important;
}

.bg-blue-hoki-w {
    background: #e2eaf6 !important;
}

.bg-blue-w {
    background: #bce9f8 !important;
}

.bg-yellow-mint-w {
    background: #f4f1da !important;
}

.bg-yellow-gold-w {
    background: #f8e8dd !important;
}

.bg-red-pink-w {
    background: #f9e3e3 !important;
}

.bg-green-haze-w {
    background: #e1f3f1 !important;
}

/************************* BEGIN page-header ********************/

.page-header {
    font-size: 14px;
    height: 60px;
}

/**** page-header-top *****/
.page-header .page-header-top {
    background: #222222;
    height: 60px !important;
}

/*** logo ***/
.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: 600
}

.page-header .page-header-top .text-logo a:hover,
.page-header .page-header-top .text-logo a:focus {
    text-decoration: none;
}

.page-header .page-header-top .en_logo {
    width: 116px;
    height: 36px;
    display: block;
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    margin: 13px 0 0 0 !important;
    background: url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -252px -448px !important;
}

.page-header .page-header-top .logo {
    background-image: url(../../theme/layouts/layout3/img/common/sprite_v1.png);
    background-repeat: no-repeat !important;
    width: 116px;
    height: 36px;
    display: block;
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    margin: 13px 0 0 0 !important;
    background-position: 0 -60px !important;
}

/*** hor-menu ***/
.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 > a {
    font-size: 14px;
    font-weight: 700;
    padding: 20px 25px;
    background-color: #222222 !important;
    color: #BCC2CB;
    text-decoration-color: #ffffff;
}

.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;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu {
    background: #233147;
    width: 240px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a {
    padding: 6px 12px;
    letter-spacing: -0.05em;
    color: #BCC2CB;
    font-family: 'Malgun Gothic', serif;
    font-size: 12px;
    font-weight: 575;
    text-decoration-color: #ffffff;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li > a > i {
    color: #202b3d;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a {
    color: #ffffff;
    background: #1990f8;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li:hover > a > i {
    color: #BCC2CB;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a {
    color: #ffffff;
    background: #4a98e3;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.active > a:hover {
    color: #ffffff;
    background: #1990f8;
}

/*
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a { color: #ffffff;  background: #4a98e3;}
.page-header .page-header-menu .hor-menu .navbar-nav>li .dropdown-menu li.current>a:hover { color: #ffffff;  background: #1990f8;}
*/
.page-header .page-header-menu .hor-menu .navbar-nav > li .dropdown-menu li.divider {
    background-color: #1b2235;
    margin: 0;
    padding: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .menu-depth-2 {
    background: #25456c;
    width: 200px;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .menu-depth-2 li > a {
    color: #BCC2CB;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .menu-depth-2 li:hover > a {
    color: #ffffff;
    background: #1990f8;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li .menu-depth-2 li.divider {
    background-color: #223f63;
    margin: 0;
    padding: 0;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li > a:active {
    color: #ffffff;
}

.page-header .page-header-menu .hor-menu .navbar-nav > li.current > a:hover {
    color: #BCC2CB;
    background: #202b3d;
}

.page-header .page-header-menu .hor-menu .navbar-nav,
.page-header .page-header-menu .hor-menu .navbar-nav > li.mega-menu-dropdown {
    position: static
}

/*** top-menu ***/
.page-header .page-header-top .top-menu {
    position: absolute;
    z-index: 1000;
    top: 0;
    right: 10px;
    padding-right: 0;
    padding-top: 4px;
    margin: 0;
    vertical-align: middle;
    height: 60px;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active {
    color: #fff;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle > i {
    color: #92979b;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user .dropdown-toggle:hover {
    display: inline-block;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle {
    display: inline-block;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:active,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:focus,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-toggle:hover {
    background-color: transparent;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown.open .dropdown-toggle,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:active .dropdown-toggle,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown:focus .dropdown-toggle {
    background-color: transparent;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > .username,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user > .dropdown-toggle > i {
    color: #92979b;
    font-weight: 500;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-separator .separator {
    border-left: 1px solid #6d7492;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-user:hover > .dropdown-toggle > .username {
    color: #a4b4bb;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu > li.external {
    background: #2b3642;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a:hover,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a:hover {
    background: #475767;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu {
    background: #33404d;
    border: 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu .dropdown-menu-list > li a,
.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu.dropdown-menu-default > li a {
    border-bottom: 1px solid #454e57 !important;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-dark .dropdown-menu:after {
    border-bottom-color: #33404d;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown > .dropdown-menu {
    margin-top: 0;
}

.page-header .page-header-top .top-menu .navbar-nav > li.dropdown-extended .dropdown-menu {
    min-width: 160px;
    max-width: 500px;
    width: 500px;
    z-index: 9996;
}

#alert > h3 > strong {
    color: #a4b4bb;
}
/*로그아웃 아이콘 추가 2017.03.06*/
.page-header .page-header-top .top-menu .logout_btn {
    height: 16px;
    display: inline-block;
    width: 16px;
    margin-top: 18px;
}

.page-header .page-header-top .top-menu .logout_btn a i {
    color: #6d7492
}

.page-header .page-header-top .top-menu .logout_btn a i:hover {
    color: #fff
}

/***** page-header-menu *****/
.page-header-menu {
    display: inline-block !important;
    background: #33404d !important;
}

.page-header .page-header-menu .search-form .input-group .input-group-btn .btn.submit {
    height: 28px !important;
    top: 5px;
}

.page-header .page-header-menu .search-form {
    background: #fff;
}

.page-header .page-header-menu .search-form .input-group {
    background: #fff;
}

.page-header .page-header-menu .search-form .input-group .form-control {
    color: #616d7d;
    background: #fff;
}

/************************* END page-header ************************************/

/*
 SECTION 0
 layout.css 의 수정 내용을 옮겨 오기
 */

#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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat !important;
    background-position: 2px -212px !important;
}

.clear {
    clear: both !important;
}

.input-icon.right.input-group.date {
    width: 100% !important;
}

.arial-font {
}

.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: 595 !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: 0 !important;
    border: 0 solid #83899f;
}

.table .btn.blue-oleo.btn-xs .fa.fa-plus {
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    background: url(../../theme/layouts/layout3/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(../../theme/layouts/layout3/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: 0 !important;
    border: 0 solid #467fd3
}

.table .btn.blue.btn-xs .fa.fa-plus {
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    background: url(../../theme/layouts/layout3/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(../../theme/layouts/layout3/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(../../theme/layouts/layout3/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(../../theme/layouts/layout3/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: grayscale(1); /* 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(../../theme/layouts/layout3/img/common/radio_off.png) no-repeat 0 0;
}

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

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

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

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

input[type="checkbox"]:checked:disabled {
    background: url(../../theme/layouts/layout3/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: 0;
    padding-bottom: 5px
}

.grid_form .form-bordered .form-group > div {
    padding: 0 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: 0;
    border-image: none; /*box-shadow: 0 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: 595;
    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: 12px !important;
}

.grid_form select {
    height: 26px;
    padding: 1px 4px 3px 4px;
    font-size: 12px !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: 0 10px;*/
    padding: 0 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: 0;
    margin-bottom: 0;
}

/*신규사건생성*/
.grid_form .col_row > div {
    padding-left: 0;
    padding-right: 0;
}

.grid_form .row_height { /*height:482px*/
}

.grid_form .bg-grey-cararra {
    padding: 0;
    margin: 0
}

.grid_form .bg-grey-cararra > div {
}

.grid_form .form-bordered .form-group .input_list > div > div {
    border-left: 1px solid #efefef;
    /*padding: 0 10px;*/
    border-top: 1px solid #efefef;
    padding: 0 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: 0 5px 0 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: 0 !important;*/
    font-size: 11px !important;
    line-height: normal !important;
    margin-right: 5px;
    /*color: #666 !important;*/
    font-weight: 400 !important;
    padding: 0 3px 0 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(../../theme/layouts/layout3/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;
    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 .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 0;
    border-radius: 6px 6px 0 0 !important;
}

.panel_row .day_date span {
    font-size: 11px;
    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 .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_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 span {
    font-weight: 595
}

.portlet-title.no-margin {
    margin-bottom: 0 !important;
    border-bottom: none;
    padding-bottom: 0 !important;
}

.portlet-body.no-margin {
    padding-top: 0 !important;
}

.btnExcel .fa-file-excel-o,
.btnExcelUnChecked .fa-file-excel-o,
.btnExcelChecked .fa-file-excel-o {
    background: url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat;
    background-position: -439px -309px;
    vertical-align: middle;
    font-size: 12px !important;
    height: 12px !important;
    text-indent: -5000px;
    width: 16px !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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat;
    background-position: -439px -309px;
    vertical-align: middle;
    text-indent: -5000px;
    width: 16px;
}

.portlet-title .fa-file-excel-o {
    vertical-align: middle;
    font-size: 12px !important;
    height: 12px !important;
}

/*모달 수정 2017-04-18*/
.modal-content {
    padding: 0;
    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 .modal-header .close {
    width: 12px;
    height: 12px;
    background: url(../../theme/layouts/layout3/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;
}

/*사건조회생성수정*/
#searchRangeTitleDiv,
.form .form-bordered .form-group.last .search-label {
    padding-top: 15px
}

.searchform textarea.form-control {
    height: 60px;
}

.searchform .form-control {
    padding: 0 0;
}

.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
}

.portlet.light.form-fit.searchform #dateInfoAnd {
    margin-right: 2px
}

.portlet.light.form-fit.searchform #humanInfoAnd {
    margin-right: 1px
}

/*검색영역 수정 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;
}

.searchform .searchlist .inputText2 {
    max-width: 300px;
    min-width: 250px;
}

/* 조회등록 수정 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 .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;
}

.searchform .portlet-title .caption .searchform-subject {
    padding-right: 10px;
    font-size: 15px !important;
    padding-left: 4px
}

/*검색영역 수정 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: 0 !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
}

/*조회조건영역*/
.searchform .columnline {
    border-left: 1px solid #ededed;
    padding: 10px 20px 10px 20px !important;
    min-height: 100px
}

.searchform .portlet-title {
    padding-left: 20px !important;
    padding-right: 20px !important;
    min-height: 30px !important;
}

.searchform .icheck-list > label {
    font-weight: 400 !important;
    font-size: 11px !important;
    color: #636363 !important;
    margin-bottom: 0;
}

.searchform .icheck-list {
    margin-left: 16px !important;
}

.searchform .h6 > .input-group {
    font-weight: 500 !important;
    font-size: 13px !important;
    color: #37272a !important;
    line-height: 22px !important;
}

.searchform input[type="radio"], input[type="checkbox"] {
    margin-right: 3px;
}

/* 2017-01-17 My.Park Add */
.searchform label.search-label {
    color: #5892dc;
    text-align: center !important;
}

.searchform label.search-label div {
    font-size: 12px;
    font-weight: 600;
    margin-top: 1px
}

.searchform > .portlet-title > .tools > a.collapse {
    background-image: url(../../theme/global/img/portlet-collapse-icon.png) !important;
}

.searchform > .portlet-title > .tools > a.expand {
    background-image: url(../../theme/global/img/portlet-expand-icon.png) !important;
    width: 14px;
    visibility: visible;
}

.searchform .btnlist .blue {
    margin-bottom: 5px;
}

.searchform .actions .btnlist {
    margin-top: 10px;
    margin-bottom: 15px;
}

.searchform .actions .btnlist .blue {
    margin-bottom: 0;
}

.searchform .searchlist .select1 {
    padding-right: 4px;
}

.searchform .searchlist .select2 {
    padding-left: 0;
    padding-right: 4px;
}

.searchform .searchlist .inputText1 {
    max-width: 223px;
    min-width: 223px;
    width: 223px
}

/*조회영역수정*/
.searchtype01 {
    padding: 5px 20px 0 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;
}

.searchtype01 .form-group {
    margin-bottom: 0;
    margin: 0
}

.searchtype01 label {
    line-height: 26px !important;
    font-size: 12px;
    font-weight: 595;
    color: #333
}

.searchtype01 .form-horizontal .control-label {
    padding-top: 0 !important;
}

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

.searchtype02 label,
.searchtype01 label {
    line-height: 26px !important;
    font-size: 13px;
    font-weight: 700;
    color: #333
}

.searchtype02 .form-body {
    border-bottom: none !important;
    padding: 0 !important;
}

.searchtype02 label,
.searchtype02 .form-group,
.searchtype02 .portlet-body {
    padding-top: 0 !important;
    padding-bottom: 0 !important;
    margin-bottom: 1px;
}

.searchtype02 {
    padding: 12px 20px !important;
    /*border-top: 0 !important;*/
}

.searchtype02 .form-horizontal .control-label,
.searchtype03 {
    /*padding: 12px 10px 12px 10px;*/
    padding-bottom: 0;
    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: 12px;
    margin-top: -3px;
    letter-spacing: 0;
    padding-right: 2px
}

.searchtype03 .inline-group .radio-list input[type="radio"] {
    margin-top: 2px;
    margin-left: -18px
}

.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 {
}

/*조회영역 수정 2017- 05-16 */
.searchtype03 {
    padding-bottom: 9px !important;
    background: #f8f9fc !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 {
    border: 1px solid #aaaaaa;
    background: #fff;
}

#checkbodDiv_searchCheckBox {
    padding-top: 5px;
    padding-left: 35px !important;
}

.searchtype03 .mt-checkbox > span:after {
    border-color: #3579d4;
    left: 4px;
    top: 0;
}

.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,
.mt-checkbox.mt-checkbox-outline > input {
    border: 1px solid #aaaaaa;
    background: #fff;
}

.searchtype03 .btn.btn-default.btn-sm {
    margin-left: 2px;
    margin-right: 2px
}

.mt-checkbox.mt-checkbox-outline > input ~ span {
    border: 1px solid #aaaaaa;
    background: #fff;
}

.row.form-inline .btn.btn-sm.grey-cascade {
    width: 60px
}

#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(../../theme/layouts/layout3/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(../../theme/layouts/layout3/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;
}

.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;
}
/***********************/
.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(../../theme/layouts/layout3/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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -51px -232px;
    text-indent: -5000px;
    white-space: nowrap;
    overflow: hidden;
    font-size: 0;
    line-height: 0;
    width: 10px;
    height: 10px;
}

.btn.btn-outline.red-pink {
    border-color: #8a6169;
    padding: 2px 15px 2px 10px !important;
    font-weight: 400;
    font-size: 11px !important;
    color: #e09090
}

.btn.btn-outline.red-pink:hover {
    background: #ad6e73
}

/* 의뢰인/해외대리인 */
/* 고객관리화면 */
.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
}

.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 {
    padding: 0 !important;
    margin: 0 !important;
}

.module_box .portlet-title .actions {
    line-height: 30px;
    height: 32px
}

.module_box .portlet-title > .caption {
    line-height: 24px;
    font-size: 12px !important;
    font-weight: 595 !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(../../theme/layouts/layout3/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(../../theme/layouts/layout3/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: 0 !important;
}

.module_box .table-advance {
    margin-bottom: 0 !important;
}

.module_box .table-advance tr td:first-child {
    border-left-width: 0 !important;
}

.module_box .table .btn.btn-danger.btn-xs.glyphicon.glyphicon-trash {
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    width: 15px;
    height: 14px;
    border: 0;
    background: url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -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.h6 {
    padding-top: 0;
    padding-bottom: 0
}

#Applicant, #BillingInfo {
    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;
}

.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(../../theme/layouts/layout3/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: 595 !important;
    padding-left: 10px !important;
}

.portlet.box.blue-oleo.grey th.title {
    background: #f2f5f6 !important;
    border-top: 1px solid #c0c7d0 !important;
}

.noneDataTable td {
    background: #fff
}

.col-md-4.alignR {
    margin-top: 5px
}

/*필드설정  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: 595
}

.fieldList {
    padding-left: 10px;
    padding-right: 10px
}

.field_set .portlet > .portlet-title > .caption {
    font-weight: 595;
    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: 12px !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 0 1px 0 0 #fff;
    -webkit-box-shadow: inset 0 1px 0 0 #fff;
    box-shadow: inset 0 1px 0 0 #fff !important;
}

.btn.btn-default.btn-xs.sty02:hover {
    background: #8297bf;
    border: 1px solid #687ea6 !important;
    -moz-box-shadow: inset 0 1px 0 0 #aabcde;
    -webkit-box-shadow: inset 0 1px 0 0 #aabcde;
    box-shadow: inset 0 1px 0 0 #aabcde !important;
}

.btn.btn-default.btn-xs.sty02 .glyphicon.glyphicon-search {
    text-indent: -5000px;
    font-size: 0 !important;
    line-height: 0 !important;
    background: url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -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(../../theme/layouts/layout3/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 .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 .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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -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(../../theme/layouts/layout3/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;
    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(../../theme/layouts/layout3/img/common/loading.gif) no-repeat !important;
    margin: 12px auto 0;
}

.loadingwrap h3 {
    font-size: 16px;
    text-align: center;
    line-height: 18px !important;
    margin: 8px 0 0 0
}

.loadingwrap h5 {
    text-align: center;
    font-size: 11px;
    margin: 5px 0 0 0;
    font-weight: normal;
}

/* 사건조회 CU201101 */
.page-wrapper-bottom {
    background: #d6dde7;
}

.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:20px ; }*/
.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;
}

/***** dashboard-stat2는 사건조회화면, 파일미리보기 마감일 정보 ********/
.page-wrapper-bottom .dashboard-stat2 {
    padding: 10px 15px;
}

.dashboard-stat2 .display {
    margin-bottom: 0;
}

.page-wrapper-bottom .dashboard-stat2 h5 {
    font-family: 'Nanum Gothic', 'Malgun Gothic', serif;
    text-overflow: ellipsis;
    width: 185px;
    display: inline-block;
    white-space: nowrap;
    overflow: hidden;
    margin-top: 3px
}

.page-wrapper-bottom .md-shadow-z-1 {
    box-shadow: 0 1px 1px 1px rgba(0, 0, 0, 0.12) !important;
}

#patentFrm .table-bordered {
    border-top: 0 !important;
    border-bottom: 0 !important;
}

#patentFrm .table-bordered > tbody > tr > td {
    border-top: 1px solid #e2e2e2 !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;
}

.btn-xs {
    font-size: 11px;
    font-weight: 595
}

.form-control.required.autoDisabled {
    font-weight: 595
}

#patentFrm .h6 {
    font-size: 12px; /*font-weight:600;*/
    color: #555555;
    line-height: 22px !important;
    padding-left: 5px
}

#checkbodDiv_CheckPoint {
    margin-top: 5px
}

#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
}

#patentFrm .dateForm {
    width: 100px
}

/*아이콘 추가(원) 2017.03.22 */
.icon_won {
    background: url(../../theme/layouts/layout3/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: 0 0 !important;
}

.icon_won.yellow {
    background-position: -19px 0 !important;
}

.icon_won.blue {
    background-position: -38px 0 !important;
}

/****** 아이콘 텍스트 *****/
.icon_txt {
    font-size: 11px;
    color: #fff;
    line-height: 11px;
    height: 16px;
    padding: 2px 2px 2px 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;
}

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

.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(../../theme/layouts/layout3/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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -695px -101px !important;
    width: 19px;
    height: 19px;
    padding: 0;
    margin: 0;
}

.btn.btn-default.btn-xs.btnAddSub:hover {
    border: 1px solid #4389dd !important;
}

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

.portlet-title .radio-list label {
    font-size: 12px;
    font-weight: 500
}

/*사건조회컬러변경 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;
}

#mainRow {
    overflow-y: auto;
}

.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;
    background: #fff url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat !important;
    background-position: -695px -98px !important;
    width: 19px;
    height: 19px;
    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: 0 !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;
    background: #fff url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -695px -98px !important;
    width: 19px;
    height: 19px;
    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: 0;
    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 {
    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;
    background: #fff url(../../theme/layouts/layout3/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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -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(../../theme/layouts/layout3/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
}

/***** 부서관리, 대리인 관리 *****/
#deptGrid_wrapper .glyphicon.glyphicon-pencil,
#deptGrid_wrapper .glyphicon.glyphicon-edit,
#deptGrid_wrapper .glyphicon.glyphicon-remove,
#deptGrid_wrapper .glyphicon.glyphicon-refresh,
#agentFirmGrid_wrapper .glyphicon.glyphicon-pencil,
#agentFirmGrid_wrapper .glyphicon.glyphicon-edit,
#agentFirmGrid_wrapper .glyphicon.glyphicon-remove,
#agentFirmGrid_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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat;
}

#deptGrid_wrapper .glyphicon.glyphicon-pencil,
#agentFirmGrid_wrapper .glyphicon.glyphicon-pencil {
    background-position: -863px -98px;
}

#deptGrid_wrapper .glyphicon.glyphicon-edit,
#agentFirmGrid_wrapper .glyphicon.glyphicon-edit {
    background-position: -808px -98px;
}

#deptGrid_wrapper .glyphicon.glyphicon-remove,
#agentFirmGrid_wrapper .glyphicon.glyphicon-remove {
    background-position: -836px -98px;
}

#deptGrid_wrapper .glyphicon.glyphicon-refresh,
#agentFirmGrid_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,
#agentFirmGrid_wrapper .glyphicon.glyphicon-pencil:hover,
#agentFirmGrid_wrapper .glyphicon.glyphicon-edit:hover,
#agentFirmGrid_wrapper .glyphicon.glyphicon-remove:hover,
#agentFirmGrid_wrapper .glyphicon.glyphicon-refresh:hover {
    border: 1px solid #4389dd !important;
    background: #fff url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat;
}

#deptGrid_wrapper .glyphicon.glyphicon-pencil:hover,
#agentFirmGrid_wrapper .glyphicon.glyphicon-pencil:hover {
    background-position: -863px -116px;
}

#deptGrid_wrapper .glyphicon.glyphicon-edit:hover,
#agentFirmGrid_wrapper .glyphicon.glyphicon-edit:hover {
    background-position: -808px -116px;
}

#deptGrid_wrapper .glyphicon.glyphicon-remove:hover,
#agentFirmGrid_wrapper .glyphicon.glyphicon-remove:hover {
    background-position: -836px -116px;
}

#deptGrid_wrapper .glyphicon.glyphicon-refresh:hover,
#agentFirmGrid_wrapper .glyphicon.glyphicon-refresh:hover {
    background-position: -891px -116px;
}

/******************/
.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: 0 15px 0 1px;
    font-size: 12px;
    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: 11px;
    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;
}

/******* Button style 03 ********/

.btnstyle03 {
    border-radius: 2px !important;
    border: 1px solid #558fc4;
    line-height: 18px !important;
    background: #fff;
    font-weight: bold;
    /*letter-spacing: -1px;*/
    color: #666 !important;
    padding: 2px 7px 0 5px;
}

.btnstyle03 i {
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    background: url(../../theme/layouts/layout3/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;
}

/**** Button Style 04 ****/

.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;*/
    padding: 2px 7px 0 5px !important;
    /*letter-spacing: -0.5px*/
}

.btnstyle04 i {
    text-indent: unset; /*-5000px;*/
    font-size: 16px;
    line-height: unset; /* 0*/
    background: unset;/* url(../img/common/sprite_v1.png) no-repeat;*/
    width: 13px;
    height: 16px !important;
    vertical-align: middle;
    font-weight: 595;
}

.btnstyle04 .fa.fa-file-excel-o {
    /*background-position: -750px -162px; */
    /*background-position: -174px -5px;*/
    margin-top: -2px;
    margin-right: 4px;
    color: #107C41;
}

.btnstyle04 .fa.fa-file-word-o {
    /*background-position: -202px -5px;*/
    margin-top: -2px;
    margin-right: 4px;
    color: #185ABD;
}

.btnstyle04 .fa.fa-file-pdf-o {
    /*background-position: -228px -5px;*/
    margin-top: -2px;
    margin-right: 4px;
    color: #EF0013;
}

.btnstyle04 .fa.fa-cog {
    background-position: -800px -165px;
}

.btnstyle04:hover {
    border: 1px solid #2a5071;
    background: #eff5fa
}

.btnstyle04 .ico_arrow {
    background: url(../../theme/layouts/layout3/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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -844px -168px;
    width: 8px;
    height: 12px;
    display: inline-block;
    vertical-align: middle;
}

/******* Button Style 09 ************/
.btnstyle09 {
    border-radius: 2px;
    border: 1px solid #4883b5;
    font-weight: 500;
    margin-top: 0;
    line-height: 19px;
    background: #fff
}

.btnstyle09 .fa.fa-plus {
    background-position: -698px -162px;
}

.btnstyle09 .fa.fa-file-zip-o {
    background-position: -725px -162px;
}

.btnstyle09 .fa.fa-file-excel-o {
    background-position: -750px -162px;
}

.btnstyle09:hover {
    border: 1px solid #2a5071;
    background: #eff5fa
}

.btnstyle09:focus {
    border: 1px solid #4883b5;
    background: #fff
}

.btnstyle09:active:focus,
.btnstyle09:active:hover,
.btnstyle09:active {
    color: #000;
    background-color: #eff5fa;
    border-color: #2a5071;
}

/*미리보기 불가 2017.04.12*/
.no_result {
    background: url(../../theme/layouts/layout3/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
}

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

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

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

.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: 11px;
    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(../../theme/layouts/layout3/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 0 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: 0 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 0 20px;
    margin-bottom: 0;
}

/**** main menu 마감일 card ****/
.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 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 0
}

.card_content .title span {
    display: inline-block;
    color: #fff;
    font-size: 11px;
    width: 33px;
    border-radius: 50px !important;
    text-align: center;
    letter-spacing: -1px;
    padding-top: 1px;
    height: 15px;
    float: left;
    vertical-align: middle;
    margin-top: 2px;
    line-height: 15px;
}

.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_content .num_date {
    text-align: right;
    padding: 4px 5px 5px 0;
    vertical-align: middle;
}

.card_content h5 {
    letter-spacing: 0;
    font-size: 13px;
    text-align: left;
    width:150px;
    padding-top: 1px;
    height: 15px;
    float: left;
    margin: 2px 0 8px;
    line-height: 15px;;
}

.card_content h5~span {
    text-align: right;
    vertical-align: middle;
}

.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(../../theme/layouts/layout3/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 0 0 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(../../theme/layouts/layout3/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(../../theme/layouts/layout3/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 0 0 0 rgba(0, 0, 0, 0.15);
    transform: translateY(2px) !important;
}

/*마감일안내 수정 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: 11px;
    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;
}

/* 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;
}

.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 0 20px !important;
    line-height: 14px !important;
    border-radius: 0 !important;
    font-weight: normal;
}

.btnPatentPriority {
    background: #677b95 url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -472px -306px !important;
}

.btnCopyPatent {
    background: #677b95 url(../../theme/layouts/layout3/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(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -472px -336px !important;
    border: 1px solid #2b5285 !important;
}

.btnPatentPriority:hover {
    background: #4f7db9 url(../../theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -472px -306px !important;
    border: 1px solid #2b5285 !important
}

/** 통지서확인 화면 오른쪽 viewList **/

/*.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;*/
/*}*/

/*.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-04*/
.card_box.no_img {
    background: #eff3f8;
    height: 95px;
    border-width: 2px;
    border-style: dashed;
    box-shadow: 0 0 0 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(../../theme/layouts/layout3/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(../../theme/layouts/layout3/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 0 0 0 rgba(0, 0, 0, 0.15);
    transform: translateY(2px) !important;
}

/*
 SECTION 1
 original custom.css
 */

small, .small {
    font-size: 80%;
}

.large {
    font-size: 1.25em;
}

/****** Menu Bar ******/

.page-prefooter {
    background: #94A0B2;
    color: #94A0B2;
    padding: 0;
}

.page-footer {
    background-color: #33404d;
    font-size: 10px;
    font-weight: 300;
    padding: 5px 0;
    text-align: center;
}

/*페이지 타이틀 및 상단버튼*/
.page-head .action {
    float: right;
    display: inline-block;
}

.page-head .action .btn {
    font-size: 12px;
}

.page-head .action i {
}

.area_location {
    display: inline-block;
    float: right;
    margin-top: 15px;
    font-size: 13px !important;
    letter-spacing: 0;
    font-weight: 400;
}

.area_btn {
    margin-left: 10px;
    font-weight: 400;
}

.area_btn i {
    margin-right: 3px !important;
}

.area_btn .btn-group-sm > .btn, .btn-sm {
    padding: 2px 12px 2px 12px !important;
}

/*버튼 수정*/
.btn.grey-cascade:not(.btn-outline) {
    color: #666666;
    background-color: #e7ecf2;
    border-color: #bec6c9;
    padding: 4px 12px;
    font-size: 12px !important;
    font-weight: 595;
}

.portlet > .portlet-title > .actions > .btn, .portlet > .portlet-title > .actions > .btn.btn-sm {
    font-size: 12px
}

/* 입력폼 */
div.dhxcombo_material {
    position: relative;
    border: 1px solid #c2cad8;
    padding-bottom: 0;
    overflow: hidden;
    vertical-align: middle;
    background-color: white;
    font-size: 1px;
    height: 29px;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

div.dhxcombo_material.dhxcombo_actv {
    padding-bottom: 0;
    border: 1px solid #93a1bb;
}

div.dhxcombo_material.dhxcombo_actv {
    padding-bottom: 0;
    border-bottom: 1px solid #39c !important;
}

.dateForm {
    background: url(../../theme/layouts/layout3/img/common/icon_calendar.png) no-repeat 83px 3px;
    border: 1px solid #c2cad8 !important
}

.viewlist.portlet > .portlet-title {
    border-bottom: none !important;
    margin-bottom: 0 !important;
    min-height: 40px !important;
}

.viewlist.portlet.light > .portlet-title > .actions {
    padding-bottom: 0 !important;
}

.viewlist.portlet.light .portlet-body {
    padding-top: 0
}

/* 테이블 수정 */
.table.table-bordered tbody > tr > td {
    border: 1px solid #e2e2e2;
}

.table th.v-align-m,
.table td.v-align-m {
    vertical-align: middle;
}

.form-horizontal .control-label {
    padding-top: 4px;
}

/********************************************/
/* popup관련 pop_title, pop_wrap, pop_footer 속성 */
.pop_wrap {
    margin: 0 auto;
    padding: 0 !important;
    overflow-x: hidden;
}

.pop_wrap .row .row {
    padding: 0;
}

.pop_wrap .pop_footer {
    padding: 15px 20px;
    text-align: right;
}

.pop_wrap .portlet-body .portlet-body {
    padding: 10px !important;
}

.pop_wrap .blue-dark {
    border: 0 !important;
    background: #fff;
}

.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 .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;
}

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

.pop_wrap .portlet-body.form form .input_list .row:last-child {
    border-bottom: 0 solid #b8b8b8;
}

.pop_wrap .portlet-body.form .grid_form.bg form .row:last-child {
    border-bottom: 0 solid #b8b8b8;
}

.pop_wrap .panel_row:last-child {
    margin-bottom: 0
}

.pop_wrap .table-bordered > tbody > tr > th {
    font-size: 11px;
    color: #444;
    font-weight: 570;
}

.pop_wrap .table-bordered > tbody > tr > th.font-bold {
    font-weight: 600;
    color: #000 !important;
}

.pop_wrap .pop_title {
    border-bottom: 3px solid #4e4e4e;
    background: #727272;
}

.pop_wrap .page-header .page-header-top {
    background: #53677e;
}

.pop_wrap .page-header {
    height: 60px;
}

.pop_wrap .portlet.box > .portlet-title {
    min-height: 20px;
    padding: 0 20px;
}

.pop_wrap .portlet > .portlet-title > .caption {
    padding: 3px 0 4px 0;
    font-size: 11px;
}

.pop_wrap .portlet.box > .portlet-body {
    padding: 0;
}

.pop_wrap .table-scrollable {
    border: none;
    overflow-x: hidden;
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}

.pop_wrap .table > thead > tr > th,
.pop_wrap .table > tbody > tr > th,
.pop_wrap .table > tfoot > tr > th {
    padding: 2px 3px;
    font-size: 12px;
    font-weight: 595;
}

.pop_wrap .table-bordered > thead > tr > th,
.pop_wrap .table-bordered > tbody > tr > th {
    border-color: #d2d2d2 !important;
    border-bottom: none;
    text-align: center;
    font-weight: 650;
    vertical-align: middle;
}

.pop_wrap .form-control {
    height: 22px;
    padding: 0 4px;
    font-size: 11px
}

.pop_wrap .form-control[disabled],
.pop_wrap .form-control[readonly],
.pop_wrap fieldset[disabled] .form-control {
    border: none;
    /*background: none;*/
}

.pop_wrap textarea.form-control {
    height: auto;
}

.pop_wrap .input-icon > .form-control {
    padding-left: 24px;
}

.pop_wrap .input-icon > i {
    font-size: 14px;
    margin: 5px 2px 2px 6px;
}

.pop_wrap .input-icon.right > i {
    right: 3px;
    font-size: 14px;
    margin: 4px 0 2px 2px;
}

.pop_wrap .input-icon.right > .form-control {
    padding: 0 0 0 2px;
    text-align: center;
}

.pop_wrap .btn-sm,
.pop_wrap.btn-group-sm > .btn {
    padding: 2px 10px !important;
}

.pop_wrap .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
    box-shadow: none !important;
}

.pop_wrap summary {
    display: none;
}

.pop_wrap .mt-checkbox-inline, .mt-radio-inline {
    padding: 0;
}

.pop_wrap .mt-radio > span, .mt-checkbox > span {
    width: 14px;
    height: 14px;
}

.pop_wrap .mt-radio,
.pop_wrap .mt-checkbox {
    padding-left: 17px;
    font-size: 11px;
}

.pop_wrap .mt-checkbox-inline .mt-checkbox, .mt-checkbox-inline .mt-radio, .mt-radio-inline .mt-checkbox, .mt-radio-inline .mt-radio {
    margin-right: 8px;
}

.pop_wrap .mt-checkbox > span:after {
    top: 0;
    left: 6px;
}

.pop_wrap .container-fluid:before, .pop_wrap .container-fluid:after {
    content: none !important;
    display: table;
}

.pop_wrap .portlet {
    margin-bottom: 0;
}

.pop_wrap .portlet-body.form .th {
    padding-left: 5px !important;
}

.pop_wrap .portlet-body.form .h6 {
    padding-left: 0 !important;
}

/***** pop_style 추가 *****/
/* 팝업스타일 수정 */
.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 .page-content {
    padding: 2px 8px 10px 8px
}

.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;
}

/***** pop_title *****/
.pop_title {
    position: relative;
    height: 40px;
    border-bottom: 3px solid #959fb0 !important;
    background: #a7b0bf !important;
}

.pop_title .pop_close {
    position: absolute;
    right: 0;
    top: 0;
    background: #939eb0 url(../../theme/layouts/layout3/img/common/btn_close.gif) no-repeat 0 -3px;
    height: 37px;
    width: 40px;
    display: block;
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
}

.pop_title h1 {
    padding: 10px 0 0 16px;
    color: #fff;
}

.pop_title .h4 {
    font-size: 16px;
    font-weight: 500 !important;
}

.pop_title h1 {
    margin: 0 !important;
}

/**** pop_footer ****/
.pop_footer, .page-prefooter .pop_footer_bg_default {
    background: #d6dde7;
    /*padding: 20px;*/
}

.pop_footer button {
    margin-right: 3px
}

.pop_wrap .pop_footer {
    padding: 20px 20px !important;
    text-align: right !important;
}

.pop_wrap .pop_footer_2 {
    padding: 10px 15px !important;
}

.pop_footer .btn.btn-outline.grey-mint {
    background: #4c5564;
    border: 1px solid #424958;
    color: #fff !important;
    font-size: 12px !important;
    padding: 3px 17px 3px 12px !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 .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;
}

/****** END: popup *******/
.portlet .btn-icon-only.btn-default {
    border-color: #bbc2ce;
}

.portlet.box .btn.btn-circle.btn-icon-only.btn-default {
    color: #a6b0bf;
}

.portlet.box .btn.btn-circle.btn-icon-only.btn-default.active,
.portlet.box .btn.btn-circle.btn-icon-only.btn-default:hover {
    color: #fff;
    background: #32c5d2;
    border-color: #32c5d2;
}

.portlet .btn-icon-only.btn-default {
    padding: 3px 6px 2px;
}

.headerTitle {
    background: #ecf0f3 !important;
    border: 1px solid #d9dde0;
    /*margin-top: 0 !important;*/
    padding-top: 5px !important;
    padding-bottom: 3px !important;
    margin-bottom: 10px;
    border-bottom: 2px solid #d3d7db !important;
    margin-top: -1px !important;
}

.headerTitle .h6 {
    font-weight: 595 !important;
    font-size: 14px !important;
}

.headerTitle .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all):hover {
}

.headerTitle .btn:not(.md-skip):not(.bs-select-all):not(.bs-deselect-all) {
    border-radius: 25px !important;
}

.headerTitle .dhtmlxCombo {
    margin-right: 40px !important;
}

/* space */
.pr20 {
    padding-right: 20px !important;
}

/* 2017-01-09 My.Park Add*/
.jstree-container-ul .mt-checkbox {
    display: inline-block;
    width: 80%;
    margin-bottom: 5px;
}

.jstree-default .jstree-node {
    line-height: 17px !important;
}

.jstree-default .jstree-container-ul li label {
    margin-left: 0;
}

/*여백수정(2017.02.03)*/

.jstree-default .jstree-container-ul li:last-child {
    background: 0 0;
}

/***
Horizontal Timeline - MY.PARK 2016.02.14
***/
/* PLUGIN CSS */
.cube-horizontal-timeline {
    opacity: 0;
    -webkit-transition: opacity 0.2s;
    -moz-transition: opacity 0.2s;
    transition: opacity 0.2s;
}

.cube-horizontal-timeline::before {
    /* never visible - this is used in jQuery to check the current MQ */
    content: 'mobile';
    display: none;
}

.cube-horizontal-timeline.loaded {
    /* show the timeline after events position has been set (using JavaScript) */
    opacity: 1;
}

.cube-horizontal-timeline .timeline {
    position: relative;
    height: 60px;
    width: 90%;
    max-width: 100%;
    margin: 0 auto;
}

.cube-horizontal-timeline .events-wrapper {
    position: relative;
    height: 100%;
    margin: 0 0 0 20px;
    overflow: hidden;
}

.cube-horizontal-timeline .events-wrapper::after, .cube-horizontal-timeline .events-wrapper::before {
    /* these are used to create a shadow effect at the sides of the timeline */
    content: '';
    position: absolute;
    z-index: 2;
    top: 0;
    height: 100%;
    width: 20px;
}

.cube-horizontal-timeline .events-wrapper::before {
    left: 0;
    background-image: -webkit-linear-gradient(left, #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to right, #f8f8f8, rgba(248, 248, 248, 0));
}

.cube-horizontal-timeline .events-wrapper::after {
    right: 0;
    background-image: -webkit-linear-gradient(right, #f8f8f8, rgba(248, 248, 248, 0));
    background-image: linear-gradient(to left, #f8f8f8, rgba(248, 248, 248, 0));
}

.cube-horizontal-timeline .events {
    /* this is the grey line/timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 29px;
    width: 270px !important;
    height: 2px;
    /* width will be set using JavaScript */
    background: #98a4b2;
    -webkit-transition: -webkit-transform 0.4s;
    -moz-transition: -moz-transform 0.4s;
    transition: transform 0.4s;
}

.cube-horizontal-timeline .filling-line {
    /* this is used to create the green line filling the timeline */
    position: absolute;
    z-index: 1;
    left: 0;
    top: 0;
    height: 100%;
    width: 100%;
    -webkit-transform: scaleX(0);
    -moz-transform: scaleX(0);
    -ms-transform: scaleX(0);
    -o-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transform-origin: left center;
    -moz-transform-origin: left center;
    -ms-transform-origin: left center;
    -o-transform-origin: left center;
    transform-origin: left center;
    -webkit-transition: -webkit-transform 0.3s;
    -moz-transition: -moz-transform 0.3s;
    transition: transform 0.3s;
}

.cube-horizontal-timeline .events a {
    pointer-events: none;
    position: absolute;
    top: -8px;
    z-index: 2;
    width: 26px;
    text-align: center;
    font-size: 1.3rem;
    font-weight: 700;
    padding-bottom: 15px;
    color: #98a4b2;
    /* fix bug on Safari - text flickering while timeline translates */
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
}

.cube-horizontal-timeline .events a::after {
    /* this is used to create the event spot */
    content: '';
    position: absolute;
    z-index: -999;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -11px;
    height: 40px;
    width: 40px;
    border-radius: 50%;
    font-weight: 700;
    -webkit-transition: background-color 0.3s, border-color 0.3s;
    -moz-transition: background-color 0.3s, border-color 0.3s;
    transition: background-color 0.3s, border-color 0.3s;
}

.no-touch .cube-horizontal-timeline .events a:hover::after {
    background-color: #7b9d6f;
    border-color: #7b9d6f;
}

.cube-horizontal-timeline .events a.selected {
    pointer-events: none;
    color: #53677e;;
}

.cube-horizontal-timeline .events a.selected.cancel {
    pointer-events: none;
    color: #fff;;
}

.cube-horizontal-timeline .events a.older-event {
    pointer-events: none;
    color: #66fffa;
}

.bg-mint {
    background: #66fffa !important;
}

.bg-before-mint:before,
.bg-after-mint:after {
    background: #66fffa !important;
}

.border-before-mint:before,
.border-after-mint:after {
    border-color: #66fffa !important;
}

@-webkit-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-right {
    0% {
        opacity: 0;
        -moz-transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-right {
    0% {
        opacity: 0;
        -webkit-transform: translateX(100%);
        -moz-transform: translateX(100%);
        -ms-transform: translateX(100%);
        -o-transform: translateX(100%);
        transform: translateX(100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

@-webkit-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
    }
}

@-moz-keyframes cd-enter-left {
    0% {
        opacity: 0;
        -moz-transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -moz-transform: translateX(0%);
    }
}

@keyframes cd-enter-left {
    0% {
        opacity: 0;
        -webkit-transform: translateX(-100%);
        -moz-transform: translateX(-100%);
        -ms-transform: translateX(-100%);
        -o-transform: translateX(-100%);
        transform: translateX(-100%);
    }
    100% {
        opacity: 1;
        -webkit-transform: translateX(0%);
        -moz-transform: translateX(0%);
        -ms-transform: translateX(0%);
        -o-transform: translateX(0%);
        transform: translateX(0%);
    }
}

/* METRONIC EXTENDED CSS */
.mt-timeline-horizontal {
    font-size: 14px;
    font-weight: 700;
}

.mt-timeline-horizontal ol, .mt-timeline-horizontal ul {
    list-style: none;
}

.mt-timeline-horizontal blockquote, .mt-timeline-horizontal q {
    quotes: none;
}

.mt-timeline-horizontal blockquote:before, .mt-timeline-horizontal blockquote:after,
.mt-timeline-horizontal q:before, .mt-timeline-horizontal q:after {
    content: '';
}

.mt-timeline-horizontal table {
    border-collapse: collapse;
    border-spacing: 0;
}

.mt-timeline-horizontal .timeline {
    width: 100%;
    max-width: 100%;
}

.mt-timeline-horizontal .timeline:before {
    background: transparent;
}

.mt-timeline-horizontal .timeline .events-wrapper .events a:after {
    background-color: #53677e !important;
    border: 2px solid;
}

.mt-timeline-horizontal .timeline .events-wrapper .events a.selected:after {
    background-color: #66fffa !important;
}

.mt-timeline-horizontal .timeline .events-wrapper .events a.selected.cancel:after {
    pointer-events: none;
    background-color: #000 !important;
    border-color: #000;
    color: #fff;;
}

.mt-timeline-horizontal .timeline .events-wrapper .events a:hover, .mt-timeline-horizontal .timeline .events-wrapper .events a:focus {
    text-decoration: none;
}

.mt-timeline-horizontal .timeline .events-wrapper:before, .mt-timeline-horizontal .timeline .events-wrapper:after {
    background-image: none;
}

.mt-timeline-horizontal .timeline .mt-ht-nav-icon li a {
    border-radius: 50% !important;
}

.mt-timeline-horizontal .timeline .mt-ht-nav-icon li a i {
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateX(50%) translateY(-50%);
    width: 10px;
}

.mt-timeline-horizontal .timeline .mt-ht-nav-icon li:first-child a i {
    left: -2px;
}

.mt-timeline-horizontal .timeline.mt-timeline-square .events a:after {
    border-radius: 0 !important;
}

.mt-timeline-horizontal .timeline.mt-timeline-square .mt-ht-nav-icon li a {
    border-radius: 0 !important;
}

.mt-timeline-horizontal .events-content ol {
    padding: 0;
}

.mt-timeline-horizontal .events-content ol li .mt-title {
    margin-top: 15px;
    float: left;
    width: 60%;
}

.mt-timeline-horizontal .events-content ol li .mt-title h2 {
    margin: 0;
    opacity: 0.8;
    filter: alpha(opacity=80);
    font-size: 18px;
    font-weight: 600;
}

.mt-timeline-horizontal .events-content ol li .mt-author {
    float: right;
    position: relative;
    text-align: right;
    width: 40%;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
    float: right;
    margin-left: 15px;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {
    margin-top: 5px;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a {
    opacity: 0.9;
    filter: alpha(opacity=90);
    font-size: 15px;
    font-weight: 600;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:hover, .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name a:focus {
    text-decoration: none;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-datetime {
    font-size: 12px;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
    width: 50px;
    height: 50px;
    border-radius: 50% !important;
    overflow: hidden;
}

.mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar > img {
    width: 100%;
    height: auto;
}

.mt-timeline-horizontal .events-content ol li .mt-content {
    margin-top: 20px;
    padding-top: 20px;
    border-top: 1px solid;
    clear: both;
    line-height: 1.7em;
}

.mt-timeline-horizontal .events-content ol li .mt-content > p {
    opacity: 0.7;
    filter: alpha(opacity=70);
}

.mt-timeline-horizontal .events-content ol li .mt-content img.pull-left {
    margin: 0 15px 15px 0;
}

.mt-timeline-horizontal .events-content ol li .mt-content img.pull-right {
    margin: 0 0 15px 15px;
}

.mt-timeline-horizontal .events-content ol li .mt-content .btn-group .dropdown-menu {
    margin-right: 5px;
}

.portlet > .portlet-body.blue-oleo,
.portlet.blue-oleo {
    background-color: #94A0B2;
}

.portlet.solid.blue-oleo > .portlet-title,
.portlet.solid.blue-oleo > .portlet-body {
    border: 0;
    color: #FFFFFF;
}

.portlet.solid.blue-oleo > .portlet-title > .caption {
    font-weight: 400;
}

.portlet.solid.blue-oleo > .portlet-title > .caption > i {
    color: #FFFFFF;
}

.portlet.box.blue-oleo {
    border: 1px solid #94A0B2;
}

.portlet.box.blue-oleo > .portlet-title {
    background-color: #94A0B2;
}

.portlet.box.blue-oleo > .portlet-title > .caption {
    color: #FFFFFF;
}

.portlet.box.blue-oleo > .portlet-title > .caption > i {
    color: #FFFFFF;
}

.portlet.box.blue-oleo > .portlet-title > .actions .btn-default {
    background: transparent !important;
    background-color: transparent !important;
    border: 1px solid #acb9ca;
    color: #bbc7d4;
}

.portlet.box.blue-oleo > .portlet-title > .actions .btn-default > i {
    color: #c5ceda;
}

.portlet.box.blue-oleo > .portlet-title > .actions .btn-default:hover, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:focus, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default:active, .portlet.box.blue-oleo > .portlet-title > .actions .btn-default.active {
    border: 1px solid #cbd4de;
    color: #dbe1e8;
}

.cnts_view {
    font-size: 11px;
}

/*사건조회 수정 2017-03-14 */

.portlet.light.form-fit.searchform .btnlist {
    width: 100px;
    margin-top: 0
}

#upcoming-due-info {
    clear: none;
}

/*
 SECTION 2
 customized styles from datatables.css
 */

.w200 {
    width: 200px;
    display: inline-block;
}

.pr10 {
    padding-right: 10px;
}

.btn-pop-mr20 {
    margin-right: 20px !important;
}

.btn-pop-mr40 {
    margin-right: 40px !important;
}

.star-six::after {
    width: 0;
    height: 0;
    border-left: 10px solid transparent;
    border-right: 10px solid transparent;
    border-top: 200px solid red;
    position: absolute;
    content: "";
    top: 30px;
    left: -50px;
}

.fa, .hand, .dataTable tr {
    cursor: pointer;
}

.fieldList {
    height: 430px;
    max-height: 430px;
    overflow-x: hidden;
    overflow-y: auto;
}

.info::after {
    content: "\f05a";
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
    color: #0a6aa1;
}

.star::after {
    content: "\f005";
    display: inline-block;
    padding-left: 3px;
    vertical-align: middle;
    color: #ff0000;
}

.alignR {
    text-align: right;
}

.alignC {
    text-align: center;
}

.alignL {
    text-align: left !important;
}

.paddingl5 {
    padding-left: 5px;
}

.vAlignM {
    vertical-align: middle;
}

.vAlignB {
    vertical-align: bottom;
}

.headerTitle {
    margin-top: 0;
    padding-top: 0;
    padding-bottom: 0;

}

.filebox {
    display: inline-block;
    margin-right: 10px;
    padding-top: 5px;
}

.filelistDiv {
    padding-left: 10px;
}

.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip: rect(0, 0, 0, 0);
    border: 0;
}

input[type=text] {
    /*letter-spacing: -0.05em;*/
}

.sidebar-inner .timeline {
    padding: 20px;
    position: relative;
    background: #2e2c32
}

.sidebar-inner .timeline h2 {
    margin: 0;
    padding: 0;
    line-height: 1.4;
    font-size: 12px;
    font-weight: 500;
    color: #888689;
    text-align: right;
}

.sidebar-inner .timeline ul.count2 {
    width: 100%;
    margin: 0;
    border-left: 0;
    border-right: 0;
    padding: 10px 0;
}

.sidebar-inner .timeline ul.count2:before {
    border-top: 1px solid #3d3b40;
    bottom: 0;
    content: "";
    left: 50px;
    position: absolute;
    top: 93px;
    width: 140px;
}

.sidebar-inner .timeline ul.count2 li {
    width: 32%;
    text-align: center;
}

.sidebar-inner .timeline ul.count2 li:before {
    bottom: auto;
    content: "";
    height: 8px;
    top: 90px;
    margin-left: -4px;
    position: absolute;
    right: auto;
    width: 8px;
    z-index: 1;
    border-radius: 50%;
}

.sidebar-inner .timeline ul.count2 li.li1:before {
    background: #e4788c;
}

.sidebar-inner .timeline ul.count2 li.li2:before {
    background: #00ce9b;
}

.sidebar-inner .timeline ul.count2 li.li3:before {
    background: #4797f1;
}

.sidebar-inner .timeline ul.count2 li h3 {
    font-size: 27px;
    font-weight: 400;
    margin: 0 0 30px 0;
    color: #fff;
}

.sidebar-inner .timeline ul.count2 li span {
    font-weight: 700;
    color: #888689;
}

.files {
    list-style: none;
    margin: 0;
    padding-left: 0;
    padding-top: 2px;
    padding-bottom: 2px;
    width: 100%;
}

.m-0 {
    display: inline-block;
}

label.h6 {
    padding-left: 1px;
    padding-right: 7px;
    vertical-align: middle;
}

.dhtmlxCombo {
    display: inline-block;
}

input.dhx_inp.dhx_inp_long {
    width: 360px;
}

input.dhx_inp:focus {
    border-bottom: 2px solid #3399cc;
    margin-bottom: 0;
}

input.dhx_inp:focus + label {
    color: #3399cc;
}

div.sel_area {
    position: relative;
    float: left;
}

div.dhx_space {
    float: left;
    width: 40px;
    height: 50px;
}

.dhx_btn {
    border: 1px solid #dfdfdf;
    background-color: #f5f5f5;
    padding: 8px 10px;
    font-size: 14px;
    line-height: normal;
    color: #404040;
    float: right;
    margin: 16px 1px 1px 1px;
}

.dhx_btn:hover {
    background-color: #ededed;
    outline: none !important;
}

.dhx_btn:focus {
    outline: none !important;
    border-color: #3399cc;
    border-width: 2px;
    margin: 15px 0 0 0;
    color: #545454;
}

.dhx_btn:active {
    background-color: #e1e1e1;
}

/*textarea {*/
/*    resize: none;*/
/*}*/

.rowx2 {
    height: 58px;
    line-height: 58px;

}

.rowx3 {
    height: 87px;
    line-height: 87px;
}

.rowx3t {
    height: 87px;
}

.borderL {
    border-left: solid #333 1px;
}

.borderR {
    border-right: solid #333 1px;
}

.rowN {
    margin: 0 !important;
}

.pdl20 {
    padding-left: 20px;
}

.table-control {
    background-color: #fff9e9;
    border: 1px solid #f9c427;
    color: #555;
    width: 100%;
    height: 22px;
    opacity: 0.9;
}

.table-control:focus {
    background-color: #f0efd0;
    border: solid #f5f2f0 1px;
}

#patentFrm {
    margin: 0 -10px;
}

.dateForm {
    padding: 3px 6px;
    font-size: 11px;
    line-height: 1.42857;
    height: 24px;
    color: #555555;
    background-color: #fff;
    border: 0;
    border-bottom: 1px solid #c2cad8;
    max-width: 103px;
    min-width: 103px;
    font-weight: 600;
    width: 103px
}

.dateForm[disabled], .dateForm[readonly], .dhxcombo_disabled,
fieldset[disabled] .dateForm {
    background: none !important;
    border: none !important;
    opacity: 1;
}

.dateForm[disabled], .dhxcombo_disabled,
fieldset[disabled] .dateForm {
    cursor: not-allowed;
}

.percentage {
    background: url(/assets/icons/imgs/percent.png) no-repeat right !important;
    text-align: right;
    padding: 15px;
    margin-left: 3px;
}

.padding05 {
    padding: 0 5px;
}

.input-group.date .form-control:first-child {
    border-right: none !important;
}

input:disabled + .input-group-addon {
    border: none !important;
}

input:focus + .input-group-addon {
    border-right: 1px solid #93a1bb;
    border-bottom: 1px solid #93a1bb;
    border-top: 1px solid #93a1bb;
}

input[type="checkbox"],
input[type="radio"] {
    margin: 0 3px;
}

.input-daterange input {
    padding-right: 25px;
}

.floatLeft {
    float: left;
}

.autoDisabled {
    background-color: transparent !important;
    border: none !important;
    opacity: 1;
}

div.dhxcombo_material input.dhxcombo_input[disabled] {

    background-color: #eef1f5;
    opacity: 1;
}

.clientPopupBody {
    overflow: hidden;
}

.pop_container {
    overflow-y: auto;
}

/* Style the list */
ul.tab {
    list-style-type: none;
    padding: 0;
    overflow: hidden;
    background-color: #f0f2f4;

    border-bottom: 1px solid #ddd;
    margin-bottom: 10px;
}

/* Float the list items side by side */
ul.tab li {
    float: left;
    margin-bottom: -1px;
}

/* Style the links inside the list items */
ul.tab li a {
    display: inline-block;
    color: black;
    text-align: center;
    padding: 12px 12px;
    text-decoration: none;
    transition: 0.3s;
    font-size: 11px;
}

ul.tab li a.tablinks {
    /*border-right:1px solid #d9dde0 !important;*/
    text-shadow: none;
    color: #337ab7;
}

/* Change background color of links on hover */
ul.tab li a:hover {
    background-color: #ddd;
}

ul.tab > li.active > a {
    color: #555555;
    background-color: #fff;
    border: 1px solid #ddd;
    border-bottom-color: transparent;
    cursor: default;
}

/* Style the tab content */
.tabcontent {
    display: none;
    border: none;
}

.typeahead.dropdown-menu {
    max-height: calc((28px * 5) + 1px);
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed !important;
    z-index: 10;
}

.typeahead.dropdown-menu > a {
    max-height: calc((28px * 5) + 1px);
    overflow-y: auto;
    overflow-x: hidden;
    position: fixed !important;
    z-index: 10;
}

ul.typeahead > li {
}

ul.typeahead > li:hover > a, .dropdown-menu > li.active > a, .dropdown-menu > li.active:hover > a {
    text-decoration: none;
    background-color: #639cd7;
    border-color: #639cd7;
    font-size: 11px;
    color: #fff;
    filter: none;
    letter-spacing: 1px;
}

ul.typeahead > li > a {
    text-decoration: none;
    border-color: #639cd7;
    font-size: 11px;
    padding: 5px !important;
    filter: none;
    height: 28px;
}

.grid_form .tagsinput {
    border: none !important;
    border-left: 1px solid #efefef !important;
}

.headerDueDate {
    display: inline;
    padding-left: 20px;
    font-size: 14px !important;
    color: #B44;
}

.subDivs {
    padding: 10px 0;
}

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

th.h6, td.h6 {
    padding: 4px !important;
    vertical-align: middle !important;
}

.calendarOfficialFee {
    background-color: transparent /*#fff*/ !important;
    padding: 0 !important;

}

.calendarOfficialFee .fc-content .fc-title {
    font-size: 12px !important;
    color: #565353 !important;
}

.calendarOfficialFee .fc-content {
    border: 0;
    padding: 5px 1px !important;
}

.tabbable-line > .nav-tabs > li {
    min-width: 80px !important;
}

.listCount {
    margin-left: 5px;
}

.pdfobject-container {
    height: 100%;
}

.pdfobject {
    border: 1px solid #666;
}

.fc-selected-day {
    background: #ffdfd9 !important;
    border: 1px double #e0c5bf !important;
}

.bg_white {
    background: #fff !important;
}

.page-wrapper-top {
    height: 60px;
}

.h6 {
    line-height: 1.5 !important;
}

.addedRow .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;
    margin-left: 5px;
    background: #fff url(/theme/layouts/layout3/img/common/sprite_v1.png) no-repeat !important;
    background-position: 2px -212px !important;
}

div.files.placeholder[data-placeholder]:not([data-placeholder=""]):empty::before {
    color: #9999B2;
    content: attr(data-placeholder);
    text-align: center;
}

div.files.placeholder {
    /*text-align: center;*/
}

.fc-feediv {
    margin-top: 55px;
    margin-left: 5px;
    margin-right: 0;
    font-size: 11px;
    font-weight: bold;
}

.table-group-action-input.form-control.typeaheadField[disabled] {
    opacity: 0;
}

.margin-top-badge {
    margin-top: -1px !important;
}

.font_bold {
    font-weight: 600 !important;
}

select[disabled] {
    -moz-appearance: none !important; /* Firefox */
    -webkit-appearance: none !important; /* Safari and Chrome */
    appearance: none !important;
}

select[disabled]::-ms-expand {
    display: none !important; /* IE */
}

.validate_error {
    border: 2px solid #e73d4a !important;
}

.validate_valid {
    border: 1px solid #27a4b0 !important;
}

.portlet.box.blue-oleo.grey th {
    min-height: 26px !important;
}

span.font11 {
    font-size: 11px;
}

.fc-feediv {
    text-align: right;
    padding-right: 3px;
}

input.edit-header {
    display: none;
    height: 0 !important;
}

.h6 .btn.btn-danger.btn-xs.glyphicon.patentProcessDel {
    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(/theme/layouts/layout3/img/common/sprite_v1.png) no-repeat !important;
    background-position: 2px -212px !important;
}

div.detail_table {
    padding: 10px 30px;;
    border: 2px solid #d5e3ec;
    background: #f5fafd;
    overflow-y: auto;
    min-height: 190px;
    max-height: 300px;
}

/*** 상세 내역 테이블 ***/
.table_details {
    padding: 20px 20px 10px 20px;
    background: #f6f8fb;
}

.table_details .table {
    border: 1px solid #b5b5b3 !important;
}

/*.table_details .table-bordered { border-top: none; !important;}*/
.table_details .table-bordered > thead > tr > th {
    background: #dfedfa;
    color: #2c2e2d;
    border: 1px solid #c4d9ec;
}

.table_details .table-bordered > tbody {
}

.detail_table > .nav > li {
    border-top: 1px solid #c4ccd7;
    border-left: 1px solid #c4ccd7;
    border-right: 1px solid #c4ccd7;
    border-bottom: none !important;
    border-radius: 4px 4px 0 0 !important;
    background: #fff;
}

.detail_table > .nav > li.active {
    font-weight: bold;
}

.file_tilte {
    word-break: break-all;
}

/* 세금계산서 */
.invoicerTH1 {
    background-color: #ffd8d9;
}

.invoicerTH2 {
    background-color: #fff2f2;
}

.invoiceeTH1 {
    background-color: #c1d9f5;
}

.invoiceeTH2 {
    background-color: #f2f4ff;
}

.icon-btnx .fa.fa-calculator {
    font-weight: 400 !important;
    line-height: normal;
}

.icon-btnx .glyphicon-open {
    font-weight: 400 !important;
    color: #5bc0de
}

.icon-btnx {
    padding: 0;
    border-radius: 50px !important;
}

.chart_title {
    font-size: 20px;
    font-weight: bold;
    text-align: center;
    color: #697882;
}

.chart_type {
    float: right;
    position: relative;
    top: -26px;
    padding-right: 20px;
}

.rd .mt-checkbox {
    margin-right: 15px;
}

table.table td.td-border-top {
    border-top: 1px solid #d2d2d2 !important;
}

.modal-sizemid {
    width: 400px;
}

.modal-sizemid strong { /* letter-spacing: -0.5px; */
    line-height: 20px;
    display: block;
    margin-bottom: 5px;
}

.modal-sizemid .font-md {
    font-size: 17px
}

.modal-sizemid strong.title {
    font-size: 17px;
}

.w40pllb {
    width: 36px !important;
    display: inline-block !important;;
    padding-right: 14px !important;
    padding-left: 0 !important;;
    margin-right: 1px !important;;
}

label.abandonment {
    font-weight: 595;
}

table.table th.process-01 {
    background-color: #e9edef !important;
}

table.table th.process-02 {
    background-color: #e2f1f1 !important;
}

table.table th.process-03 {
    background-color: #e3e9f8 !important;
}

div.tick line {
    display: none;
}

.font-yellow {
    color: #c49f47 !important
}

.dropdown-userinfo {
    width: 310px !important;
    padding: 10px !important;
    padding-top: 0 !important;
}

.btn_both {
    padding-top: 10px;
    overflow: hidden;
    clear: both;
    width: 100%
}

.btn_both .fl {
    float: left
}

.btn_both .fr {
    float: right
}

.margin-right-30 {
    margin-right: 30px;
}

div.detail-report {
    position: relative;
    float: right;
    margin-top: 4px;
}

div.detail-excel {
    position: relative;
    float: right;
    margin-top: 4px;
}

#alertPopup, #confirmPopup, #confirmDelPopup {
    z-index: 10056 !important;
}

.fc-corner-left {
    border-radius: 4px 0 0 4px !important;
}

.fc-corner-right {
    border-radius: 0 4px 4px 0 !important;

}

.fc-corner {
    border-radius: 4px 4px 4px 4px !important;
}

.font-link {
    color: #23527c;
    text-decoration: underline;
}

.tags-label {
    background-color: #eeeeee;
    border-radius: 4px !important;
    padding-right: 1px;
    margin: 1px 5px 1px 0;
    border: 1px solid #dfdfdf;
}

.tags-input {
    position: relative;
    top: 2px;
    margin-bottom: 4px;
}

.icon_txt_red {
    font-size: 11px;
    color: red;
    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_red.gray {
    background: #b2b2b2;
    border: 1px solid #8d8d8d;
}

.word-break-all {
    word-break: break-all;
}

.form-body th {
    padding-right: 5px;
    text-align: right;
}

.modal-dialog td {
    font-size: 12px;
}

.navbar-brand {
    padding: 3px 0 0 !important;
}

.navbar {
    max-height: 61px !important;
}

.btnUploadExcel .fa-file-excel-o {
    background: url(/theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -439px -309px;
    vertical-align: middle;
}

#patentCostGrid .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;
    background: #fff url(/theme/layouts/layout3/img/common/sprite_v1.png) no-repeat;
}

#patentCostGrid .glyphicon.glyphicon-paperclip.fa-lg.hand {
    background-position: -748px -97px;
    margin-left: 2px
}

#patentCostGrid .glyphicon.glyphicon-paperclip.fa-lg.hand:hover {
    border: 1px solid #4389dd !important;
    background-position: -748px -127px;
}

#patentCostGridSum_wrapper > div.dataTables_scroll > div.dataTables_scrollBody {
    max-height: 120px !important;
}

/*#patentCostBillingInfoGrid_wrapper table.dataTable thead .sorting_disabled {*/
/*    background-color: #e1f3f1;*/
/*}*/

#usageInfo .usageInfo_label {
    color: #697882;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

#usageInfo .usageInfo_data {
    color: #5892dc;
    font-size: 14px;
    font-weight: 700;
    margin: 0;
}

.btn.btn-default.btn-xs.btnAddSubOD {
    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.btnAddSubOD:hover {
    border: 1px solid #4389dd !important;
}

table.dataTable tbody > tr.selected .btn.btn-default.btn-xs.btnAddSubOD {
    border: 1px solid #4389dd
}

.btn.btn-default.btn-xs.btnAddSubOD .fa.fa-document {
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    background: url(/theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -723px -129px !important;
    width: 19px;
    height: 19px;
    padding: 0;
    margin: 0;
}

.modal-sizeup2 {
    width: 640px;
}

.modal-sizeup2 strong { /* letter-spacing: -0.5px; */
    line-height: 20px;
    display: block;
    margin-bottom: 5px;
}

.modal-sizeup2 .font-md {
    font-size: 17px
}

.modal-sizeup2 strong.title {
    font-size: 17px;
}

/* 청구처화면 */
.portlet.box.blue-oleo.yellow .table-bordered > thead > tr > th {
    background: #f4f1da
}

.btnExcelDn .fa-file-excel-o {
    background: url(/theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -780px -166px;
    vertical-align: middle;
}

.btnExcelDn .fa-file-excel-o {
    vertical-align: middle;
    font-size: 12px !important;
    height: 12px !important;
}

.glyphicon.glyphicon-plus.fa-lg.hand,
.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;
    background: #fff url(/theme/layouts/layout3/img/common/sprite_v1.png) no-repeat;
}

.glyphicon.glyphicon-plus.fa-lg.hand {
    background-position: -721px -97px;
    margin-left: 1px
}

.glyphicon.glyphicon-plus.fa-lg.hand:hover {
    border: 1px solid #4389dd !important;
    background-position: -721px -127px;
}

.glyphicon.glyphicon-paperclip.fa-lg.hand {
    background-position: -748px -97px;
    margin-left: 2px
}

.glyphicon.glyphicon-paperclip.fa-lg.hand:hover {
    border: 1px solid #4389dd !important;
    background-position: -748px -127px;
}

.h6 .btn.btn-danger.btn-xs.glyphicon.glyphicon-trash {
    height: 15px;
    width: 15px;
    text-indent: -5000px;
    font-size: 0;
    line-height: 0;
    background: url(/theme/layouts/layout3/img/common/sprite_v1.png) no-repeat -781px -100px !important;
    border: none;
}

.h6 .btn.btn-danger.btn-xs.glyphicon.glyphicon-trash:hover {
    background-position: -781px -131px !important;
}

.form-searchcondition .mt-checkbox {
    margin-left: 10px;
}

/* ================ 새롭게 custom.css 에 포함 ============================ */

/* ============ default-edited.css ================ */

/* ========= layout-edited.css =============== */

.page-content {
    padding: 10px 0;
}

.page-logo {
    width: unset !important;
    height: 60px !important;
}

.page-head .page-title {
    padding: 15px 0;
}

.page-head .page-title > h1 {
    font-size: 16px;
    font-weight: 700;
    margin: 0;
}

.pop_wrap .page-header .page-title {
    float: left;
    display: inline-block;
    margin: 8px 20px 0 20px;
    color: #fff;
    font-weight: 500;
    font-size: 15px;
}

/*** datatables ***/
.dataTables_wrapper {
    position: relative;
    clear: both;
    *zoom: 1;
    zoom: 1;
}

.dataTables_wrapper .dataTables_filter input {
    margin-left: 0.5em;
}

.dataTables_scrollHead {
    border-bottom: 0 !important;
}

.dataTables_scrollBody {
    padding-right: 1px;
    background-color: #fff;
    border: 0 !important;
}

.dataTables_scrollBody .table-bordered {
    border-top: 1px solid #fff !important;
}

/*** general tables ***/
.table.table-bordered > thead > tr > td,
.table.table-bordered > tbody > tr > td,
.table.table-bordered > tfoot > tr > td {
    font-size: 12px;
    vertical-align: middle;
    height: 26px;
    max-height: 12em;
    padding: 0 3px;
}

/*** datatables ***/
table.dataTable {
    border-collapse: collapse !important;
    max-width: none;
}

table.dataTable thead th,
table.dataTable thead td {
    padding: 5px;
    border-bottom: 1px solid #111;
    background: #f0f2f4;
}

/*table.dataTable,*/
table.dataTable th,
table.dataTable td {
    -webkit-box-sizing: content-box;
    box-sizing: content-box;
}

table.dataTable thead th,
table.dataTable tbody th {
    font-size: 12px;
    letter-spacing: -0.05em;
    font-weight: 620;
}

table.dataTable thead td,
table.dataTable tbody td,
table.dataTable tfoot td {
    font-size: 12px;
    vertical-align: middle;
    height: 26px;
    max-height: 12em;
    padding: 0 3px;
}

table.dataTable thead .sorting,
table.dataTable thead .sorting_asc,
table.dataTable thead .sorting_desc,
table.dataTable thead .sorting_asc_disabled,
table.dataTable thead .sorting_desc_disabled {
    background-color: #ecf0f3;
    display: table-cell;
}

table.dataTable.compact thead th,
table.dataTable.compact thead td {
    padding: 4px 17px 4px 4px;
}

table.dataTable th.dt-left,
table.dataTable td.dt-left {
    text-align: left;
}

table.dataTable th.dt-center,
table.dataTable td.dt-center,
table.dataTable td.dataTables_empty {
    text-align: center;
    vertical-align: middle;
}

table.dataTable th.dt-right,
table.dataTable td.dt-right {
    text-align: right;
}

table.dataTable th.dt-justify,
table.dataTable td.dt-justify {
    text-align: justify;
}

table.dataTable th.dt-nowrap,
table.dataTable td.dt-nowrap {
    white-space: nowrap;
}

table.dataTable thead th.dt-head-left,
table.dataTable thead td.dt-head-left,
table.dataTable tfoot th.dt-head-left,
table.dataTable tfoot td.dt-head-left {
    text-align: left;
}

table.dataTable thead th.dt-head-center,
table.dataTable thead td.dt-head-center,
table.dataTable tfoot th.dt-head-center,
table.dataTable tfoot td.dt-head-center {
    text-align: center;
}

table.dataTable thead th.dt-head-center {
    vertical-align: middle;
}

table.dataTable thead th.dt-head-right,
table.dataTable thead td.dt-head-right,
table.dataTable tfoot th.dt-head-right,
table.dataTable tfoot td.dt-head-right {
    text-align: right;
}

table.dataTable thead th.dt-head-justify,
table.dataTable thead td.dt-head-justify,
table.dataTable tfoot th.dt-head-justify,
table.dataTable tfoot td.dt-head-justify {
    text-align: justify;
}

table.dataTable thead th.dt-head-nowrap,
table.dataTable thead td.dt-head-nowrap,
table.dataTable tfoot th.dt-head-nowrap,
table.dataTable tfoot td.dt-head-nowrap {
    white-space: nowrap;
}

table.dataTable tbody th.dt-body-left,
table.dataTable tbody td.dt-body-left {
    text-align: left;
    word-break: break-all;
}

table.dataTable tbody th.dt-body-center,
table.dataTable tbody td.dt-body-center {
    text-align: center;
}

table.dataTable tbody th.dt-body-right,
table.dataTable tbody td.dt-body-right {
    text-align: right;
}

table.dataTable tbody th.dt-body-justify,
table.dataTable tbody td.dt-body-justify {
    text-align: justify;
}

table.dataTable tbody th.dt-body-nowrap,
table.dataTable tbody td.dt-body-nowrap {
    white-space: nowrap;
}

table.dataTable tbody td.dt-body-overflow-hidden {
    /*display: -webkit-box;*/
    /*-webkit-line-clamp: 10;*/
    /*line-height: 1.2em;*/
    /*max-height: 12em;*/
    /*-webkit-box-orient: vertical;*/
    max-width: 150px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    word-break: normal;
    overflow-wrap: break-word;
}

.table-bordered {
    border-top: 1px solid #c3ccd6 !important;
    border-bottom: 1px solid #a2a2a2 !important;
}

.table-bordered > thead > tr > th {
    border: 1px solid #dedede;
}

.table-bordered > thead > tr > th:first-child {
    border-left: 1px solid #c3ccd6;
}

.table-bordered > thead > tr > th:last-child {
    border-right: 1px solid #c3ccd6;
}

.table-bordered > tbody > tr > td {
    border-top: 0 !important;
}

table.table-bordered tbody tr.selected td {
    background-color: #cddef3;
}

.DTFC_LeftBodyLiner .table-bordered > thead > tr > th {
    border-top: 1px solid #fff !important;
}

table.dataTable tbody > tr.selected {
    background: #cddef3 !important;
}

table.dataTable tbody tr.dt-delline td {
    text-decoration: line-through;
}

table.dataTable tbody tr.dt-delline input {
    text-decoration: line-through;
}

table.dataTable tbody tr.dt-delline2 td {
    color: #d1d1d1;
}

table.dataTable tbody tr.italic td {
    font-style: italic;
    color: #999;
}

table.dataTable tbody tr.italic input {
    font-style: italic;
    color: #999;
}

table.dataTable tbody td.italic {
    font-style: italic;
    color: #999;
}

table.dataTable tbody tr.italic td input {
    font-style: italic;
    color: #999;
}

table.dataTable tbody tr.dt-delline td.dt-delline-ignore {
    text-decoration: none !important;
}

table.dataTable tbody td.dt-link {
    font-weight: 595;
    text-decoration: underline;
    cursor: pointer;
}

table.dataTable tbody td.dt-bold {
    font-weight: bold;
}

table.dataTable tbody td span.dt-link {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

table.dataTable tbody tr.dt-overterm {
    background-color: #ffa5e4;
}

table.dataTable tbody td.dt-red {
    color: #e7505a;
}

table.dataTable tbody td.dt-grey {
    color: #959595;
}

table.dataTable tbody td.dt-blue {
    color: #3598dc;
}

table.dataTable tbody td.dt-green {
    color: #32c5d2;
}

.dataTable .input-group-addon {
    display: none;
}

.dataTable .input-group.date input[type="text"]:enabled {
    border-right: 1px solid #c2cad8 !important;
}

.dataTable .input-group.date input[type="text"]:disabled {
    border-right: none;
}

table.dataTable tbody td.dt-total {
    background-color: #deeefb;
    border: 1px solid #a6c9e0 !important;
    /*letter-spacing: -0.05em;*/
}

table.dataTable tbody td input.dt-link {
    font-weight: bold;
    text-decoration: underline;
    cursor: pointer;
}

/*** datatables button ***/
table.dataTable tbody > tr.selected .btn.btn-default.btn-xs.btnAddSub {
    border: 1px solid #4389dd
}

.dataTables_length {
    font-size: 11px;
    letter-spacing: 0
}

.dataTables_length > label {
    margin-top: 10px;
}

.dataTables_length select {
    padding: 2px 6px
}

.dataTables_wrapper .dataTables_paginate {
    float: right;
    text-align: right;
    padding-top: 1.25em;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    box-sizing: border-box;
    display: inline-block;
    margin-left: 4px;
    text-align: center;
    text-decoration: none !important;
    cursor: pointer;
    *cursor: hand;
    color: #333 !important;
    border-radius: 2px;
    border: 1px solid #d0d0d0;
    font-size: 12px;
    height: 30px;
    min-width: 30px;
    line-height: 27px;
    padding: 1px 6px 2px;
    letter-spacing: 0;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.current,
.dataTables_wrapper .dataTables_paginate .paginate_button.current:hover {
    color: #fff !important;
    border: 1px solid #4082d8;
    background: #5892dc;
    font-weight: bold;
}

.dataTables_wrapper .dataTables_paginate .paginate_button.disabled,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:hover,
.dataTables_wrapper .dataTables_paginate .paginate_button.disabled:active {
    cursor: default;
    color: #666 !important;
    border: 1px solid transparent;
    background: transparent;
    box-shadow: none
}

.dataTables_wrapper .dataTables_paginate .paginate_button:hover {
    border: 1px solid #4082d8;
}

.dataTables_wrapper .dataTables_paginate .paginate_button:active {
    border: 1px solid #4082d8;
    outline: none;
}

.dataTables_wrapper .dataTables_paginate .paginate_button {
    border: 1px solid #d0d0d0;
    font-size: 12px;
    height: 30px;
    min-width: 30px;
    line-height: 27px;
    padding: 1px 6px 2px;
    letter-spacing: 0
}

.paginate_button.first,
.paginate_button.previous,
.paginate_button.next,
.paginate_button.last {
    border: 1px solid #ddd;
    text-indent: -9999px;
    font-size: 0;
    line-height: 0;
    background: url(/theme/layouts/layout3/img/common/btn_page.png) no-repeat
}

.paginate_button.first {
    background-position: 6px 9px
}

.paginate_button.previous {
    background-position: 7px -31px;
}

.paginate_button.next {
    background-position: 8px -91px;
}

.paginate_button.last {
    background-position: 8px -141px
}

.pagination-sm > li > a,
.pagination-sm > li > span {
    font-size: 11px;
}

.daterangepicker select.monthselect{
    float: right;
}
.daterangepicker select.yearselect{
    float: left;
}
/******************************/

.c3 text {
    font-family: 'Nanum Gothic', 'Malgun Gothic', serif;
    font-size: 12px;
}

/********************* responsive UI ****************************/
@media (min-width: 768px) {
    /*파일미리보기 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_tilte {
        line-height: 14px;
        font-weight: 595;
        margin: 5px 0 0;
    }

    .filetype {
        background: url(../../theme/layouts/layout3/img/common/filetypes.png) no-repeat;
        width: 33px;
        height: 41px;
        display: inline-block;
        margin-left: 5px;
        margin-top: 5px
    }

    .filetype.pdf {
        background-position: 0 0
    }

    .filetype.ppt {
        background-position: -37px 0
    }

    .filetype.xls {
        background-position: -74px 0
    }

    .filetype.doc {
        background-position: -111px 0
    }

    .filetype.txt {
        background-position: -148px 0
    }

    .filetype.zip {
        background-position: -185px 0
    }

    .filetype.png {
        background-position: 0 -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
    }

    .col-sm-0-5, .col-sm-1-5, .col-sm-2-5, .col-sm-3-5, .col-sm-4-5, .col-sm-5-5, .col-sm-6-5, .col-sm-7-5, .col-sm-8-5, .col-sm-9-5, .col-sm-10-5, .col-sm-11-5,
    .col-sm-1, .col-sm-2, .col-sm-3, .col-sm-4, .col-sm-5, .col-sm-6, .col-sm-7, .col-sm-8, .col-sm-9, .col-sm-10, .col-sm-11, .col-sm-12 {
        float: left;
    }

    .col-sm-0-5 {
        width: 4.166666667%;
    }

    .col-sm-1-5 {
        width: 12.5%;
    }

    .col-sm-2-5 {
        width: 20.83333333%;
    }

    .col-sm-3-5 {
        width: 29.16666667%;
    }

    .col-sm-4-5 {
        width: 37.5%;
    }

    .col-sm-5-5 {
        width: 45.83333333%;
    }

    .col-sm-6-5 {
        width: 54.16666667%;
    }

    .col-sm-7-5 {
        width: 62.5%;
    }

    .col-sm-8-5 {
        width: 70.83333333%;
    }

    .col-sm-9-5 {
        width: 79.16666667%;
    }

    .col-sm-10-5 {
        width: 87.5%;
    }

    .col-sm-11-5 {
        width: 95.83333333%;
    }

    .form-inline .form-control {
        width: 100%;
    }

    .form-horizontal .form-group-sm .control-label {
        font-size: 11px;
    }

    .modal-dialog {
        width: 302px;
        margin: 100px auto;
    }
}

@media (min-width: 992px) {
    .col-md-0-5, .col-md-1-5, .col-md-2-5, .col-md-3-5, .col-md-4-5, .col-md-5-5, .col-md-6-5, .col-md-7-5, .col-md-8-5, .col-md-9-5, .col-md-10-5, .col-md-11-5,
    .col-md-1, .col-md-2, .col-md-3, .col-md-4, .col-md-5, .col-md-6, .col-md-7, .col-md-8, .col-md-9, .col-md-10, .col-md-11, .col-md-12 {
        float: left;
    }

    .col-md-0-5 {
        width: 4.166666667%;
    }

    .col-md-1-5 {
        width: 12.5%;
    }

    .col-md-2-5 {
        width: 20.83333333%;
    }

    .col-md-3-5 {
        width: 29.16666667%;
    }

    .col-md-4-5 {
        width: 37.5%;
    }

    .col-md-5-5 {
        width: 45.83333333%;
    }

    .col-md-6-5 {
        width: 54.16666667%;
    }

    .col-md-7-5 {
        width: 62.5%;
    }

    .col-md-8-5 {
        width: 70.83333333%;
    }

    .col-md-9-5 {
        width: 79.16666667%;
    }

    .col-md-10-5 {
        width: 87.5%;
    }

    .col-md-11-5 {
        width: 95.83333333%;
    }
}

@media (min-width: 1200px) {
    .col-lg-0-5, .col-lg-1-5, .col-lg-2-5, .col-lg-3-5, .col-lg-4-5, .col-lg-5-5, .col-lg-6-5, .col-lg-7-5, .col-lg-8-5, .col-lg-9-5, .col-lg-10-5, .col-lg-11-5,
    .col-lg-1, .col-lg-2, .col-lg-3, .col-lg-4, .col-lg-5, .col-lg-6, .col-lg-7, .col-lg-8, .col-lg-9, .col-lg-10, .col-lg-11, .col-lg-12 {
        float: left;
    }

    .col-lg-0-5 {
        width: 4.166666667%;
    }

    .col-lg-1-5 {
        width: 12.5%;
    }

    .col-lg-2-5 {
        width: 20.83333333%;
    }

    .col-lg-3-5 {
        width: 29.16666667%;
    }

    .col-lg-4-5 {
        width: 37.5%;
    }

    .col-lg-5-5 {
        width: 45.83333333%;
    }

    .col-lg-6-5 {
        width: 54.16666667%;
    }

    .col-lg-7-5 {
        width: 62.5%;
    }

    .col-lg-8-5 {
        width: 70.83333333%;
    }

    .col-lg-9-5 {
        width: 79.16666667%;
    }

    .col-lg-10-5 {
        width: 87.5%;
    }

    .col-lg-11-5 {
        width: 95.83333333%;
    }

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

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

    .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%
    }

    .mt-checkbox-list, .mt-radio-list {
        padding: 0;
    }

    .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }
}

@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
    }

    .page-header .page-header-top .top-menu {
        padding-right: 0
    }

    .container-fluid {
        padding-left: 5px;
        padding-right: 5px;
    }

    .box_type01 i,
    .box_type02 i,
    .box_type03 i {
        font-size: 30px;
        margin-top: 10px
    }

    .box_type01,
    .box_type02,
    .box_type03 {
        color: #5892dc;
        font-size: 12px;
        font-weight: 500;
        text-align: center !important;
        line-height: normal !important;
        max-width: 80px
    }

    .box_type01 {
        padding: 20px 10px
    }

    .box_type02 {
        padding: 20px 10px
    }

    .box_type03 {
        padding: 20px 10px
    }

    .searchform .columnline {
        border-left: 1px solid #ededed;
        padding: 10px 10px 10px 20px !important;
        min-height: 100px;
    }

    .searchtype01 .form-actions {
        max-width: 150px;
        text-align: right;
    }

}

@media (max-width: 992px) {
    .col-md-2.no-padding {
        width: 25%;;
        float: left;
    }

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

@media (min-width: 1280px) {
    .searchform .col-md-1-5 {
        width: 10%;
    }

    .searchform .col-md-10-5 {
        width: 90%;
    }

    .searchform .col-md-9 {
        width: 80%;
    }

}

@media (max-width: 480px) {
    .mt-timeline-horizontal .events-content ol li .mt-title {
        width: 100%;
    }

    .mt-timeline-horizontal .events-content ol li .mt-author {
        width: 100%;
        margin-top: 15px;
        text-align: left;
    }

    .mt-timeline-horizontal .events-content ol li .mt-author > .mt-avatar {
        float: left;
        margin-right: 15px;
        margin-left: 0;
    }

    .mt-timeline-horizontal .events-content ol li .mt-author > .mt-author-name {
        margin-top: 10px;
    }

    .mt-timeline-horizontal .btn.pull-right {
        float: none !important;
        margin: 0 !important;
    }

    .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
    }
}

@media (max-width: 980px) {
    div.sel_area.sel_area_column {
        float: none;
        overflow: hidden;
        margin-top: 20px;
    }

    div.sel_area.sel_area_column:first-child {
        margin-top: 0;
    }

    .dhx_space.dhx_space_change_icon {
        float: none;
    }
}

@media (max-width: 510px) {
    .sel_area {
        float: none;
        width: 100%;
    }

    input.dhx_inp {
        width: 100%;
    }
}

@media (max-width: 991px) {
    .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
    }
}