@charset 'utf-8';
:root {
    --bs-table-border-color: #a3abb6;

}




nav,
header {position:fixed; top:0; background-color:var(--pico-contrast-inverse)}

nav, 
nav ul {display:block; margin-right:0 !important}
nav {width:280px; height:100vh; background-color:var(--bs-white); padding:30px 20px; border-right:1px solid var(--bs-border-color); white-space: nowrap; transition:all .3s ease-in-out; z-index:91}
nav .logo {width:100%; height:58px; margin-bottom:40px; text-align:center; display:flex; justify-content: center; background:url('../img/logo.png') center / contain no-repeat;}

nav .logo span {font-size:22px; font-weight:bold; margin:0 18px 0 10px}
nav .collapse:not(.show) {display:none}
nav > ul > li:not(:last-child){padding-bottom:10px}
nav li {display:block}
nav .btn-toggle {display:flex; position:relative; width:100%; font-size:14px; border-width:1px; border-style:solid; border-color:transparent; border-radius:10px; margin:3px 0; padding:8px 10px; text-overflow:ellipsis; overflow:hidden; white-space: nowrap}
nav .btn-toggle span {line-height:22px}
nav .btn-toggle .menu_text {margin-left:10px; font-size:15px}

nav .btn-toggle:hover {background-color:var(--bs-gray-100); border-color:var(--bs-gray-300)}
nav .btn-toggle:not(.collapsed) {background-color:rgba(207,226,255, .4); border-color:var(--bs-primary)}
nav .btn-toggle:not(.collapsed) span {color:var(--bs-primary) }
nav .btn-toggle[data-bs-target]::after {position:absolute; right:5px; width:1.25em; line-height:0; transition: transform .35s ease; transform-origin: .5em 50%; font-family: 'Material_Symbols_Outlined'; font-weight: normal; font-style: normal; font-size:20px; line-height: 1; letter-spacing: normal; text-transform: none; display: inline-block; white-space: nowrap; word-wrap: normal; direction: ltr; -webkit-font-feature-settings: 'liga'; -webkit-font-smoothing: antialiased; content:'\e316'}
nav .btn-toggle.collapsed[data-bs-target]::after {content:'\e313'}
nav .btn-toggle-nav li {position:relative; padding:10px 0 0 30px}
nav .btn-toggle-nav li:before {background-color:var(--bs-gray-500); content:''; height:5px; left:8px; position:absolute; top:70%; transform: translateY(-50%); width: 5px; border-radius: 10px; transition: 0.3s ease-in-out} 
nav .btn-toggle-nav li a {font-size:15px}
nav .btn-toggle-nav li.active * {color:var(--bs-primary)}
nav .btn-toggle-nav li.active::before{background-color:var(--bs-primary) }



header {left:280px; width:calc(100vw - 280px); background-color:var(--bs-white); height:70px; border-bottom:1px solid var(--bs-border-color); transition:all .3s ease-in-out; z-index:9; padding:10px 25px}
header .btn_menu {padding-top:8px}
header .btn_menu span{font-size:32px; color:var(--pico-secondary)}
header .info {float:right; padding-top:15px}
header .info > * {float:right; padding:0 5px}
header .info .name {font-size:13px; font-weight:bold}

header .state {position:relative}
header .state img {border:1px solid var(--bs-border-color)}
header .state > a {width:30px; height:30px}

header .state ul {top:30px; left:10px; width:130px}
header .state ul li {width:100%}
header .state ul li img {width:30px; float:left; margin-right:10px; border-radius:3px;}
header .state.on ul {display:block}

header .bell a{font-size:22px; position:relative}
header .bell a[data-cnt]:after {content:''; width:8px; height:8px; border-radius:50%; position:absolute; top:-2px; right:-2px; background-color:var(--pico-color-red); display:block}
header .bell a[data-cnt="0"]:after {display:none}
header .mode a {font-variation-settings:'FILL' 1,'wght' 400,'GRAD' 0,'opsz' 24}

.wrapper {width:100vw; min-height:100vh; padding:90px 20px 20px 300px}



