@charset "utf8";

/* List Common
------------------------------------- */

.list-body {
    height: 100%;
    position: relative;
    display: flex;
    flex-direction: column;
    overflow: hidden;
    flex: 1;
    /*     -ms-flex: 1; */
    /*     -ms-display: flexbox; */
    /*     -ms-flex-direction: column; */
}

.page-body > .content > .list-body .list-body-contents {
    height: 0px;
    overflow-y: auto;
    -ms-flex: 1;
    flex: 1;
}


.list-top {
    width: 100%;
    border-bottom: 1px solid #dbdbdb;
}

.list-top > div.top-btn {
    padding-top: 5px;
    padding-bottom: 5px;
    text-align: right;
}

.step-container .list-top > div.top-btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

.xtree-form .list-top > div.top-btn {
    -webkit-box-shadow: none;
    -moz-box-shadow: none;
    box-shadow: none;
}

div.dialog_popup .list-top > div.top-btn,
div.popup-layout .list-top > div.top-btn {
    padding-top: 5px;
    padding-bottom: 5px;
    box-shadow: none;
}

.list-main {
    position: relative;
    overflow: auto;
    height: 100%;
}

.list-bottom {
    width: 100%;
    padding: 10px 0;
    z-index: 1;
    background: #f7f7f7;
}

.stats-main-contents {
    height: 100%;
    flex: 1;
    overflow: hidden;
    z-index: 1;
    padding-bottom: 10px;
}


#list_wrap {
    width: 100%;
}

.list-buttons {
    padding-right: 20px;
}

.list-bottom {
    width: 100%;
    padding: 10px 0px;
    z-index: 1;
    background: #f7f7f7;
    -ms-flex: none;
}

/* List Add
------------------------------------- */

.list-main-grid {
    /*
    position: relative;
    background: #f7f7f7;

     */
    padding-top: 10px;
}

.list-main-category {
    position: relative;
    overflow: auto;
    padding-top: 100px;
}

.list-main-category-contents {
    padding: 0px 55px 10px;
}

.list-body .list-body-contents {
    height: 100%;
    overflow-y: auto;
    flex: 1;
}

.lst-cond div.lst-cond_bg {
    position: relative;
    width: 100%;
    background-color: #fff;
    padding: 0 10px 10px 10px;
}

.lst-cond_no div.lst-cond_bg.cond_no {
    padding: 0;
}

.lst-cond div.lst-cond_bg.top {
    /*
    box-shadow : 3px 1px 8px 1px #bfbfbf;

     */
}

div.lst-cond_area div.label {
    vertical-align: middle;
    padding: 3px;
    color: #2a2a2a;
    /* letter-spacing: -1px; */
}

.lst-cond.top,
.lst-cond_no.top,
div.popup-content .lst-cond.top {

}

.lst-cond_area {
    width: 100%;
}

.cond-detail {
    box-shadow: 2px 2px 7px 1px #bfbfbf;
    /* 	box-shadow : 3px 0px 7px 1px #bfbfbf; */
}

.lst-cond_bg > div {
    padding: 0px 20px;
}

.lst-cond_area .filter {
    padding: 0;
}

.lst-cond.cond_detail {
    /*padding : 0 38px;*/
    background: #f7f7f7;
}

.lst-cond.cond_detail {
    /*padding : 0 38px;*/
    background: #f7f7f7;
}

div.popup-content .list-body .jqx-grid-body {
    /*padding : 0 38px;*/
    /*background: #f7f7f7;*/
}

.list-body .jqx-grid-frame,
.list-body .list-content,
.list-body .stat_content,
.list-body .slm_content {

}

.filter-content {
    padding: 3px;
}

.btnViewMode {
    text-align: right;
    padding: 10px;
    position: absolute;
    width: 100%;
}

.btnViewMode.option {
    padding-left: 20px;
}

.lst-cond_bg .chosen-container-single .chosen-single {
    height: 35px;
    line-height: 31px;
}

.devMode {
    width: 22px;
    height: 25px;
    box-shadow: 0px 0px 2px 1px #bbbbbb;
    cursor: pointer;
}

.devMode i {
    color: #293846;
    padding: 6px 0px 0 4px;
    font-size: 18px;
}

.gridMenu i {
    font-size: 14px;
    margin-right: 5px;
}

.gridMenu span {
    font-size: 14px;
}


/*jqxGrid
------------------------------------- */

.jqx-grid-cell-sort {
    background: none;
}

.jqx-grid-body {
    flex: 1;
    height: 100%;
}

