table.dataTable {
    clear: both;
    max-width: none !important;
    border-collapse: separate !important;
    border-spacing: 0;
}

table.dataTable td,
table.dataTable th {
    box-sizing: content-box
}

table.dataTable td.dataTables_empty,
table.dataTable th.dataTables_empty {
    text-align: center
}

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

div.dataTables_wrapper div.dataTables_length label {
    font-weight: normal;
    text-align: left;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_length select {
    width: auto;
    display: inline-block
}

div.dataTables_wrapper div.dataTables_filter {
    text-align: right
}

div.dataTables_wrapper div.dataTables_filter label {
    font-weight: normal;
    white-space: nowrap;
    text-align: left
}

div.dataTables_wrapper div.dataTables_filter input {
    margin-left: 0.5em;
    display: inline-block;
    width: auto
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: 0.85em;
    white-space: nowrap
}

div.dataTables_wrapper div.dataTables_paginate {
    margin: 0;
    white-space: nowrap;
    text-align: right
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    margin: 2px 0;
    white-space: nowrap;
    -ms-flex-pack: end;
    justify-content: flex-end
}

div.dataTables_wrapper div.dataTables_processing {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 200px;
    margin-left: -100px;
    margin-top: -26px;
    text-align: center;
    padding: 1em 0
}

table.dataTable thead > tr > th.sorting_asc,
table.dataTable thead > tr > th.sorting_desc,
table.dataTable thead > tr > th.sorting,
table.dataTable thead > tr > td.sorting_asc,
table.dataTable thead > tr > td.sorting_desc,
table.dataTable thead > tr > td.sorting {
    padding-right: 30px
}

table.dataTable thead > tr > th:active,
table.dataTable thead > tr > td:active {
    outline: none
}

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 {
    cursor: pointer;
    position: relative
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    position: absolute;
    bottom: 0.9em;
    display: block;
    opacity: 0.3
}

table.dataTable thead .sorting:before,
table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:before,
table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:before {
    right: 1em;
    content: "\2191"
}

table.dataTable thead .sorting:after,
table.dataTable thead .sorting_asc:after,
table.dataTable thead .sorting_desc:after,
table.dataTable thead .sorting_asc_disabled:after,
table.dataTable thead .sorting_desc_disabled:after {
    right: 0.5em;
    content: "\2193"
}

table.dataTable thead .sorting_asc:before,
table.dataTable thead .sorting_desc:after {
    opacity: 1
}

table.dataTable thead .sorting_asc_disabled:before,
table.dataTable thead .sorting_desc_disabled:after {
    opacity: 0
}

div.dataTables_scrollHead table.dataTable {
    margin-bottom: 0 !important
}

div.dataTables_scrollBody table {
    border-top: none;
    margin-top: 0 !important;
    margin-bottom: 0 !important
}

div.dataTables_scrollBody table thead .sorting:before,
div.dataTables_scrollBody table thead .sorting_asc:before,
div.dataTables_scrollBody table thead .sorting_desc:before,
div.dataTables_scrollBody table thead .sorting:after,
div.dataTables_scrollBody table thead .sorting_asc:after,
div.dataTables_scrollBody table thead .sorting_desc:after {
    display: none
}

div.dataTables_scrollBody table tbody tr:first-child th,
div.dataTables_scrollBody table tbody tr:first-child td {
    border-top: none
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner {
    box-sizing: content-box
}

div.dataTables_scrollFoot > .dataTables_scrollFootInner > table {
    margin-top: 0 !important;
    border-top: none
}

@media screen and (max-width: 767px) {

    div.dataTables_wrapper div.dataTables_length,
    div.dataTables_wrapper div.dataTables_filter,
    div.dataTables_wrapper div.dataTables_info,
    div.dataTables_wrapper div.dataTables_paginate {
        text-align: center
    }
}

table.dataTable.table-sm > thead > tr > th {
    padding-right: 20px
}

table.dataTable.table-sm .sorting:before,
table.dataTable.table-sm .sorting_asc:before,
table.dataTable.table-sm .sorting_desc:before {
    top: 5px;
    right: 0.85em
}

table.dataTable.table-sm .sorting:after,
table.dataTable.table-sm .sorting_asc:after,
table.dataTable.table-sm .sorting_desc:after {
    top: 5px
}

table.table-bordered.dataTable th,
table.table-bordered.dataTable td {
    border-left-width: 0
}

table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable th:last-child,
table.table-bordered.dataTable td:last-child,
table.table-bordered.dataTable td:last-child {
    border-right-width: 0
}

table.table-bordered.dataTable tbody th,
table.table-bordered.dataTable tbody td {
    border-bottom-width: 0
}

div.dataTables_scrollHead table.table-bordered {
    border-bottom-width: 0
}

div.table-responsive > div.dataTables_wrapper > div.row {
    margin: 0
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:first-child {
    padding-left: 0
}

div.table-responsive > div.dataTables_wrapper > div.row > div[class^="col-"]:last-child {
    padding-right: 0
}

div.dataTables_wrapper {
    padding: 0
}

div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_info,
div.dataTables_wrapper div.dataTables_paginate {
    display: -ms-flexbox;
    display: flex;
    -ms-flex-align: center;
    align-items: center;
    margin: 0
}

div.dataTables_wrapper div.dataTables_length label,
div.dataTables_wrapper div.dataTables_info {
    -ms-flex-pack: start;
    justify-content: flex-start
}

div.dataTables_wrapper div.dataTables_filter label,
div.dataTables_wrapper div.dataTables_paginate,
div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -ms-flex-pack: end;
    justify-content: flex-end
}

div.dataTables_wrapper div.dataTables_length .form-control {
    margin: 0 .5rem
}

[dir=rtl] div.dataTables_wrapper div.dataTables_length label {
    text-align: right
}

[dir=rtl] div.dataTables_filter {
    text-align: left
}

[dir=rtl] div.dataTables_filter label {
    text-align: right
}

[dir=rtl] div.dataTables_filter input {
    margin-right: .5em;
    margin-left: 0
}

div.dataTables_wrapper div.dataTables_info {
    padding-top: .25rem;
    white-space: normal
}

[dir=rtl] div.dataTables_wrapper div.dataTables_paginate {
    text-align: right
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination {
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    -ms-flex-pack: center;
    justify-content: center;
    white-space: normal
}

div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    outline: 0
}

div.dataTables_wrapper [class*="col-md-"] {
    padding-right: 0 !important;
    padding-left: 0 !important
}

table.dataTable {
    width: 100% !important;
    border-collapse: collapse !important
}

[dir=rtl] table.dataTable.table-sm > thead > tr > th {
    padding-left: 1.25rem
}

[dir=rtl] table.dataTable.table-sm .sorting:before,
[dir=rtl] table.dataTable.table-sm .sorting_asc:before,
[dir=rtl] table.dataTable.table-sm .sorting_desc:before {
    right: auto;
    left: .85em
}

[dir=rtl] table.dataTable thead > tr > th.sorting_asc,
[dir=rtl] table.dataTable thead > tr > th.sorting_desc,
[dir=rtl] table.dataTable thead > tr > th.sorting,
[dir=rtl] table.dataTable thead > tr > td.sorting_asc,
[dir=rtl] table.dataTable thead > tr > td.sorting_desc,
[dir=rtl] table.dataTable thead > tr > td.sorting {
    padding-left: 1.875rem
}

table.dataTable thead th {
    vertical-align: middle
}

table.dataTable thead .sorting::before,
table.dataTable thead .sorting::after,
table.dataTable thead .sorting_asc::before,
table.dataTable thead .sorting_asc::after,
table.dataTable thead .sorting_desc::before,
table.dataTable thead .sorting_desc::after,
table.dataTable thead .sorting_asc_disabled::before,
table.dataTable thead .sorting_asc_disabled::after,
table.dataTable thead .sorting_desc_disabled::before,
table.dataTable thead .sorting_desc_disabled::after {
    top: 50%;
    margin-top: -.625rem;
    height: 1.25rem;
    line-height: 1.25rem
}

[dir=rtl] table.dataTable thead .sorting::before,
[dir=rtl] table.dataTable thead .sorting_asc::before,
[dir=rtl] table.dataTable thead .sorting_desc::before,
[dir=rtl] table.dataTable thead .sorting_asc_disabled::before,
[dir=rtl] table.dataTable thead .sorting_desc_disabled::before {
    right: auto;
    left: 1em
}

[dir=rtl] table.dataTable thead .sorting::after,
[dir=rtl] table.dataTable thead .sorting_asc::after,
[dir=rtl] table.dataTable thead .sorting_desc::after,
[dir=rtl] table.dataTable thead .sorting_asc_disabled::after,
[dir=rtl] table.dataTable thead .sorting_desc_disabled::after {
    right: auto;
    left: .5em
}

[dir=rtl] table.table-bordered.dataTable th,
[dir=rtl] table.table-bordered.dataTable td {
    border-right-width: 0;
    border-left-width: 1px
}

[dir=rtl] table.table-bordered.dataTable th:last-child,
[dir=rtl] table.table-bordered.dataTable td:last-child {
    border-left-width: 0
}

div.card-datatable.dataTable,
div.card-datatable .dataTable {
    border-right: 0;
    border-left: 0
}

.default-style div.dataTables_wrapper div.dataTables_length label,
.default-style div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: .5rem
}

.default-style div.dataTables_wrapper div.dataTables_info {
    color: #a3a4a6
}

.default-style div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    padding: .375rem .25rem;
    min-width: calc(1.5rem + 2px);
    font-size: .75rem;
    line-height: 1
}

