@charset 'utf-8';
:root{
    --bs-border-color:rgba(203, 208, 221, 0.54);
    --bs-gray-200: #e9ecef;
    --bs-primary : #326d2d;
    --bs-primary-active : #244F20;
    --bs-secondary-bg:#e9ecef;
}



body {background-color:var(--phoenix-body-bg)}
header .logo {width:100px}
header .name {font-size:15px}


.navbar-vertical.navbar-expand-lg ~ .navbar-top ~ .content {padding-left:30px; padding-right:30px; padding-bottom:30px; height:100vh; overflow:auto hidden}
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link {opacity:.9}
.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active {color:var(--bs-primary); opacity:1}
footer {border-top:none}


button:focus, button:focus-visible {border:1px solid}
.btn-primary, 
.tox .tox-dialog__footer .tox-button:last-child, 
.tox .tox-button {--phoenix-btn-bg:var(--bs-primary); --phoenix-btn-disabled-bg::var(--bs-primary); --phoenix-btn-hover-bg:var(--bs-primary-active); --phoenix-btn-active-bg:var(--bs-primary-active)}

.content h3 span {font-size:16px}
.content .area {height:calc(100% - 30px); width:100%; min-width:1606px}


.nav-tabs li {border:1px solid var(--bs-border-color); border-radius:5px 5px 0 0; border-bottom:0 }
.nav-tabs .nav-link {font-weight:normal; color:var(--phoenix-emphasis-color); padding-left:10px; padding-right:10px}
.nav-tabs .nav-link.active {color:var(--bs-primary); font-weight:bold; text-decoration:underline; text-underline-position:under; height:37px; background-color:#fff}
.nav-tabs + .tab-content {padding:10px}

.table thead {top:0; background-color:var(--phoenix-white)}
.table .link {text-decoration:underline}
.table td {padding-top:6px; padding-bottom:6px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.tableexport-caption {display:none}

.area .bottom .btn {min-width:100px}
.area .bottom .btn:not(:hover) {background-color:var(--phoenix-white)}

/*.cs_mapbridge {width:20px; height:20px; background:rgba(var(--phoenix-primary-dark-rgb), 0.6); border-radius:50%; overflow:hidden}*/

.file_list a.btn_del {background-color:var(--phoenix-dark); color:var(--phoenix-white); font-size:12px; text-align:center}

.select2-search__field:focus-visible {outline:none}
.selection {position:relative}
.selection  > span {border-color:var(--phoenix-border-color) !important; height:37px !important}
.selection .select2-selection__rendered {line-height:37px !important; font-size:0.8rem !important; border-radius:var(--phoenix-border-radius) !important; padding-left:1rem !important}
.selection .select2-selection__arrow {right:10px !important; top:5px !important}
.select2-container--default .select2-selection--single .select2-selection__clear {margin-right:30px}

.src {padding:15px 0}
.src ul,
.src li,
.src li span,
.src li span + div {display:inline-block}
.src ul {width:auto}
.src li > span {padding-right:15px; padding-left:0; font-size:12px}
.src li > div:not(.date_area, .local) {width:150px}
.src li > div.local {width:210px}
.src li .date_area > div:first-child{width:330px}
.src li select {max-height:300px; overflow-y:auto}
.src li span.selection {width:100%}
.src li .form-check-input {margin-top:4px}
.src li + li {margin-left:15px}

.src ul + div {float:right}
.src ul + div .btn {min-width:100px}
.src ul + div .btn-success {--phoenix-btn-bg:transparent; --phoenix-btn-border-color:var(--bs-primary); --phoenix-btn-color:var(--bs-primary); --phoenix-btn-disabled-bg::var(--bs-primary); --phoenix-btn-hover-bg:var(--bs-primary-active); --phoenix-btn-active-bg:var(--bs-primary-active)}
.src ul + div .btn + .btn {margin-left:10px}

.src + .list_area {padding-top:5px}
.src_1 + .list_area {height:calc(100% - 77px)}
.src_2 + .list_area {height:calc(100% - 130px)}

.list_area .body {height:calc(100% - 53px); margin-bottom:15px; background-color:var(--phoenix-white); border-radius:5px; overflow-y:auto; border:1px solid var(--bs-border-color)}
.list_area .bottom {width:100%; display:inline-block; position:relative; text-align:center}
.list_area .bottom ul {width:calc(100% - 350px); display:inline-block}
.list_area .bottom ul.paging_2 {position:absolute; left:80px; right:200px}
.list_area .bottom ul.paging_2 + .float-end {position:absolute; right:0; z-index: 1;}


.login .logo {width:150px}


.content .body .list {float:left; height:100%}
.content .body .list2 {overflow-y:auto}
.content .body .list2 th,
.content .body .list2 td {width:80px}

.cont_002 .tab-content {height:calc(100% - 40px); background-color:var(--phoenix-white); padding:15px}
.cont_002 .tab-pane {height:100%}

.cont_004 .list_area #list th:not(:first-child),
.cont_004 .list_area #list td:not(:first-child) {width:120px}
.cont_004 .list_area #list th:first-child,
.cont_004 .list_area #list td:first-child {width:60px}
.cont_004 .list_area #list th:nth-child(4),
.cont_004 .list_area #list td:nth-child(4),
.cont_004 .list_area #list th:nth-child(5),
.cont_004 .list_area #list td:nth-child(5) {width:60px}

.cont_004 .list_area .bottom ul.paging {width:calc(100% - 110px); margin-top:5px}
.cont_004 .list_area .bottom ul.paging li a {width:25px}
.cont_004 .table tr td {cursor: pointer}
.cont_004 .table tr.active td {background-color:rgba(var(--phoenix-primary-dark-rgb), 0.07)}
.cont_004 .col-3 .src .form-label {width:60px; display:inline-block}
.cont_004 .col-9 .body {background:transparent; border:none; overflow-x:hidden }
.cont_004 .data_area {height:calc(50% + 40px); overflow:hidden}
.cont_004 .data_area .map_area {border:1px solid rgba(203, 208, 221, 0.54); background-color:var(--phoenix-white)}

.cont_004 .chart_area {margin-top:20px; background:var(--phoenix-white); border-radius:5px; border:1px solid rgba(203, 208, 221, 0.54); padding:15px}
.cont_004 .btn_range {width:80%; height:30px; display:inline-block; float:left}
.cont_004 .btn_range .float-start.my-2 {width:calc(100% - 200px); margin-left:40px}
.cont_004 .btn_range .btn_zoom {padding:8px 8px;min-width:30px; width:30px; height:30px; line-height:1}



.cont_005 .body {overflow:hidden}

.cont_005 .body th,
.cont_005 .body td {border-right:1px solid var(--bs-border-color)}

.cont_005 .body td {height:34px}
.cont_005 .body .list1 {width:60%; overflow-y:auto; padding-bottom:8px}
.cont_005 .body .list1::-webkit-scrollbar{display:none}
.cont_005 .body .list1 tr:nth-child(1) th:not(:nth-child(3)) {height:67px; vertical-align:middle}
.cont_005 .body .list1 tr:nth-child(1) th:nth-child(3) {vertical-align:middle}
.cont_005 .body .list2 {width:40%}
.cont_005 .body .list2 .table {width:2300px}

.cont_005 #list th {min-height:34px}

/*.cont_018 {overflow: auto !important;}*/
.cont_018 .print_area {width:210mm; height:297mm; margin:0 auto}
.cont_018 .print_area > div {padding:10px}

.cont_018 .print_area h3 {padding:10px; text-align:center; color:#003366 }
.cont_018 .print_area .box + .box {margin-top:20px}
.cont_018 .print_area .re_tit {background-color:#003366; color:var(--phoenix-white); border-radius:10px 10px 0 0; font-size:13px; padding:5px 15px; display:inline; }
.cont_018 .print_area .re_tit + div {border:1px solid var(--bs-border-color); background-color:var(--phoenix-white); padding:15px; margin-top:2px; border-radius:0 10px 10px 10px}
.cont_018 .print_area .table {border:1px solid var(--bs-border-color); margin-bottom:0}
.cont_018 .print_area th {background-color:rgb(241 245 249 / 1); padding:10px}



.list_print {overflow:auto; width:100%; height:100vh; background-color:var(--phoenix-white)}
.list_print h3 {padding-top:30px}
.list_print .border-start {border-color:var(--bs-border-color) !important}
.list_print .table{border:1px solid var(--bs-border-color); width:2500px; border-collapse:collapse; border-spacing:0}
.list_print th + th,
.list_print td + td {border-left:1px solid var(--bs-border-color)}

.list_print td {height:30px; font-size:13px}
.list_print td.break_8.drive_time {border-left:1px solid var(--bs-border-color)}
[data-comm-name="org"] { width:230px }
/* 인쇄용 CSS */
@media print {
    body {
        margin: 0;
        padding: 0;
        background-color:#fff;
        overflow-y:auto
    }
    table {
        width: 100%;
        border-collapse: collapse;
    }
    th {border-color:#ebebeb; border-width:1px}
    td, th {
        word-break: break-word;
        white-space: normal;
        padding: 8px;
    }

    #list_print {
        width: 100%;
        height: auto;
        page-break-after: always;

    }
}

@page {
    size: A4 portrait; /* 또는 landscape */
    margin: 10mm;       /* 인쇄 여백 */
  }


.cont_006 .body {overflow-y:hidden}
.cont_006 .body .list1 {width:40%; overflow-y:auto}
.cont_006 .body .list1::-webkit-scrollbar{display:none}
.cont_006 .body .list1 {width:30%; padding-bottom:7px}
.cont_006 .body .list2 {width:70%}
.cont_006 .body .list2 th {height:33.8px}
.cont_006 .body .list2 td {height:32px}
.cont_006 .body .list2 td .badge {height:9px; width:9px; vertical-align:middle; padding:0; margin-left:3px; display:inline-block}

.cont_007 .body .list1 {width:15%}
.cont_007 .body .list2 {width:85%}


.cont_010 .tree {height:100%}
.cont_010 .tree ul {width:100%; min-height:33px; display:block}
.cont_010 .tree li {min-height:33px; line-height:33px; display:inline-block; text-align:center}
.cont_010 .tree li {width:100%; display:inline-block}
.cont_010 .tree li > *:not(ul) {float:left}
.cont_010 .tree li .form-check-input {margin:10px 10px 0 10px }
.cont_010 .tree label {width:20%; height:33px; text-align:left}
.cont_010 .tree label + div {width:calc(80% - 40px)}
.cont_010 .tree label + div > div{float:left; width:16%; height:33px}

.cont_010 .tree .t_body {width:100%; display:inline-block}
.cont_010 .tree .t_body ul li {border-top:1px solid rgba(203, 208, 221, 0.54)}
.cont_010 .tree .t_body ul > li + li {border-top:1px solid rgba(203, 208, 221, 0.54)}
.cont_010 .tree .t_body ul:not(.t_dpeth1) {display:none}
.cont_010 .tree .t_body .chk_depth {display:none}
.cont_010 .tree .t_body .chk_depth + label:before {content:'\f282'; padding:0 10px}
.cont_010 .tree .t_body .chk_depth:checked + label:before {content:'\f286'}
.cont_010 .tree .t_body .chk_depth:checked ~ ul {display:block}
.cont_010 .tree .t_body > ul > li > ul > label.bi {padding-left: 20px}
.cont_010 .tree .t_body > ul > li > ul > li {margin-bottom:-10px}
.cont_010 .tree .t_body > ul > li > ul > li > label.bi {padding-left:30px}
.cont_010 .tree .t_body > ul > li > ul > li > ul > li > label {padding-left:50px}
.cont_010 .tree .t_body > ul > li > ul > li > ul > li > ul > li > label {padding-left:70px}
.cont_010 .tree .t_body > ul > li > ul > li > ul > li > ul > li > label:before {content:'\f38B' !important}
/*.cont_010 .tree .t_body > ul > li > ul > li > ul > li > ul > li > ul > li > label {padding-left:90px}*/

.cont_019 .body {background-color:transparent; border:none; overflow:hidden}
.cont_019 .tab-content {height:calc(100% - 40px); background-color:var(--phoenix-white); overflow:hidden auto; padding-top:0}
.cont_019 .tab-pane {height:100%; padding-top:10px}


.adm.banner .area {padding-top:20px}
.adm.banner .card-header {font-size:14px}
.adm.banner .card-body {min-height:473px; max-height:650px; overflow:hidden}
.adm.banner .file_area {margin-top:15px}
.adm.banner .file_list {width:calc(100% - 10px)}
.adm.banner .file_list .img {max-height:360px; height:auto; width:100%; overflow:hidden}
.adm.banner .file_list.no_data {text-align:center; font-size:13px}



.group .area {overflow-y:auto}
.group .area .bg-white {border:1px solid var(--bs-border-color); border-radius:5px; height:calc(100% - 53px); margin-bottom:15px; overflow-y:auto}
.group table {width:350px; float:left; border-right:1px solid var(--bs-border-color)}
.group table th {line-height:52px !important}
.group table td {line-height:1.5; height:36.5px}
.group table +  div {max-width:calc(100% - 350px); float:left; display:inline-block; overflow-x:auto}
.group table +  div ul {display:inline-block; min-width:1000px}
.group table +  div li {width:150px; float:left; border-right:1px solid var(--bs-border-color)}

.group table +  div li .form-check-input {margin:10px 15px 0 15px}
.group table +  div li > div {height:36.5px; line-height:36.5px; width:100%; text-align:center; border-bottom:1px solid var(--bs-border-color)}
.group table +  div li .a_list {height:38px; line-height:38px}
.group table +  div li .a_list > div {display:inline-block;}
.group table +  div li .a_tit span {display:block; float:left; width:33.33%}
.group table +  div li .a_tit span:nth-child(2) {border-width:0 1px; border-style:solid; border-color:var(--bs-border-color); padding:0 10px}