.main-nav.fixing + .main-article .apr_list_view > .jqx-grid-body {
    position: relative;
    margin-left: 260px;
}

div.jqxWidget {
    height: 100%;
}

.list-view {
    font-size: 0.95rem;
    border: 1px solid #e4e8e9;
}

.list-content, .svc_content {
    height: 100%;

    /*padding-bottom: 20px;*/
}

.jqx-grid-frame {
    height: 100%;
    display: flex;
    flex-direction: column;
}

.list-view .jqx-grid-cell-pinned {
    background-color: #fff;
}

/* 2행씩 색 변경*/
/* .list-view .jqx-widget-content div[role=row]:nth-child(even) > div[role=gridcell] { */
.list-view .jqx-widget-content div[role=row]:nth-child(2n+1) .jqx-grid-cell,
.jqx-grid-table tr:nth-child(2n+1) .jqx-grid-cell{
    background-color: #f9f9f9;
}

/* 2행씩 색 변경 삭제*/
.jqx-grid-cell.jqx-grid-cleared-cell {
    background-color: transparent !important;
}
.jqx-grid-cell-alt {
    background-color: transparent;
}


.list-view .jqx-widget-content div[role=row] > div[role=gridcell] {
    /* 	padding-left: 20px; */
}

.list-view .jqx-widget-content div[role=row] > div[role=gridcell]:first-child {
    /* padding-left: 0px; */
}

.jqx-widget-header.jqx-grid-header > div {
    z-index: 1;
    font-size: 14px;
    letter-spacing: -1px;
    border-bottom: 2px solid #dbdbdb;
}

.list-view .jqx-widget-header.jqx-grid-header div[role=columnheader]:first-child {
    /* padding-left: 0px; */
}

.list-view .jqx-widget-header.jqx-grid-header div[role=columnheader] {
    /* 	padding-left: 20px; */
}

.list-view .jqx-widget-content {
    font-size: 13px;
    border: none;
    line-height: 15px;
}

.jqx-widget-content.jqx-grid-pager-input {
    border: 1px solid #adadad;
    height: 22px !important;
    line-height: 30px;
}

.list-view .list-view .jqx-widget-header {
    background: red;
}

.jqx-grid-cell {
    font-weight: inherit;
}

/* header */
.jqx-grid-header {
    border-bottom-width: 0;
}
.jqx-grid-column-header.jqx-grid-columngroup-header {
    padding-right: 1px;
    border-bottom-width: 1px !important;
}

.jqx-grid-column-header {
    border-width: 0px 1px 0 0px !important;
}
.jqx-widget .jqx-grid-cell {
    border-width: 0px 0 1px 0 !important;
}
.jqx-grid-table .jqx-grid-cell {
    border-width: 0px 0 1px 1px !important;
}
.list-view .jqx-widget .jqx-grid-column-header {
    font-weight: 500;
    border-left: 1px solid #e4e8e9;
}

/* rownum */
.list-view .jqx-grid-cell-pinned {
    line-height: 18px;
}

.list-view .jqx-grid-cell-left-align {
    margin-left: 30px;
}

.list-view .jqx-widget-header.jqx-grid-header > div .jqx-grid-column-header.jqx-widget-header > div:first-child {
    min-width: 30px;

}

.atom-group .ent-drop-down-button.jqx-dropdownlist-state-normal {
    background: #fff;
    border: 1px solid #dbdbdb !important;
    height: 32px !important;
    line-height: 21px;
    border-radius: 3px;
}

/* jqx-scrollbar */
.jqx-scrollbar-thumb-state-normal,
.jqx-scrollbar-thumb-state-normal-horizontal {
    background: #b0b4bb !important;
    border-radius: 4px !important;
}

/* jqx-scrollbar */
.jqx-reset,
.jqx-grid-bottomright {
    background : #fff !important;
}

/* jqx-grid-frame table */
.jqx-grid-frame .jqx-grid-table .jqx-grid-cell:first-child {
    border-left-width: 0px !important;
}

/* paging*/
.list-view .jqx-clear.jqx-position-absolute.jqx-grid-pager.jqx-widget-header > div > div:last-child {
    float: right !important;
    /* 	margin-right : 35px !important; */
}

.list-view .jqx-clear.jqx-position-absolute.jqx-grid-pager.jqx-widget-header {
    /* 	left : 315px !important; */
    /* border : none; */
    background: #fff;
}


.list-view .jqx-clear.jqx-position-absolute.jqx-grid-pager.jqx-widget-header > div {
    /* 	width: 442px !important; */
    float: right !important;
    background: #fff;
}

