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



body {background-color:var(--phoenix-body-bg)}
header .logo {width:100px}
header .logo img{filter: grayscale(100)}
header .bi-house {font-size:16px; padding-right:3px}
.navbar-vertical.navbar-expand-lg ~ .navbar-top ~ .content {padding-left:30px; padding-right:30px; padding-bottom:30px; height:100vh}
/*.navbar-vertical .navbar-vertical-content .navbar-nav .nav-link.active {color:var(--bs-theme)}*/

footer {border-top:none}

button:focus, button:focus-visible {border:none}

.accordion-button {padding:0; font-size:14px; padding-left:10px}
.accordion-button:not(.collapsed),
.accordion-button::after {color:var(--phoenix-accordion-btn-color)}
.accordion-button.collapsed {color:var(--phoenix-accordion-active-color)}
.accordion-button.collapsed::after {--phoenix-accordion-btn-icon:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='000' d='M416 208H272V64c0-17.67-14.33-32-32-32h-32c-17.67 0-32 14.33-32 32v144H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h144v144c0 17.67 14.33 32 32 32h32c17.67 0 32-14.33 32-32V304h144c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E");--phoenix-accordion-btn-active-icon:url("data:image/svg+xml,%3Csvg aria-hidden='true' focusable='false' role='img' xmlns='http://www.w3.org/2000/svg' viewBox='-200 -200 900 900'%3E%3Cpath fill='000' d='M416 208H32c-17.67 0-32 14.33-32 32v32c0 17.67 14.33 32 32 32h384c17.67 0 32-14.33 32-32v-32c0-17.67-14.33-32-32-32z'%3E%3C/path%3E%3C/svg%3E")}

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



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

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


.file_list .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:0px !important; top:5px !important}
.select2-selection:focus-visible {outline:none}



.src {display:inline-block; width:100%}
.src:not(.src_0) {padding:15px 0}
.src ul,
.src li,
.src li span,
.src li span + div  {display:inline-block}
.src ul {width:calc(100% - 280px); margin-left:-15px}
.src li {margin-left:15px}
.src li > span {padding-right:15px; padding-left:0; font-size:12px}
.src li > span.form-label {float:left; line-height:37px}
.src li > div:not(.date_area) {width:150px}
.src li .date_area {float:left}
.src li .date_area  > div:first-child {width:330px}

.src li span.selection {width:100%}

.src ul + div {min-width:100px}
.src ul + div .btn-outline-success:not(:hover){background-color:var(--phoenix-white)}
.src ul + div .btn + .btn {margin-left:10px}

.src_2 ul + .float-end {padding-top:59px}
/*.src_2 ul {width:calc(100% - 190px)}*/

.src_0 + .list_area {height: 100%}
.src_1 + .list_area {height:calc(100% - 78px)}
.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); position:relative}
.list_area .spinner-border {position:absolute; left:calc(50% - 20px); top:calc(50% - 80px)}
.list_area .bottom {width:100%; display:inline-block; position:relative; text-align:center}
/*.list_area .bottom ul {width:calc(100% - 100px); display:inline-block}*/
.list_area .bottom ul.paging {position: absolute;
    left: 100px;
    top: 5px;
    width: 80%;
    padding-left: 100px;}
.list_area .bottom ul.paging:not(.paging_2) {right:100px}
.list_area .bottom ul.paging_2 {padding:0 10px; }
.list_area .bottom ul.paging_2 + .float-end {position:absolute; right:0; z-index: 1;}


.cont_005 .row {height:calc(100% - 100px)}
.cont_005 .row .map_area {border:1px solid var(--bs-border-color); height:650px}
.cont_005 .row + div {height:80px; margin-top:20px}
.cont_005 .row + div .box {width:25%; float:left}
.cont_005 .row + div .box:not(:last-child){padding-right:40px; position:relative}
.cont_005 .row + div .box:not(:last-child):after {content:''; width:1px; height:100%; position:absolute; top:0; right:20px; background-color:var(--bs-border-color)}
.cont_005 .list_area .body {height:100%}

.cont_019 .src_2 ul {width:calc(100% - 400px)}


.cont_007 .src li:nth-child(6),
.cont_008 .src li:nth-child(6),
.cont_008 .src li:nth-child(7),
.cont_010 .src li:nth-child(1),
.cont_012 .src li,
.cont_014 .src li{float:left}