[data-sidebar='sm'] header {left:80px; width:calc(100vw - 80px)}
[data-sidebar='sm'] .wrapper {padding-left:100px}
[data-sidebar='sm'] nav:not(:hover) {width:80px; overflow:hidden}
[data-sidebar='sm'] nav:not(:hover) .logo {background-image:url('../img/favicon/android-icon-96x96.png')}
[data-sidebar='sm'] nav:not(:hover) .logo span,
[data-sidebar='sm'] nav:not(:hover) .menu_text,
[data-sidebar='sm'] nav:not(:hover) .btn-toggle:after {opacity:0; width:0}
[data-sidebar='sm'] nav:not(:hover) .btn-toggle {padding:8px 8px}
[data-sidebar='sm'] nav:not(:hover) .btn-toggle .material-symbols-outlined{padding:0}
[data-sidebar='sm'] nav:not(:hover) .btn-toggle + div {display:none}





.wrap.fix {height:calc(100vh - 110px); overflow:hidden}
.wrap h1.tit {margin:0; font-size:26px; padding:5px 0 20px}
.wrap h1.tit span {font-size:14px}
.wrap h1.tit span.total {color:var(--pico-primary)}


.wrap.fix .content {height:calc(100% - 55px)}
.wrap.fix .content.index {height:100% }
.wrap.fix .content .card.h-100 {height:calc(100% - 8px) !important}



.src {display:inline-block; width:100%}
.src ul,
.src li,
.src li span,
.src li span + div  {display:inline-block}
.src ul {margin-bottom:0}
.src li span:not(.dropdown-wrapper, .selection, .select2 ) {padding-right:15px; padding-left:0}
.src li span.selection {width:100%}
.src li span.select2-selection {height:41px !important; border-radius:.5rem !important; margin-top:1px; padding-right:10px; position:relative}
.src li span.select2-selection__rendered {width:calc(100% - 15px); padding:0 0 0 10px !important}
.src li .select2-selection__clear {margin-right:0 !important; position:absolute; right:20px; top:10px}
.src li .select2-selection__clear span {padding-right:0 !important}
.src li .select2-selection__arrow {padding-right:0 !important}

.src li > div:not(.date_area) {width:150px}
.src li .date_area > div:first-child{width:330px}
.src li + li {margin-left:15px}
.src ul + div {float:right; display:flex}
.src ul ~ div button {line-height:18px; min-width:100px; height:38px; display:flex; justify-content:center; align-items:center}
.src ul ~ div button ~ button{margin-left:15px}
.src_2 ul + ul,
.src_2 ul ~ .float-end {padding-top:20px}
.src_2 ul ~ div button {margin-top:19px}

.src_0 + .list_area {margin-top:0; height:calc(100% - 58px)}
.src_1 + .list_area {height:calc(100% - 116px)}
.src_2 + .list_area {height:calc(100% - 172px)}


.list_area {margin:20px 0; border:1px solid var(--bs-table-border-color); overflow:hidden}
.list_area .body {height:100%; width:100%; overflow:auto}

.list_bottom {width:100%; height:38px; display:flex; justify-content:center; align-items:center; position:relative; text-align:center}
.list_bottom .bottom_row {margin-right:auto}
.list_bottom .bottom_row .btn {width:100px; height:38px; line-height:1.5}
.list_bottom .bottom_row .material-symbols-outlined {float:right}
.list_bottom .bottom_row .dropdown {bottom:45px; left:-10px; width:120px; z-index:9; background-color:var(--bs-white)}
.list_bottom .bottom_row .dropdown li {line-height:25px}
.list_bottom .bottom_row .dropdown a:hover {background-color:var(--bs-gray-200)} 
.list_bottom .bottom_row.on .dropdown {display:block}
.list_bottom .paging {height:38px; margin:0 10px;}
.list_bottom .paging li * {line-height:33px; text-align:center}
.list_bottom .paging li a{width:35px; height:38px; color:var(--bs-gray-700)}
.list_bottom .paging li a.active{background-color:var(--bs-primary); color:var(--bs-white)}
.list_bottom .paging li:first-child a{border-radius:5px 0 0 5px}
.list_bottom .paging li:last-child a{border-radius:0px 5px 5px 0}
.list_bottom .bottom_btn {margin-left:auto}
.list_bottom .bottom_btn .btn {display:flex; justify-content:center; align-items:center; min-width:100px; height:38px; line-height:1.3; float:left}
.list_bottom .bottom_btn .btn ~ .btn {margin-left:15px}