.list-view .jqx-fill-state-pressed {
    background: #f3f3f4;
}

/* hover */
.list-view .jqx-widget-content div[role=row] .jqx-grid-cell.jqx-item.jqx-grid-cell-hover.jqx-fill-state-hover,
.list-view .jqx-grid-cell.jqx-item.jqx-grid-cell-hover.jqx-fill-state-hover {
    background: #f3f3f4;
    color: #000 !important;
    /*font-weight: 600;*/
    font-size: 13px;
}


.list-view .jqx-grid-cell.jqx-item.jqx-grid-cell-pinned.jqx-grid-cell-selected.jqx-fill-state-pressed {
    color: #000 !important;
    font-weight: 600;
    /* 	font-size: 12px; */
}

.list-view .jqx-widget-content div[role=row] > div[role=gridcell].jqx-grid-cell-selected {
    color: #000 !important;
    font-weight: 600;
    background: #d0d0d0;
    /* 	font-size: 12px; */
}


.list-view .jqx-grid-pager-number.jqx-rc-all.jqx-fill-state-pressed {
    background: #293846;
    color: #fff !important;
    border: none;
}

.list-view .jqx-grid-cell.jqx-item .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal span {
    left: 0px !important;
    top: -9px !important;
    position: relative !important;
}

/* format : button */
.list-view .jqx-grid-cell.jqx-item .jqx-rc-all.jqx-button.jqx-widget.jqx-fill-state-normal {
    top: 3px !important;
    width: 90px !important;
    height: 30px !important;
    margin-top: 6px !important;
    margin-left: 18px !important;
}

.list-view .jqx-grid-content.jqx-widget-content {
    border-top: 1px solid #e4e8e9;
}

/*link */
.list-view .jqx-event-cell-cursor {
    text-decoration: underline;
}

.list-view .jqx-event-cell-cursor,
.jqx-event-cell-cursor-pointer {
    cursor: inherit;
}

.list-view .jqx-event-cell-cursor .jqx-tree-grid-data,
.list-view .jqx-event-cell-cursor .jqx-grid-data {
    cursor: pointer;
}

/* JqxGrid Table*/
.jqx-grid-table {
    font-size: 13px;
}

/*결재*/
.appr-list-buttons .btn-group button {
    margin: 0;
}

.appr-main-contents {
    flex: 1;
    margin-bottom: 20px;
    height: 100%;
}

div.apr_list_view {
    height: 100%;
    border-top: 1px solid #bfbfbf;
}

.appr-list-view-content {
    height: 100%;
    position: relative;
}

div.apr_list {
    width: 400px;
    float: left;
    height: 100%;
    background: #ffffff;
    margin-right: 5px;
    border-right: 1px solid #bfbfbf;
}

.ux_list_view .ux_list {
    width: 480px;
    float: left;
    height: 100%;
    background: #ffffff;
    margin-right: 5px;
    border-right: 1px solid #bfbfbf;
}

.ux_list_view .ux_bar {
    position: absolute;
    width: 5px;
    height: 30px;
    top: 50%;
    left: 480px;
    background-color: #616161;
    cursor: col-resize;
    float: left;
}

.ux_list_view  .ux_view {
    padding-left: 480px;
    height: 100%;
}

.ux_list_view .ux_view .dialog_appr_form {
    padding-top: 10px;
    margin-left: 5px;
    border-left: 1px solid #bfbfbf;
    height: 100%;
}

.ux_list_view  .ux_view .form-contents {
    height: 100%;
    margin-left: 5px;
    border-left: 1px solid #bfbfbf;
}



div.apr_view {
    padding-left: 400px;
    height: 100%;
}

div.apr_view .dialog_appr_form {
    padding-top: 10px;
    margin-left: 5px;
    border-left: 1px solid #bfbfbf;
    height: 100%;
}

div.apr_view .form-contents {
    height: 100%;
    margin-left: 5px;
    border-left: 1px solid #bfbfbf;
}


.apr_bar {
    position: absolute;
    width: 5px;
    height: 30px;
    top: 50%;
    left: 400px;
    background-color: #616161;
    cursor: col-resize;
    float: left;
}

#apr_view_if {
    border: none;
}

.apr_list .list-top > div.top-btn {
    box-shadow: none;
    /*background: #f7f7f7;*/
}

.apr_list div.jqxWidget {
    border-top: none;
}

.apr_list_view .list-main-contents {
    padding: 0;
}