.cont_006 .src li:nth-child(6),
.cont_007 .src li:nth-child(6),
.cont_007 .src li:nth-child(7),
.cont_008 .src li:nth-child(6),
.cont_008 .src li:nth-child(7),
.cont_008 .src li:nth-child(8),
.cont_009 .src li:nth-child(6),
.cont_018 .src ul li:nth-child(6),
.cont_019 .src ul li:nth-child(5) {margin-top:1rem}




.cont_011 .fc-view {height:calc(100% - 60px); overflow:hidden}
.cont_011 .body{padding:1.5rem; overflow:hidden}

.cont_011 .list {float:left; height:100%; border-top:1px solid var(--bs-border-color)}
.cont_011 .list tbody th,
.cont_011 .table {height:100% }
.cont_011 .table table {border-style:solid; border-color:var(--bs-border-color); border-collapse:separate; border-spacing: 0; border-top:0}
.cont_011 .table thead {position:sticky; z-index:9}
.cont_011 .table thead th {height:24px; line-height:24px; border-style:solid; border-color:var(--bs-border-color); border-width:0px 1px 1px 0}
.cont_011 .table tbody th,
.cont_011 .table tbody td {height:58px; line-height:35px; padding:10px; border:none; border-width:0 1px 1px 0; border-style:solid; border-color:var(--bs-border-color)}

.cont_011 .list_1 table th,
.cont_011 .list_2 table th {border-top:0}
.cont_011 .list_1 {width:100px; overflow-y:auto; height:calc(100% - 0px); border-right:0}
.cont_011 .list_1::-webkit-scrollbar{display:none}
.cont_011 .list_2 {width:calc(100% - 100px); overflow:auto}
.cont_011 .list_2 .table {min-width:100%; width:960px}
.cont_011 .list_2 table {border-left:0}
.cont_011 .list_2 table td {padding:0 !important}
.cont_011 .list_2 table td a {margin:0 !important; height:100%}

.cont_013 .src ul {width:calc(100% - 400px)}
.cont_013 .src ul li:nth-child(4) {margin-top:1rem}


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

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




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




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

.auth table +  div li .form-check-input {margin:12px 15px 0 15px}
.auth table +  div li > div {width:100%; text-align:center; border-bottom:1px solid var(--bs-border-color)}
.auth table +  div li > div:not(.a_list){height:36.5px; line-height:36.5px}
.auth table +  div li .a_list {height:39px; line-height:39px}
.auth table +  div li .a_list > div {display:inline-block;}
.auth table +  div li .a_tit span {display:block; float:left; width:33.33%}
.auth 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}

#mudi_p003 h4 { padding:10px 5px }


@media (max-width: 1919px) {
    .src_2 form {display:inline-block}
    /*.src_2 ul {width:auto !important}
    .src_2 ul + div {padding-top:10px !important}
    */
    
}


@media (max-width: 1559px) {
    .navbar-vertical.navbar-expand-lg {width:180px}
    .navbar-vertical.navbar-expand-lg ~ .navbar-top ~ .content {margin-left:180px; padding:90px 25px 25px; min-height:100vh; height:auto}
    .navbar-vertical.navbar-expand-lg .navbar-vertical-content .navbar-nav .nav .nav-link {padding-left:40px}
    
    .content h3 {font-size:18px}
    .content .src:not(.src_0) {display:inline-block}

    .cont_005 {height:100vh !important}
    .cont_005 h3{margin-bottom:24px !important}
    .cont_005 .row {overflow:hidden}
    .cont_005 .row .map_area{height:670px}

    .cont_007 .src li:nth-child(5),
    .cont_007 .src li:nth-child(6),
    .cont_012 .src li:nth-child(4),
    .cont_014 .src li:nth-child(4) {margin-top:1rem}

    
     
    .cont_012 .src ul + div,
    .cont_014 .src ul + div {padding-top:53px}

    /*
    .content .bottom .paging,
    .content .bottom .paging + .float-end{position:unset !important}
    .content .bottom .paging {width:auto; margin-right:90px}
    .content .bottom .paging + .float-end{float:unset !important; padding-top:20px; text-align:right}
    */

    
}