.table th {position:relative}
.table th[data-sort]:after{font-family:'Material_Symbols_Outlined'; font-weight:normal; font-style:normal; font-size:1.5rem; line-height:1; letter-spacing:normal; text-transform:none; display:inline-block; white-space:nowrap; word-wrap:normal; direction:ltr; -webkit-font-feature-settings:'liga'; -webkit-font-smoothing:antialiased; content:''; cursor:pointer; color: var(--pico-secondary); position:absolute}
.table th[data-sort='up']:after {content:'\e5c7'}
.table th[data-sort='down']:after {content:'\e5c5'}
.table th.active[data-sort]:after {color:var(--bs-primary)}
.table .link {text-decoration:underline; text-underline-position:under; cursor:pointer; color:inherit}
.table td {padding-top:6px; padding-bottom:6px}


.table th:not(:last-child),
.table td:not(:last-child) {border-right:1px solid var(--bs-white)}

.tableexport-caption {display:none}





.print {width:1000px}
.print table {border:1px solid var(--bs-border-color)}
.print table th,
.print table td {vertical-align:middle}
.print table:first-child b{text-decoration:underline; text-underline-position:under; font-size:20px}
.print table tbody td:not(:last-child) {border-right:1px solid var(--bs-border-color)}
.print table td.tb_bg {background-color:var(--bs-table-striped-bg)}
.print table tfoot td{background-color:var(--bs-table-header-bg); line-height:24px; font-weight:bold}


.sw009_print h3{font-size:24px; text-decoration:underline; text-underline-position:under;}
.sw009_print .img {width:50px; float:left}
.sw009_print table tfoot td {background-color:var(--bs-white); font-size:13px}

.sw011_print h3 {font-size:24px; color:var(--bs-red); padding:0 0 20px }
.sw011_print h3 small {font-size:14px}
.sw011_print table,
.sw011_print table th,
.sw011_print table td{border-color:var(--bs-red) !important}
.sw011_print table th,
.sw011_print table tfoot td {background-color:var(--bs-white)}
.sw011_print table th {font-size:24px; color:var(--bs-red)}
.sw011_print table th small {font-weight:normal; font-size:13px}
.sw011_print table .text-red {color:var(--bs-red)}


/*.swelect_003 .table {width:1800px}*/

.swelect_013 .src_1  li:nth-child(4) > div,
.swelect_013 .src_1  li:nth-child(5) > div,
.swelect_014 .src_2  li:nth-child(4) > div,
.swelect_014 .src_2  li:nth-child(5) > div{width:200px}



.swelect_019 .src_1 + .list_area {height:calc(100% - 105px)}
.swelect_019 .table {width:1900px}
.swelect_019 .table th,
.swelect_019 .table td {vertical-align:middle}

.swelect_019 .table thead th {border-bottom:1px solid var(--bs-white)}


.idx h2 {font-size:22px; padding:10px 5px 25px; margin-bottom:0}
.idx .box_1 div[class*='bg-soft'] {width:65px; height:65px; text-align:center; line-height:75px; border-radius:50%; float:left}
.idx .box_1 div[class*='bg-soft'] + div {float:right; width:calc(100% - 65px); padding:0 0 0 20px}
.idx .box_1 div[class*='bg-soft'] + div b {display:block; font-size:18px; padding-bottom:10px}
.idx .box_1 div[class*='bg-soft'] + div b span {font-size:18px}
.idx .box_1 div[class*='bg-soft'] + div p {font-size:15px}
.idx .box_2 {height:calc(100% - 120px); padding-top:30px}
.idx .index .box_2 .card { overflow-y: auto;}
.idx .box_2 .material-symbols-outlined.left:after{content:'\e5cb'}
.idx .box_2 .material-symbols-outlined.right:after{content:'\e5cc'}