.apr_list_view .lst-cond_no.top {
    margin-top: 44px;
}

/* XTree
------------------------------------- */
.wogTree.jqx-widget-content {
    border: 0;
    box-sizing: border-box;
}
.xlist .jqx-widget-content,
.xtree .jqx-widget-content {
    border-color: #dbdbdb;
    box-sizing: border-box;
    border: 0;
}
.xlist .search-bar,
.xtree .search-bar {
    border-bottom: 1px solid #d4d4d4;
}
.xlist .search-bar input,
.xtree .search-bar input {
    border: none;
}
.xview {
    height: 100%;
    margin: 80px 20px 20px;
    overflow-y: auto;
}

.xlist,
.xtree {
    height: 100%;
    margin: 20px 20px 20px;
    overflow-y: auto;
}

.xlist #xtree,
.xtree #xtree {
    overflow-y: auto;
}

.xlist #xtree,
.xlist #list,
.xtree #xtree,
.xtree #list {
    border: 0;
}

.xtree-brd {
    border: 1px solid #d4d4d4;
    overflow-y: auto;
    height: 100%;
}

.list-box {
    padding-top: 42px;
    margin-top: -42px;
    box-sizing: border-box;
    height: 100%;
}

#div_ifr .jqx-grid-frame .list-top > div.top-btn,
#load-contents .jqx-grid-frame .list-top > div.top-btn {
    box-shadow: none;
}

#div_ifr .jqx-grid-frame .list-top,
#load-contents .jqx-grid-frame .list-top {
    background: #f7f7f7;
}

#div_ifr .jqx-grid-frame .list-top .top-btn,
#load-contents .jqx-grid-frame .list-top .top-btn {
    padding-top: 5px;
    padding-bottom: 5px;
}

#div_ifr .list-content {
    margin-bottom: 0;
}

.dept_list_view {
    height: 100%;
}

#deptform {
    overflow-y: auto;
    height: 100%;
}

.svc-conent-left {
    float: left;
    width: 300px;
    height: 100%;
    display: flex;
    flex-direction: column;
}

.svc-conent-left > .btn-group > .btn-group > .btn {
    margin-left: 0;
}


.svc-conent-right {
    height: 100%;
    padding-left: 315px;
}

.svc-conent-right .xtree-brd {
    border: 0;
}

.svc-conent-right .xtree-brd .check_list_view .jqx-widget-header.jqx-grid-header > div:after,
.svc-conent-right .xtree-brd .check_list_view #tabletree_grid:after {
    display: none;
}

.xtree .svc-conent-right .xtree-brd {
    overflow-y: hidden;
}

.xtree .svc-conent-right .xtree-brd .page-content-body[mode="inner"] .form-floating-click-area {
    display: none;
}

.popup-content .xtree .svc-conent-right .xtree-brd .page-content-body[mode="inner"] .form-body {
    margin-top: 0;
}

.xtree-form {
    overflow-y: auto;
    height: 100%;
}

.xtree-bg {
    background: #f7f7f7;
}

.xtree-btn-group {
    text-align: right;
    width: 100%;
    margin-bottom: 10px;
}

.xtree-btn-group2 {
    margin-bottom: 10px;
}

.xtree-btn-group2 .btn-group {
    width: 100%;
    justify-content: space-between;
}

.xtree-btn-group2 .icon-btn {
    position: relative;
    border: 0;
    background: none;
    flex: 0 1 32%;
    border-radius: 3px;
    background-color: #f1f1f1;
    padding: 10px 5px 5px;
    transition: all 0.2s ease;
    color: #4e89ae;
    font-size: 14px;
    font-weight: 500;
}

.xtree-btn-group2 .icon-btn:hover {
    background-color: #dbebf5;
}

.xtree-btn-group2 .icon-btn:hover:before {
    margin-bottom: 5px;
    transform: translateY(-5px)
}

.xtree-btn-group2 .icon-btn:before {
    content: '';
    display: block;
    width: 30px; height: 30px;
    background: url('../images/add-folder.png') left top no-repeat;
    background-size: 100% auto;
    margin: 0 auto 5px;
    transition: all 0.2s ease;
}
.xtree-btn-group2 .new-folder:before {
    background-image: url('../images/new-folder.png');
}
.xtree-btn-group2 .add-file:before {
    background-image: url('../images/add-file.png');
}

/* xtree-list */
.xtree-list {
    border: 0;
}

.xtree-list-head {
    display: flex;
    justify-content: flex-end;
    align-items: center;
    margin-bottom: 10px;
    flex-wrap: wrap;
}