/*mac pro-13*/
@media (max-width: 1280px) {
    .content .src ul{width:100%}
    .content .src ul + div {padding-top:0px}

    .content .src ul li {float:left}

    .cont_006 .src li:nth-child(5),
    .cont_008 .src li:nth-child(5),
    .cont_008 .src li:nth-child(6),
    .cont_009 .src li:nth-child(5)
    {margin-top:1rem}

    .cont_016 .src ul {width:calc(100% - 75px)}
    .cont_016 .src ul + div {padding-top:0; min-width:auto}

    .cont_018 .src ul li,
    .cont_019 .src ul li {float:unset}
    .cont_018 .src li:nth-child(5),
    .cont_019 .src li:nth-child(5) {float:left; margin-top:1rem}

    .cont_006 .list_area .bottom ul.paging_2 {width:calc(100% - 460px); padding-right:10px !important}
    .cont_008 .list_area .bottom ul.paging_2 {width:calc(100% - 350px); padding-right:10px !important}
    .cont_009 .list_area .bottom ul.paging_2 {width:calc(100% - 220px); padding-right:10px !important}
    .cont_014 .list_area .bottom ul.paging_2,
    .cont_015 .list_area .bottom ul.paging_2{width:calc(100% - 320px); padding-right:10px !important}
    .cont_018 .list_area .bottom ul.paging_2,
    .cont_019 .list_area .bottom ul.paging_2{width:calc(100% - 570px); padding-right:10px !important}
}


/*ipad 4세대 - 가로모드*/
@media (max-width: 1194px) {
    .src li .date_area > div {float:left}
    .src li .date_area > div:last-child {padding-top:8px}


    .cont_005 .area {height: calc(100% - 40px)}
    

    .cont_006 .src li:nth-child(5),
    .cont_006 .src li:nth-child(6),
    .cont_008 .src li:nth-child(5),
    .cont_008 .src li:nth-child(6),
    .cont_009 .src li:nth-child(5) {margin-top:1rem}
    
    
}

@media (max-width: 991px) {
    .navbar-expand .navbar-collapse {position:relative}
    .navbar-expand .navbar-collapse  .logo {position:absolute; left:40px; top:10px}
    .navbar-vertical.navbar-expand-lg {width:100%}
    .navbar-vertical.navbar-expand-lg ~ .navbar-top ~ .content {margin-left:0px}
    
    
    

    /*
    .cont_005 .row .col-7,
    .cont_005 .row .col-5 {width:100%}
    .cont_005 .row .col-5 {padding-top:25px}
    .cont_005 .list_area .body {height:100%}
    */
    
    
    
    .cont_005 .row .map_area {height:100%}
    .cont_005 .row .col-5 .table th:nth-child(2),
    .cont_005 .row .col-5 .table th:nth-child(3),
    .cont_005 .row .col-5 .table td:nth-child(2),
    .cont_005 .row .col-5 .table td:nth-child(3) {width:50%}
    .cont_005 .row .col-5 .table th:nth-child(4),
    .cont_005 .row .col-5 .table th:nth-child(5),
    .cont_005 .row .col-5 .table th:nth-child(6),
    .cont_005 .row .col-5 .table td:nth-child(4),
    .cont_005 .row .col-5 .table td:nth-child(5),
    .cont_005 .row .col-5 .table td:nth-child(6) {display:none}

    .cont_012 .src ul,
    .cont_014 .src ul {width:auto}
    .cont_012 .src ul + div,
    .cont_014 .src ul + div {padding-top:10px}
    .cont_015 .src ul {width:calc(100% - 100px)}

    .cont_006 .src li:nth-child(4),
    .cont_006 .src li:nth-child(5),
    .cont_008 .src li:nth-child(4),
    .cont_008 .src li:nth-child(5),
    .cont_008 .src li:nth-child(6),
    .cont_009 .src li:nth-child(4),
    .cont_009 .src li:nth-child(5),
    .cont_018 .src li:nth-child(4),
    .cont_018 .src li:nth-child(5),
    .cont_019 .src li:nth-child(4) {margin-top:1rem}

}

/*ipad 4세대 - 세로모드*/
@media (max-width: 834px) {
    
    .content:not(.cont_010) .src ul li {float:unset}
    
    .paging li a{width:21px}
    
}