@media (max-width: 767px) {

    .default-style div.dataTables_wrapper div.dataTables_length label,
    .default-style div.dataTables_wrapper div.dataTables_filter label,
    .default-style div.dataTables_wrapper div.dataTables_info,
    .default-style div.dataTables_wrapper div.dataTables_paginate {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.default-style div.card-datatable {
    padding: 1.5rem 0
}

.default-style div.card-datatable [class*="col-md-"] {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

@media (min-width: 768px) {
    .default-style:not([dir=rtl]) div.dataTables_wrapper .row [class*="col-sm-"]:first-child {
        padding-right: 0 !important
    }

    .default-style:not([dir=rtl]) div.dataTables_wrapper .row [class*="col-sm-"]:last-child {
        padding-left: 0 !important
    }
}

.default-style:not([dir=rtl]) div.card-datatable table.dataTable thead th:first-child,
.default-style:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child,
.default-style:not([dir=rtl]) div.card-datatable table.dataTable tfoot th:first-child {
    padding-left: 1.5rem
}

.default-style:not([dir=rtl]) div.card-datatable table.dataTable thead th:last-child,
.default-style:not([dir=rtl]) div.card-datatable table.dataTable tbody td:last-child,
.default-style:not([dir=rtl]) div.card-datatable table.dataTable tfoot th:last-child {
    padding-right: 1.5rem
}

.default-style[dir=rtl] table.dataTable.table-sm > thead > tr > th {
    padding-right: .3125rem
}

@media (min-width: 768px) {
    .default-style[dir=rtl] div.dataTables_wrapper .row [class*="col-sm-"]:first-child {
        padding-left: 0 !important
    }

    .default-style[dir=rtl] div.dataTables_wrapper .row [class*="col-sm-"]:last-child {
        padding-right: 0 !important
    }
}

.default-style[dir=rtl] table.dataTable thead th,
.default-style[dir=rtl] table.dataTable tbody td,
.default-style[dir=rtl] table.dataTable tfoot th {
    padding-right: .625rem
}

.default-style[dir=rtl] table.dataTable.table-sm thead th,
.default-style[dir=rtl] table.dataTable.table-sm tbody td,
.default-style[dir=rtl] table.dataTable.table-sm tfoot th {
    padding-right: .3125rem
}

.default-style[dir=rtl] div.card-datatable table.dataTable thead th:first-child,
.default-style[dir=rtl] div.card-datatable table.dataTable tbody td:first-child,
.default-style[dir=rtl] div.card-datatable table.dataTable tfoot th:first-child {
    padding-right: 1.5rem
}

.default-style[dir=rtl] div.card-datatable table.dataTable thead th:last-child,
.default-style[dir=rtl] div.card-datatable table.dataTable tbody td:last-child,
.default-style[dir=rtl] div.card-datatable table.dataTable tfoot th:last-child {
    padding-left: 1.5rem
}

.material-style div.dataTables_wrapper div.dataTables_length label,
.material-style div.dataTables_wrapper div.dataTables_filter label {
    margin-bottom: .5rem
}

.material-style div.dataTables_wrapper div.dataTables_info {
    color: #a3a4a6
}

.material-style div.dataTables_wrapper div.dataTables_paginate ul.pagination .page-link {
    padding: .375rem .25rem;
    min-width: calc(1.5rem + 0px);
    font-size: .75rem;
    line-height: 1
}

@media (max-width: 767px) {

    .material-style div.dataTables_wrapper div.dataTables_length label,
    .material-style div.dataTables_wrapper div.dataTables_filter label,
    .material-style div.dataTables_wrapper div.dataTables_info,
    .material-style div.dataTables_wrapper div.dataTables_paginate {
        -ms-flex-pack: center;
        justify-content: center
    }
}

.material-style div.card-datatable {
    padding: 1.5rem 0
}

.material-style div.card-datatable [class*="col-md-"] {
    padding-right: 1.5rem !important;
    padding-left: 1.5rem !important
}

@media (min-width: 768px) {
    .material-style:not([dir=rtl]) div.dataTables_wrapper .row [class*="col-sm-"]:first-child {
        padding-right: 0 !important
    }

    .material-style:not([dir=rtl]) div.dataTables_wrapper .row [class*="col-sm-"]:last-child {
        padding-left: 0 !important
    }
}

.material-style:not([dir=rtl]) div.card-datatable table.dataTable thead th:first-child,
.material-style:not([dir=rtl]) div.card-datatable table.dataTable tbody td:first-child,
.material-style:not([dir=rtl]) div.card-datatable table.dataTable tfoot th:first-child {
    padding-left: 1.5rem
}

.material-style:not([dir=rtl]) div.card-datatable table.dataTable thead th:last-child,
.material-style:not([dir=rtl]) div.card-datatable table.dataTable tbody td:last-child,
.material-style:not([dir=rtl]) div.card-datatable table.dataTable tfoot th:last-child {
    padding-right: 1.5rem
}

.material-style[dir=rtl] table.dataTable.table-sm > thead > tr > th {
    padding-right: .3125rem
}

@media (min-width: 768px) {
    .material-style[dir=rtl] div.dataTables_wrapper .row [class*="col-sm-"]:first-child {
        padding-left: 0 !important
    }

    .material-style[dir=rtl] div.dataTables_wrapper .row [class*="col-sm-"]:last-child {
        padding-right: 0 !important
    }
}

.material-style[dir=rtl] table.dataTable thead th,
.material-style[dir=rtl] table.dataTable tbody td,
.material-style[dir=rtl] table.dataTable tfoot th {
    padding-right: .625rem
}

.material-style[dir=rtl] table.dataTable.table-sm thead th,
.material-style[dir=rtl] table.dataTable.table-sm tbody td,
.material-style[dir=rtl] table.dataTable.table-sm tfoot th {
    padding-right: .3125rem
}

.material-style[dir=rtl] div.card-datatable table.dataTable thead th:first-child,
.material-style[dir=rtl] div.card-datatable table.dataTable tbody td:first-child,
.material-style[dir=rtl] div.card-datatable table.dataTable tfoot th:first-child {
    padding-right: 1.5rem
}

.material-style[dir=rtl] div.card-datatable table.dataTable thead th:last-child,
.material-style[dir=rtl] div.card-datatable table.dataTable tbody td:last-child,
.material-style[dir=rtl] div.card-datatable table.dataTable tfoot th:last-child {
    padding-left: 1.5rem
}


/* 20191118 add style */
/* 메뉴관리리스트 */
.menu_list .td_category .depth2 { padding-left: 30px; background: url(/css/egovframework/com/cms/assets/img/angle-arrow-right.png) left center /16px no-repeat;}
.menu_list .td_category .depth3 { padding-left: 60px; background: url(/css/egovframework/com/cms/assets/img/angle-arrow-right.png) left 30px center /16px no-repeat;}

.btn_02, .btn_03 {
    color: #fff;
    border: none !important;
    padding: 3px 8px !important;
    margin-left: 5px;
    border-radius: 5px !important;
    display: inline-block;
    text-align: center;
}

.btn_02 {
    background-color: #efb98d!important;
}

.btn_03 {
    background-color: #75c4e6 !important;
}

.layout-container > .board > .btn_add_submenu { float: right; margin-top: 15px; background-color: #6bc3b0 !important;}