.xtree-navBar {
    color: #222;
    font-size: 15px;
    font-weight: 400;
    flex: 1 1 auto;
}
.xtree-navBar:before {
    content: '\f115';
    font-family: 'FontAwesome';
    margin-right: 3px;
}
.xtree-navBar > span:before {
    content: '\f105';
    font-family: 'FontAwesome';
    display: inline-block;
    vertical-align: middle;
    margin: -2px 5px 0;
}
.xtree-navBar > span:first-child::before {
    display: none;
}
.xtree-navBar > span {
    cursor: pointer;
}

.xtree-list-head .btn-group {
    flex: 0 1 auto;
    text-align: right;
    float: right;
}

.xtree-list-head .btn-group .btn {
    font-size: 12px;
}

.xtree-list-head .btn-group .btn.button-small-action {
    padding: 5px 10px;
}
.xtree-list-head .btn-group .btn-outline-info {
    color: #17a2b8;
    border-color: #17a2b8
}

.xtree-list-head .btn-group .btn-outline-info:hover {
    color: #fff;
    background-color: #17a2b8;
    border-color: #17a2b8
}

.xtree-list-head .btn-group .btn-outline-info.focus,
.xtree-list-head .btn-group .btn-outline-info:focus {
    box-shadow: 0 0 0 .2rem rgba(23, 162, 184, .5)
}

.xtree-list-head .btn-group .badge-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.xtree-list-head .btn-group .badge-danger:focus,
.xtree-list-head .btn-group .badge-danger:hover {
    color: #fff;
    background-color: #bd2130;
}

.xtree-list-head .btn-group .badge-danger {
    color: #fff;
    background-color: #dc3545;
    border-color: #dc3545;
}
.xtree-list-head .btn-group .badge-danger:focus,
.xtree-list-head .btn-group .badge-danger:hover {
    color: #fff;
    background-color: #bd2130;
}

.xtree-list-head .btn-other {
    margin-left: 5px !important;
    border-radius: 0 !important;
}

.xtree-list-wrap {
    position: relative;
    overflow-y: auto;
    height: 100%;
    border: 1px solid #d4d4d4;
    padding: 20px;
}

.file-content .file-upload {
    position: absolute;
    border: 2px dashed #d0d0d0;
    border-radius: 3px;
    background: rgba(252, 252, 252, 0.5);
    transition: all 0.3s linear;
    margin-bottom: 10px;
    margin-top: 5px;
    /* display: inline-block; */
    width: 100%;
    height: 100%;
    top: -5px;
    right: 0;
    bottom: 0;
    left: 0;
    padding: 20px 20px;
    cursor: pointer;
    display: none;
}

.file-content.upload-dragdrop .file-upload {
    display: block;
}

.file-head,
.file-area {
    display: flex;
    width: 100%
}

.file-head-item,
.file-info {
    flex: 1 1 150px;
    padding: 10px;
    border-bottom: 1px solid #e3e3e3;
}

.file-head {
    color: #222;
    font-weight: 400;
}
.file-area {
    height: auto;
    cursor: pointer;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    font-size: inherit;
    font-size: 0.85rem;
}

.file-area[aria-selected = true],
.file-area.active {
    background-color: #ecf3f7;
}

.file-lock .file-name:after {
    content: "\f023";
    font-family: 'fontAwesome';
    color: #4E89AE;
    font-size: 14px;
    display: inline-block;
    vertical-align: middle;
    margin-left: 3px;
}

.file-name { flex-basis: 300px; }
.file-ver { flex: 0 0 80px; }

.file-content .file-icon:before {
    content: '';
    display: inline-block;
    vertical-align: top;
    width: 24px; height: 24px;
    background-image: url('../images/file-icon-file.png');
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% auto;
    margin-right: 5px;
}