.group .tree {
    --bs-table-bg:var(--bs-white);
    --bs-table-border-color:#a3abb6;
    --bs-table-header-bg:#d3dae1;
    --bs-table-striped-bg:#f7f7f7;
    height:100%
}
.group .tree li {text-align:center}
.group .tree li > * {float:left}
.group .tree li .form-check-input {margin:8px 10px}
.group .tree label {width:50%; text-align:justify; height:36px; line-height:28px}
.group .tree label + div {width:calc(50% - 40px)}
.group .tree label + div > div{float:left; width:50%}

.group .tree .t_header {display:block; height:35.5px; background-color:var(--bs-table-header-bg); border-bottom:1px solid var(--bs-table-border-color)}
.group .tree .t_header li {line-height:35.5px; display:block}
.group .tree .t_header * {font-weight:bold}

.group .tree .t_body {width:100%; display:inline-block}
.group .tree .t_body ul {width:100%; border-top:1px solid rgba(203, 208, 221, 0.54)}
.group .tree .t_body ul li {display:flow-root; width:100%; min-height:36px; line-height:36px}
.group .tree .t_body ul > li + li {border-top:1px solid rgba(203, 208, 221, 0.54)}


.group .tree .t_body .chk_depth {display:none}
.group .tree .t_body .chk_depth + label span{font-size:13px}
.group .tree .t_body .chk_depth + label:before {content:'\e313'; padding:4px 5px 2px 5px; font-size:20px; float:left}
.group .tree .t_body .chk_depth:checked + label:before {content:'\e316'}
.group .tree .t_body .chk_depth:checked ~ ul {display:block}
.group .tree .t_body > ul > li > ul > label.material-symbols-outlined {padding-left: 20px}
.group .tree .t_body > ul > li > ul > li > label.material-symbols-outlined {padding-left:30px}
.group .tree .t_body > ul > li > ul > li > ul > li > label {padding-left:50px}
.group .tree .t_body > ul > li > ul > li > ul > li > ul > li {height:33px; overflow:hidden; display:block;}
.group .tree .t_body > ul > li > ul > li > ul > li > ul > li > label {padding-left:90px}
.group .tree .t_body > ul > li > ul > li > ul > li > ul > li:last-child {border-bottom:1px solid rgba(203, 208, 221, 0.54)}


.group .tree .t_body ul:not(.t_dpeth1) {display:none}
.group .tree .t_body ul.t_dpeth1:nth-child(odd) {background-color:var(--bs-table-striped-bg)}
.group .tree .t_body ul.t_dpeth1:last-child {border-bottom:1px solid rgba(203, 208, 221, 0.54)}
.group .tree .t_body ul.t_dpeth1:last-child  li > ul > li > ul > li > ul > li:last-child {border-bottom:none}