.file-content .file-icon._folder:before { background-image: url('../images/file-icon-folder.png'); }
.file-content .file-icon._img:before { background-image: url('../images/file-icon-img.png'); }
.file-content .file-icon._doc:before { background-image: url('../images/file-icon-doc.png'); }
.file-content .file-icon._xls:before { background-image: url('../images/file-icon-xls.png'); }
.file-content .file-icon._zip:before { background-image: url('../images/file-icon-zip.png'); }
.file-content .file-icon._zip2:before { background-image: url('../images/file-icon-zip2.png'); }
.file-content .file-icon._pdf:before { background-image: url('../images/file-icon-pdf.png'); }
.file-content .file-icon._ai:before { background-image: url('../images/file-icon-ai.png'); }
.file-content .file-icon._css:before { background-image: url('../images/file-icon-css.png'); }
.file-content .file-icon._csv:before { background-image: url('../images/file-icon-csv.png'); }
.file-content .file-icon._dbf:before { background-image: url('../images/file-icon-dbf.png'); }
.file-content .file-icon._dwg:before { background-image: url('../images/file-icon-dwg.png'); }
.file-content .file-icon._exe:before { background-image: url('../images/file-icon-exe.png'); }
.file-content .file-icon._fla:before { background-image: url('../images/file-icon-fla.png'); }
.file-content .file-icon._html:before { background-image: url('../images/file-icon-html.png'); }
.file-content .file-icon._iso:before { background-image: url('../images/file-icon-iso.png'); }
.file-content .file-icon._js:before { background-image: url('../images/file-icon-js.png'); }
.file-content .file-icon._mp3:before { background-image: url('../images/file-icon-mp3.png'); }
.file-content .file-icon._mp4:before { background-image: url('../images/file-icon-mp4.png'); }
.file-content .file-icon._png:before { background-image: url('../images/file-icon-png.png'); }
.file-content .file-icon._ppt:before { background-image: url('../images/file-icon-ppt.png'); }
.file-content .file-icon._psd:before { background-image: url('../images/file-icon-psd.png'); }
.file-content .file-icon._rtf:before { background-image: url('../images/file-icon-rtf.png'); }
.file-content .file-icon._search:before { background-image: url('../images/file-icon-search.png'); }
.file-content .file-icon._svg:before { background-image: url('../images/file-icon-svg.png'); }
.file-content .file-icon._vd:before { background-image: url('../images/file-icon-vd.png'); }
.file-content .file-icon._txt:before { background-image: url('../images/file-icon-txt.png'); }
.file-content .file-icon._xml:before { background-image: url('../images/file-icon-xml.png'); }
.file-content .file-icon._json:before { background-image: url('../images/file-icon-json.png'); }

@media all and (max-width: 1350px) {
    .main-nav.fixing + .main-article .file-size {display: none;}
    .main-nav.fixing + .main-article .file-ver {display: none;}
}
@media all and (max-width: 1260px) {
    .main-nav.fixing + .main-article .file-modify {display: none;}
}

@media all and (max-width: 1040px) {
    .file-size {display: none;}
}

@media all and (max-width: 930px) {
    .file-modify {display: none;}

}


/* Check List
------------------------------------- */
.check_list_view.list-view .jqx-widget-content .jqx-input {
    border: 1px solid #bcbcbc !important;
}

.check_list_view .jqxWidget.list-view.top-line {
    border-top: 2px solid #a0a0a0;
}

.check_list_view .jqx-widget-header {
    background: #fff;
}

.check_list_view .jqx-widget-header:last-child {
    border-right: 0 !important;
}

.check_list_view #contenttree_grid .jqx-grid-header {
    border: 1px solid #e4e8e9 !important;
    border-left: 0 !important;
}

.step-container .check_list_view .list-view .jqx-widget-content {
    border: none !important;
}

.step-container .check_list_view .list-view .jqx-input {
    border: 1px solid #bcbcbc !important;
}

.xtree-form .check_list_view .list-view .jqx-widget-content {
    border: none !important;
}

.form-main-contents .check_list_view .list-view .jqx-widget-content {
    border: none !important;
}

.check_list_view.treelist .list-view .jqx-widget-content {
    border: none !important;
}

/* Code Check List
------------------------------------- */
.code-view {
    height: 100%;
    margin: 80px 40px 50px;
    overflow-y: auto;
}

.contents-main-left {
    float: left;
    width: 340px;
    height: 100%;
}

.contents-main-sub {
    overflow-y: auto;
    overflow-x: hidden;
    height: 100%;
}

/* stat */
.stat-grid.bg,
.slm-grid.bg {
    background: #fff;
    overflow-x: auto;
    overflow-y: hidden;
}

.stat_content {
    height: 100%;
    background: #fff;
    display: flex;
    flex-direction: column;
}

.svc_layout {
    height: 100%;
    background: #f7f7f7;
    display: flex;
    flex-direction: column;
}

.svc_control {
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 2px solid #1ab394;
    text-align: right;
}

.svc_body_box {
    flex: 1;
    overflow: hidden;
}

div.popup-content .svc_body_box {
    flex: 1;
    overflow: hidden;
}

.svc_body_content {
    box-shadow: 4px 4px 5px 2px #bfbfbf;
    height: 100%;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.stat_content .lst-cond_area,
.slm_content .lst-cond_area {
    padding: 0px 10px 10px 10px;
    background: #fff;
}

.lst-body_area {
    height: 100%;
    flex: 1;
    overflow-y: auto;
    border-top: 1px solid #eee;
}

.stat_content .nodata {
    line-height: 35px;
}

#stat_grid a.link label {
    text-decoration: underline;
    cursor: pointer;
}

/* slm */
.slm_content {
    display: flex;
    flex-direction: column;
}

.slm-chart {
    width: 100%;
    border-bottom: 1px solid #eee;
}

.lst-title {
    width: 100%;
    background: #fff;
    border-bottom: 1px solid #eee;
}

.ctr_chart {
    width: 215px;
    height: 160px;
    border: 1px solid #eee;
    background: #fff;
}

.ctr_chart_title {
    cursor: pointer;
    text-decoration: underline;
    text-align: center;
    border-bottom: 1px solid #eee;
    background: #293846;
    color: #fff;
}

.lst_title_text {
    width: 100%;
    padding: 10px 10px 10px 15px;
}

.ctr_chart_content {
    display: flex;
    padding: 10px;
}

.sla_chart {
    padding-top: 10px;
}

.sla_goal {
    padding: 17px 0px;
}

.sla_goal .sla_grade {
    font-size: 17px;
    font-weight: 600;
    color: #009cdc;
}

.sla_min .sla_grade {
    font-size: 17px;
    font-weight: 600;
    color: #FF6633;
}

/* inner list */
.inner-list-container {
    height: 100%;
    overflow: hidden;
}

.inner-list-container .panel {
    height: 100%;
    background-color: #f7f7f7;
    overflow: hidden;
    display: flex;
    flex-direction: column;
}

.inner-list-container .panel-heading {
    border-bottom: 0px;
    background: #fff;
    padding: 5px 15px;
    box-shadow: 0px 3px 5px 1px #dedede;
}

.inner-list-container .panel-title {
    font-size: 15px;
    font-weight: 600;
}

.inner-list-container .panel-body {
    height: 100%;
    /*flex: 1;*/
    display: flex;
    flex-direction: column;
    overflow: hidden;
}

.inner-list-container .panel-content {
    height: 100%;
    display: flex;
    flex-direction: column;
    margin: 0px 20px 20px 20px;
    font-size: 1rem;
    overflow: hidden;
    padding: 5px;
}

.inner-list-container .panel-top {
    padding: 5px 0px;
}

.inner-list-container .grid-main {
    flex: 1;
    overflow: auto;
    background: #fff;
    box-shadow: 1px 1px 4px 3px #dedede;

}

.inner-list-container .grid-container.header {
    border-top: 2px solid #1ab394;
}

.inner-list-container .grid-container.body {
    border: 1px solid #f5f5f5;
}

.inner-list-container .grid-title {
    text-align: center;
    font-weight: bold;
    color: #444444;
    padding: 5px 5px 5px 5px;
}

.inner-list-container .data {
    color: #333;
    padding: 5px 5px 5px 5px;
}

.inner-list-container .data.odd {
    background: #e6e6e67d;
}

.inner-list-container a {
    cursor: pointer;
}

.inner-list-container a:hover {
    color: #35b59b;
}

/* expl */
.expl,
.expl-wrapper,
.expl_form,
.expl_box {
    height: 100%;
}

.expl .expl_box {
    background-color: #f5f5f5;
    overflow: auto;
}

.expl .expl_filter_h {
    display: inline-block;
    background: #fff;
    height: 100%;
    padding: 10px 20px;
    border-right: 1px solid #dedede;
    /* 필터 위치 고정 */
    position: absolute;
    top: 55px;
    left: 5px;
    bottom: 0px;
}

.expl .expl_grid_h {
    float: right;
    width: 100%;
    height: 100%;
    background: #fff;
}

.expl .expl_filter_v {
    width: 100%;
    padding: 10px 20px;
    background: #fff;
}

.expl .expl_grid_v {
    width: 100%;
}


/* treelist treegrid hover */
.treelist .jqx-grid-cell.jqx-item.jqx-grid-cell-hover.jqx-fill-state-hover,
.treelist .jqx-grid-cell.jqx-item.jqx-grid-cell-pinned.jqx-grid-cell-selected.jqx-fill-state-pressed {
    background: #f3f3f4;
    color: #000 !important;
}