.group table {width:350px; float:left; border-right:1px solid var(--bs-white)}
.group.auth table th {line-height:60px !important}
.group.auth table td {line-height:1.8; 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}
.group table +  div li {width:150px; float:left}
.group table +  div li:not(:last-child) {border-right:1px solid var(--bs-white)}
.group table +  div li .form-check-input {margin:10px 10px 0 10px}
.group table +  div li > div {height:37.5px; line-height:37.5px; width:100%; text-align:center; border-bottom:1px solid var(--bs-border-color)}
.group table +  div li > div:not(.a_list) {background-color:#d3dae1; border-bottom:1px solid #a3abb6}
.group table +  div li .a_list {height:38.2px; line-height:38.2px; }
.group table +  div li .a_list:not(:nth-child(odd)){background-color:var(--bs-white)}
.group table +  div li .a_list:nth-child(odd) {background-color:#f7f7f7}
.group table +  div li .a_list > div {display:inline-block;}
.group table +  div li .a_tit span {display:block; float:left; width:33.33%; font-size:13px}
.group table +  div li .a_tit span:nth-child(2) {border-width:0 1px; border-style:solid; border-color:var(--bs-white); padding:0 10px}

[data-theme=dark]{
    .group table td,
    .group .tree ul {background-color:var(--bs-nav-bg)}

    .group .tree ul.t_header {background-color:var(--pico-contrast-inverse)}
    .group .tree ul.t_header li{background-color:var(--bs-theme-base-color)}
    .group .tree .t_body ul,
    .group .tree .t_body > ul > li > ul > li > ul > li > ul > li:last-child {border-color:var(--bs-border-color)}

    .group table + div ul {background:var(--pico-contrast-inverse)}
    .group table + div li > div {background-color:var(--bs-theme-base-color)}
    .group table + div li .a_list{background-color:var(--bs-nav-bg)}
}






/*팝업관련*/
.modal {--bs-modal-padding:20px}
.modal-xxl {--bs-modal-width:1600px}
.modal-3xl {--bs-modal-width:95%}

.modal.show_1 {z-index:1061}
.modal.show_2 {z-index:1063}
.modal.show_3 {z-index:1065}
.modal.show_4 {z-index:1067}
.modal.show_5,
.pop_alert,
.pop_confirm {z-index:1069}

.modal-backdrop1 {z-index:1060}
.modal-backdrop2 {z-index:1062}
.modal-backdrop3 {z-index:1064}
.modal-backdrop4 {z-index:1066}
.modal-backdrop5 {z-index:1068}

.modal-header .btn-close {color:var(--pico-h5-color)}
.modal-body {max-height:70vh; overflow-y:auto}
.modal-body .list_bottom,
.modal-body .paging{height:30px}
.modal-body .paging li * {line-height:27px}
.modal-body .paging li a {width:30px; height:30px; background-color:var(--bs-white)}
.modal-body .paging li a.active {background-color:var(--bs-primary); color:var(--bs-white)}

.modal-body .box .label {line-height:37px}
.modal-body .box .table td {line-height:35px}
.modal-body .box + .box {margin-top:35px; padding-top:20px; border-top:1px solid var(--bs-border-color)}

.modal-body .box_2 .btn-info {display:flex; justify-content:center; align-items:center; margin-left:auto}

.modal-body .tb_area {border:1px solid var(--bs-table-border-color); width:100%; overflow-x:auto}
.modal-body .tb_area + .tb_area {border-top:0}
.modal-body .table tfoot td {background-color:var(--bs-table-striped-bg); font-weight:bold; font-size:14px}

.modal-footer > *{margin:0}
.modal-footer .btn {min-width:90px; height:38px;line-height:1.5; display:flex; justify-content:center}
.modal-footer .btn + .btn {margin-left:15px}
.modal-footer .btn .material-symbols-outlined {line-height:20px; font-size:16px}


#swelect_p001 .table2 * {vertical-align:middle;}
#swelect_p001 .table2 th {background-color:var(--bs-table-header-bg)}

#swelect_p001 .table2 tr:last-clhild td {border-bottom:0}
#swelect_p001 .table2 td.align span {width:50px; display:inline-block}
#swelect_p001 .table2 td.align span + div {width:calc(100% - 50px); float:right}
#swelect_p001 .table2 td .form-check {margin-bottom:0}
#swelect_p001 .table2 td .form-check .form-check-input {margin-right:5px; margin-top:5px}
#swelect_p001 .table2 td .form-check .form-check-input + label {vertical-align:bottom}


#swelect_p003  .table {width:1900px}
#swelect_p003 .table th:first-child {width:50px}

#swelect_p003 .table td.tb_input {width:100px}
#swelect_p003 .table th:last-child,
#swelect_p003 .table td:last-child{ width:60px}
#swelect_p003 .table td:not(.no, .tb_input, :last-child) {width:100px}
#swelect_p003 .table1 th.th,
#swelect_p003 .table2 th.th,
#swelect_p003 .table1 th.th2,
#swelect_p003 .table2 th.th2 { width:120px }
#swelect_p003 .table1 th,
#swelect_p003 .table2 th {vertical-align: middle; }


#swelect_005 .table thead {position:unset}
#swelect_005 .table > tbody,
#swelect_005 .box .table th,
#swelect_005 .box .table td {vertical-align:middle}
#swelect_005 .table1 thead td > b {font-size:24px; text-decoration:underline; text-underline-position:under}


#swelect_p011 .box_1 > .text-end {display:flex; justify-content:center; align-items: center}
#swelect_p011 .box_1 > .text-end > .btn {margin-left:auto; display:flex; justify-content:center; align-items: center}
#swelect_p011 .box_2 .tb_area {max-height:400px; overflow-y:auto}


#group_write .secondary.btn_zip {padding:7px 10px}