/* treelist treegrid selected */
.treelist .jqx-grid-cell.jqx-item.jqx-grid-cell-selected.jqx-fill-state-pressed,
.treelist .jqx-grid-cell.jqx-item.jqx-grid-cell-pinned.jqx-grid-cell-selected.jqx-fill-state-pressed {
    background: #d1d1d1 !important;
    color: #000 !important;
}

/* detail row css */
.jqx-widget-content div[role=rowgroup] {
    background-color: transparent;
}

.jqx-widget-content .detail-row {
    padding-right: 30px;
    width: 100%;
    height: 100%;
    overflow: auto;
    white-space: pre-line;
}

.jqx-widget-content .detail-row .title {
    font-weight: 600;
    color: #4d4d4d;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.jqx-widget-content .detail-row .info-row {
    color: #4d4d4d;
    margin-bottom: 5px;
    width: 100%;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

/* onecell mode */
/* column color Type  */
.colbg {
    padding: 5px 7px;
    border-radius: 5px;
    color: #fff;
    font-size: 11px !important;
}

.colbg.tasType1,
.colbg.apprTypeAppr,
.colbg.apprTypeLast { /*신규*/
    background : #7ECADB;
}

.colbg.tasType2,
.colbg.apprTypeAgree { /*접수*/
    background : #80C69E;
}

.colbg.tasType3 { /*결재*/
    background : #FA5A5A;
}

.colbg.tasType4 { /*처리*/
    background: #F39C12;
}

.colbg.tasType0 { /*진행*/
    background: #F39C12;
}

.colbg.tasType9 { /*종료*/
    background: #6698CB;
}

.colbg.tasType8,
.colbg.apprTypeRefer { /*참조*/
    background: #CB99C5;
}
.listOneCell {
    width: 100%;
    height: 100%;
    padding: 10px;
    display: flex;
    align-items: center;
}
.listOneCell .column1 {
    flex:1;
    overflow: hidden;
    padding: 2px 0px;
}
.listOneCell .column1 > div {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.listOneCell .column1 .info1 span{
    line-height: 25px;
    color: #2b2b2b;
    font-size: 16px;
    font-weight: 600;
}
.listOneCell .column1 .info2 span{
    font-size: 14px;
    line-height: 17px;
    white-space: normal;
    word-break: keep-all;
}
.listOneCell .column1 .info3 span{
    color: #a5a5a5;
    line-height: 27px;
}
.listOneCell .column2 {
    width: auto;
    text-align: right;
    padding: 2px 0px 2px 10px;
    height: 59px;
    line-height: 25px;
}
.listOneCell .column2 .info1 span{
    font-size: 16px;
    color: #000;
    font-weight: bold;
    padding-right : 2px;
}
.listOneCell .column2 .info2 span{
    font-size: 12px;
}

.infor-card-wrap {
    font-family: 'NotoKR',"Nanum Gothic","나눔 고딕", AppleSDGothicNeo-Regular,"Malgun Gothic","맑은 고딕",dotum,"돋움",sans-serif;
    font-size: 14px;
    margin: 5px;
}

.infor-card {
    padding: 10px;
    border: 1px solid #ddd;
    border-radius: 5px;
    line-height: 1.5;
}
.infor-flex {
    display: flex;
    flex-wrap: nowrap;
    justify-content: space-between;
    margin-bottom: 5px;
}

.infor-card .user-infor {
    color: #30475E;
    font-size: 16px;
    font-weight: 500;
}

.infor-card .user-id {
    color: #4E89AE;
    font-size: 14px;
    margin-left: 5px;
}

.infor-card .user-position {
    background-color: #fadcac;
    padding: 2px 5px;
    border-radius: 4px;
}
.infor-card .user-position.color1 {
    background-color: #FA5A5A;
    color: #fff;
}
.infor-card .user-position.color2 {
    background-color: #80C69E;
    color: #fff;
}
.infor-card .user-position.color3 {
    background-color: #CB99C5;
    color: #fff;
}

.infor-card .user-depart {
    display: block;
    color: #30475E;
    background-color: #f1f1f1;
    padding: 10px;
    width: 100%;
    text-overflow: ellipsis;
    white-space: nowrap;
    overflow: hidden;
}
.infor-card .user-depart:before {
    content: "\f101";
    font-family: 'fontAwesome';
    margin-right: 5px;
}
/* lst_descr */
.lst-descr_area{
    padding: 0px 10px 10px 20px;
}

.lst-descr_area_n{
    padding: 10px 10px 10px 20px;
}

.lst-descr_area_link{
    padding: 10px 10px 0px 20px;
}