@charset "utf-8";
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 100;
 src: url('../../fonts/noto_sans_kr/NotoSansKR-Thin.woff2') format('woff2'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Thin.woff') format('woff'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Thin.otf') format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 300;
 src: url('../../fonts/noto_sans_kr/NotoSansKR-Light.woff2') format('woff2'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Light.woff') format('woff'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Light.otf') format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 400;
 src: url('../../fonts/noto_sans_kr/NotoSansKR-Regular.woff2') format('woff2'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Regular.woff') format('woff'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Regular.otf') format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 500;
 src: url('../../fonts/noto_sans_kr/NotoSansKR-Medium.woff2') format('woff2'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Medium.woff') format('woff'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Medium.otf') format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 700;
 src: url('../../fonts/noto_sans_kr/NotoSansKR-Bold.woff2') format('woff2'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Bold.woff') format('woff'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Bold.otf') format('opentype');
}
@font-face {
 font-family: 'Noto Sans KR';
 font-style: normal;
 font-weight: 900;
 src: url('../../fonts/noto_sans_kr/NotoSansKR-Black.woff2') format('woff2'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Black.woff') format('woff'),
 url('../../fonts/noto_sans_kr/NotoSansKR-Black.otf') format('opentype');
}

@font-face {
 font-family: 'NanumSquare';
 font-weight: 400;
 src: url('../../fonts/NanumSquare/NanumSquareR.eot');
 src: url('../../fonts/NanumSquare/NanumSquareR.eot?#iefix') format('embedded-opentype'),
 url('../../fonts/NanumSquare/NanumSquareR.woff') format('woff'),
 url('../../fonts/NanumSquare/NanumSquareR.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 700;
 src: url('../../fonts/NanumSquare/NanumSquareB.eot');
 src: url('../../fonts/NanumSquare/NanumSquareB.eot?#iefix') format('embedded-opentype'),
 url('../../fonts/NanumSquare/NanumSquareB.woff') format('woff'),
 url('../../fonts/NanumSquare/NanumSquareB.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 800;
 src: url('../../fonts/NanumSquare/NanumSquareEB.eot');
 src: url('../../fonts/NanumSquare/NanumSquareEB.eot?#iefix') format('embedded-opentype'),
 url('../../fonts/NanumSquare/NanumSquareEB.woff') format('woff'),
 url('../../fonts/NanumSquare/NanumSquareEB.ttf') format('truetype');
}
@font-face {
 font-family: 'NanumSquare';
 font-weight: 300;
 src: url('../../fonts/NanumSquare/NanumSquareL.eot');
 src: url('../../fonts/NanumSquare/NanumSquareL.eot?#iefix') format('embedded-opentype'),
 url('../../fonts/NanumSquare/NanumSquareL.woff') format('woff'),
 url('../../fonts/NanumSquare/NanumSquareL.ttf') format('truetype');
}

/*Reset & common*/
html,body{ height:100%; width:100%;}
html,header,body,footer,nav,input,select { font-family: 'NanumSquare', sans-serif;font-size:14px;}
body {letter-spacing: -0.5px;background:#f5f5f7;color:#141522;overflow: hidden;}
::-webkit-scrollbar {width:.857rem;height:.857rem;}
::-webkit-scrollbar-track { background: #f5f5f7;}
::-webkit-scrollbar-thumb { background-color: #74788d;border-radius:1.428rem; border: 3px solid #f5f5f7;}
a {text-decoration: none;color:#141522;}
ul,li,ol,li {list-style: none;padding:0;margin:0;}
table caption{visibility: hidden;height: 0;width:0;font-size: 0;padding:0;margin:0;text-indent: -10000%;}
input[readonly],select[readonly] { pointer-events: none;background: cornsilk !important;}
input[disabled],select[disabled] {background-color:#e2e5e8;}
select,textarea,button,.form-control {font-size: 1rem;min-height:2rem;}
button {display: inline-flex;gap:.4rem;}
button > i {font-size:16px;}
h3,h4,h5,h6 {color:#061e2c;margin:0;font-weight:600;}
.d-none {display: none;}
.btn:focus {outline: #3d54d6;border-color:#141522;}
.sidebar-expand-lg.layout-fixed .app-main, .sidebar-expand-lg.layout-fixed-complete .app-main {height:calc(100vh - 5.8rem);}
::placeholder{color: #ccc !important;}
.t_left,.txt-left {text-align: left!important;}
.t_center,.txt-center {text-align: center!important;}
.t_right,.txt-right {text-align: right!important;}
.txt-req,.txt_req{display:inline-block;font-size:0;text-indent:-1000%;}
.txt_req:before,.txt-req:before { content:"";display: block;position:absolute;top:.9rem;left:-.2rem;width: 0;height: 0;margin-right:-.4rem; border-bottom: .4rem solid transparent;border-left: .4rem solid #f5013e;}
.txt_req2 {color:#f5013e;padding-right:.3rem;}
.mx150 {max-height:150px;}
.flex {display: flex;justify-content: space-between;flex: 1;}
.flex-column {display:flex;height:100%;}
.flex-column .card {flex:1 1 auto;}
.flex-column .row-2 {flex:0 0 auto;height:200px;}
.flex-column .row-3 {flex:0 0 auto;height:300px;}
.flex-column > .card .card-body,
.flex-column > .card.show .card-body {height:100%;display:flex;flex-flow:column nowrap;flex:1;}
.flex-column > .card .card-header.p-0 + .card-body  {height:calc(100% - 5rem);}
.tab-content .tab-pane  .card-header.p-0 + .card-body  {padding:1rem;height:calc(100% - 3rem);}
.flex-column > .card .card-body .board-list,
.flex-column > .card.show .card-body .board-list {flex-direction: column;flex: 1;}
.flex-column > .card .card-body .board-list.h-100 {height:calc(100% - .2rem)!important;}
.flex-row {display:flex;flex:1;justify-content: space-between;flex-flow:row nowrap;align-items: stretch;}
.flex-row .card {flex:1 1 auto;}
.flex-row > div > .card {height:calc(100% - 1rem);}
.flex-row .rightPanel {width:500px;max-width:500px;margin-left:1rem !important;}
.full {flex:1 1 100% !important;}
.flex-1 {flex:1 1 20% !important;}
.flex-2 {flex:1 1 40% !important;}
.flex-3 {flex:1 1 60% !important;}
.flex-4 {flex:1 1 80% !important;}
.h100p {height:100% !important;}
.card.h100p {height:calc(100% - 1rem)!important;}
.row_list {display: flex;justify-content: flex-start;}
.vh,.blind {visibility: hidden;font-size: 0;text-indent: 0;padding:0;margin:0;position:absolute;}
.hidden { display: none;}
/*layout*/
.app-wrapper { min-width:1600px;z-index: 1;}
/*sidebar*/
.sidebar-brand {border-bottom:none;padding: 0;background:#fff;}
.sidebar-brand .brand-link {display:block;background:url(../../img/mngr/riia.png) no-repeat 1.2rem .4rem;background-size:80px;border-radius:3rem;padding-top:1.3rem;}
.sidebar-brand .brand-text{margin-left:0;letter-spacing: -1px;color: #253f65;font-weight:700;font-size:1.4rem;padding:.5rem 2rem .5rem 1rem;}
.sidebar-brand .brand-text:hover,.sidebar-brand .brand-text:active,.sidebar-brand .brand-text:focus{color:#253f65;}
.sidebar-menu .nav-link p {padding-left:0;}
.sidebar-wrapper {padding:0;overflow:auto;}
.sidebar-menu, .sidebar-menu > .nav-header {padding-left:0;}
.sidebar-wrapper .nav-icon {font-size:.8rem;padding-right:.5rem;opacity: .8;}
.sidebar-wrapper>nav>.sidebar-menu>.nav-item {border-top:1px solid rgba(255,255,255,.08);}
.sidebar-wrapper>nav>.sidebar-menu>.nav-item:first-child{border-top:none;}
.sidebar-wrapper>nav>.sidebar-menu>.nav-item .nav-link {border-radius: 0;padding-left:1rem;margin:0;}
.sidebar-wrapper>nav>.sidebar-menu>.nav-item:first-child > .nav-link {padding-top:1rem;}
.sidebar-wrapper>nav>.sidebar-menu>.nav-item > .nav-link:hover,
.sidebar-wrapper>nav>.sidebar-menu>.nav-item > .nav-link.active,
.sidebar-wrapper>nav>.sidebar-menu>.nav-item.menu-open > .nav-link.active ,
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-link.active:not(:hover) {background:#546fff;color:#fff!important;}
.sidebar-wrapper .sidebar-menu>.nav-item.menu-open>.nav-link {background:#546fff80;color:#fff;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview {font-size:.875rem;background:#00000030;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-link {padding:.5rem 1rem .3rem 2rem;font-size:13px;position: relative;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-link:before {content:"";position:absolute;top:50%;left:1rem;transform:translateY(-50%);display:block;width:.4rem;height:.4rem;background:#fff;border-radius:1rem;opacity:.4;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-link:hover:before {background:#fff;color:#fff;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-link:hover,
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview > .nav-item > .nav-link.active {background:#546fff80;color:#fff;}
.sidebar-wrapper .sidebar-menu>.nav-item.menu-open > .nav-link.active:not(:hover) {color:#546fff;font-weight:600;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-link>i {display: none}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-treeview .nav-link {padding:.4rem .5rem .2rem 3rem;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-treeview .nav-link:before {left:2rem;background:transparent;border-radius:0;border-top:none;border-right:none;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-treeview .nav-link:hover:before{border-color:#546fff;}
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-treeview .nav-link.active,
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-treeview .nav-link:hover,
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-treeview .nav-link:focus,
.sidebar-wrapper .sidebar-menu>.nav-item>.nav-treeview .nav-treeview .nav-link:active{font-weight:600;}
.sidebar-wrapper .sidebar-menu >.nav-item .nav-link .nav-arrow { transform: translateY(-50%) rotate(90deg);}
.sidebar-wrapper .sidebar-menu .menu-open>.nav-link .nav-arrow { transform: translateY(-50%) rotate(-90deg);}

/*header*/
.app-header {border:none;border-bottom:1px solid #546fff30;}
.app-main .app-content-header{background:#546fff;color:#fff;padding:0;height:1px;}
.app-main .app-content-header h3 {display:none;}
.navbar-expand .navbar-nav .nav-link>i {font-size: 1rem;}
.navbar-expand .navbar-nav .nav-link .bi-list {font-size:1.4rem;line-height:1;}
.navbar-expand .navbar-nav .nav-link.brcb {display: inline-block;position: relative;padding-left:1.4rem;}
.navbar-expand .navbar-nav .nav-link.brcb:before {content:"";display:inline-block;width:.6rem;height:.6rem;border:1px solid #c8c8c8;border-right:0;border-bottom:0;transform:rotate(135deg);position:absolute;top:50%;left:-.2rem;margin-top:-.3rem;}
.navbar-expand .navbar-nav .nav-link.brcb.now {color:#546fff;font-weight:600;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header {background-color:#546fff;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>p {color:#fff;}
.navbar-nav > .user-menu .user-image {padding:.25rem;background: #eff0f4;opacity: .5;margin-top:0;}
.navbar-nav>.user-menu>.dropdown-menu>li.user-header>img {padding:1rem;filter: invert(100%);background-color:#726971; border:1px solid #000;opacity:.6;}
.navbar-nav>.user-menu>.dropdown-menu>.user-footer {display:flex;justify-content: space-between;align-items: center;}
.user-footer .btn.btn-flat {font-size:.875rem;padding-top:.5rem;flex:1;}
.user-footer .btn.btn-flat:focus,.user-footer .btn.btn-flat:hover,.user-footer .btn.btn-flat:active {color:#000;}
.navbar-nav > .prev .nav-link {display:inline-flex;gap:.4rem;}
.navbar-nav > .prev .nav-link { color: #009688;opacity:1;padding:.8rem .4rem .2rem;}

/*footer*/
.app-footer {width:calc(100% - 250px);position:fixed;bottom:0;font-size:.75rem;padding:.7rem 1rem .3rem;min-height:2rem;background: #fff;z-index: 10;}
.app-footer strong {color:#141522;}
.app-footer .f-logo {display:block;position:absolute;right:1rem;top:.5rem;width:7rem;background:url(../../img/mngr/riia.png) no-repeat right center;background-size: contain;}
.app-footer .f-logo span {visibility: hidden;}

/*rightDetailPanel*/
.rightDetailPanel.collapse:not(.show) {display:none;transform: translateX(500px);transition: all .4s;}
.rightDetailPanel.collapse:not(.show)>div {min-width:0;width:1rem;height:100%;background:transparent; transform: translate(0,0);transition: transform .5s ease-in-out,-webkit-transform .5s ease-in-out;}
.rightDetailPanel.collapse:not(.show)>div > div {display:none;}
.rightDetailPanel.collapse:not(.show) .btn.btn-fold {transform:rotate(180deg);margin-left:-.25rem;left:1rem;background:transparent;color:#141522;}
.rightDetailPanel.collapse.show {width:500px;min-width:500px;height:100vh;padding:0;position:fixed;right:0;top:0;overflow:hidden;box-shadow: -2px 0 12px rgba(0,0,0,0.2);transform: translateX(0);z-index:2000;}
.rightDetailPanel > div {position:absolute;box-sizing:border-box;width:100%;min-width:500px;height:100%;background:#fff;margin:0;right:0;}
.rightDetailPanel > .card {border-radius:0;margin:0;}
/*.rightDetailPanel > .card > .card-body {height:calc(100% - 60px);overflow:auto;}*/
.rightDetailPanel .right-header ,.rightDetailPanel .header{padding:1rem 1rem 0 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);margin:0 .8rem 1rem -.75rem;width:calc(100% + 1.6rem);}
.rightDetailPanel .right-header h5 ,.rightDetailPanel .header h5{font-weight:600;}
.rightDetailPanel .btn.btn-fold {position:absolute;top:0;left:0;border-radius:0;color:#fff;background:rgba(0,0,0,.1);width:.8rem;height:100%;margin-left:-.8rem;padding:0;z-index: 1000;}
.rightDetailPanel .btn.btn-fold>i {font-size:.6rem;}
.rightDetailPanel .btn.btn-fold:hover,.rightDetailPanel .btn.btn-fold:active,.rightDetailPanel .btn.btn-fold:focus {background:rgba(0,0,0,.3);color:#fff;border:none;}
.rightDetailPanel.show .btn.btn-fold .bi-chevron-bar-right{display:block;}
.rightDetailPanel.show .btn.btn-fold .bi-chevron-bar-right{display:block;}
.rightDetailPanel .card-header .nav-pills .nav-link,
.nav-pills .show>.nav-link {padding:1rem 1.5rem .9rem;}

.rightDetailPanel .btn.btn-close,
.modal-header .btn-close{display:flex;justify-content:center;align-items:center;padding:0;width:50px;height: 49px;border-radius:0;background:#fff;opacity:1;text-align:center; color: #000;}
.rightDetailPanel .btn.btn-close:before,
.modal-header .btn-close:before { content: '×'; font-size: 1.8rem;width:2rem;height:2rem;line-height:2rem;}
.btn.btn-close:hover {color:#546fff;}

.rightDetailPanel .card {margin:0;border-radius:0;}
.rightDetailPanel .card .card-header {width:100%;border-radius:0;padding: 0 0 0 1rem;margin-bottom:0;display:flex;justify-content:space-between;flex-flow:row wrap;align-items:center;/* box-shadow:0 3px 3px rgba(0,0,0,.1); */border-bottom: 1px solid #546fff40;}
.rightDetailPanel .card .tab-content .tab-pane .card-header {padding:0; margin-bottom:.5rem;}
.rightDetailPanel .card .card-body {overflow:hidden;overflow-y:auto;padding-bottom:4rem;}
.rightDetailPanel .card .card-header h4 ,.card-header h4{display: block;font-size:1.25rem;font-weight:600;margin: 0;/* color: #546fff; */}
.rightDetailPanel .card .card-btn,.card-btn{justify-content:flex-end;display:inline-flex;flex: 1 1 auto;}
.rightDetailPanel .card .card-btn * + *, .card .card-btn * + *{margin-left:.2rem;}
.rightDetailPanel .footer,.card-footer{width:100%;position:absolute;left:0;bottom:0;display: flex;gap:.4rem;justify-content: flex-end;padding:.6rem 1rem;background: #f2f4f7;z-index: 101;border-top: 1px solid #546fff20;}

/*with:1000px*/
.btn.btn-expand {align-items:center;width:1rem;height:100%;border-radius:0;position:absolute;top:0;left:0;padding:0;color:#546fff;background:#ffffff50;border:none;border-bottom:4px solid #546fff;}
.rightDetailPanel.collapse.show .btn.btn-expand i {display:block;transform:rotate(-180deg);}
.btn.btn-expand:hover,.btn.btn-expand:active,.btn.btn-expand:focus {opacity:1;border:none;border-bottom:4px solid #546fff;outline:none;color:#546fff;}
.rightDetailPanel.collapse.show .btn.btn-expand > i {transform:rotate(-0deg);}
.rightDetailPanel.collapse.show.expanded .btn.btn-expand > i {transform:rotate(-180deg);}
.rightDetailPanel.collapse.show.xl {width:1100px;padding-bottom:3rem;}
.rightDetailPanel.collapse.show.xl .card-body .write-area {gap:0;margin-right:-.5rem;overflow:hidden;}
.rightDetailPanel.collapse.show.xl .card-body .write-area .form-group {flex:1 1 25%;padding-right:.5rem;margin-bottom:.8rem;}
.rightDetailPanel.collapse.show.xl .card-body .write-area .form-group .input-group .btn:not(.input-daterange .btn) {border-radius:0;font-size:13px!important;}
.rightDetailPanel .card .tab-pane .card-header {box-shadow:0 0 0;border:none;margin:.5rem 0 0 0;}
.rightDetailPanel .card .card-body + .card-header,
.rightDetailPanel .card .card-body .card-header{box-shadow:0 0 0;border:none;margin:.5rem 0 0 0;padding: 0 1rem;}
.rightDetailPanel .card .tab-pane .card-header * {margin-bottom:0;}
.rightDetailPanel.collapse.show.expanded {width:100%;}
.auth-box {width:100%;height:auto;border-bottom:1px solid #333;padding:.5rem;display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem;}
.auth-box dt,.auth-box dd {display:inline-block;margin: 0 .5rem;font-size:12px;}
.auth-box dd {color:#000;}
.write-area .form-group.vh {display:none;}
.new_icon {display: inline-block;text-align: center;width: 15px;height: 15px;line-height: 14px;background: #fa4e61;border-radius:.2rem 0;font-size: 10px;font-weight: 400;color: #fff;margin-left:4px;}

/*bottomDetailPanel*/
.bottomDetailPanel.collapse {display:none;width:100%;height:0;}
.bottomDetailPanel.collapse.show {display:block;width:100%;height:100%;padding:0 0 1rem 0;position:absolute;top:0;left:0;bottom:0;overflow: auto;z-index:1000;background:#eee;}
.bottomDetailPanel > div {transition: height .01s; width:100%;height: auto;min-height: 100%;background:transparent; scrollbar-width: thin; scrollbar-color: #a9a9a9 transparent;}
.bottomDetailPanel.collapse.show .card-body {margin:0;}
.bottomDetailPanel.collapse.show .card-header.p-0 + .card-body {padding-top:.5rem;}
.bottomDetailPanel .header {padding:1rem 0 0 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);margin:0 .8rem 1rem -.75rem;width:calc(100% + 1.6rem)}
.bottomDetailPanel .header h5 {font-weight:600;}
.bottomDetailPanel .header .btn {margin-bottom:.4rem;}
.bottomDetailPanel .btn.btn-close {position:absolute;top:0;left:50%;border-radius:50%;color:#fff;background:#141522;width:2rem;height:2rem;margin-top:-1rem;padding:0;z-index: 1000;}
.bottomDetailPanel .btn.btn-close:hover,.bottomDetailPanel .btn.btn-close:active,.bottomDetailPanel .btn.btn-close:focus {background:#141522;border:none;}
.bottomDetailPanel.show .btn.btn-close .bi-chevron-bar-right{display:block;}
.bottomDetailPanel .footer {justify-content: center;}
/*content*/
.app-sub {min-height:calc(100% - 5.75rem);overflow: auto;}
.app-content {height:calc(100vh - 5.75rem);position:relative;overflow: auto;padding:0;}
.app-content.main {padding:.5rem .5rem 3.5rem;height:100%;}
.app-content > .container-fluid {display:flex;flex-flow:column;min-height:100%;height:auto;}
.card {border:none;margin:1rem 0 0;border-radius:.25rem;}
.sub-content {max-height:100%;height:calc(100vh - 5.75rem);box-sizing: border-box;padding-bottom:1rem;}
/* 혁신기업DB 관리 */
.content-div-wrap {display: flex;justify-content: stretch;align-items:stretch;flex-flow:row nowrap;flex:1;}
.content-div-wrap > .board-list {display:flex;height:calc(100% - .5rem);overflow: auto;}
.content-div-wrap > .info-wrap {flex:0 0 28rem;width:28rem;height:100%;overflow:auto;margin:0 0 0 1rem;background:#f5f8fa;border:1px solid #e2e5e8;border-radius:.25rem;padding:.8rem .5rem .8rem .8rem;}
.content-div-wrap .info-wrap .list-group {width:100%;height:100%;overflow-y:auto;box-sizing:border-box;}
.content-div-wrap .info-wrap .list-group li {display: flex;}
.content-div-wrap .info-wrap .list-group li:last-child {margin-bottom:0;}
.content-div-wrap .info-wrap .list-group .list-item {border-radius:.25rem;background:#fff;border:1px solid #e2e5e8;padding:.5rem 1rem;box-shadow:0 3px 3px rgba(0,0,0,.1);margin-bottom:1rem;flex-flow: column;}
.content-div-wrap .info-wrap .list-group .list-item h4 {font-size:17px;border-bottom:1px solid #333;padding:.4rem;}
.content-div-wrap .info-wrap .list-group .list-ul {flex:1;display:inline-flex;padding:.3rem;flex-flow:column wrap;}
.content-div-wrap .info-wrap .list-group .list-ul li {border-bottom:1px solid #e2e5e8;padding:0;display:inline-flex;align-items:center;flex-flow:row wrap;gap:0.7rem;}
.content-div-wrap .info-wrap .list-group .list-ul li:last-child {border-bottom:none;gap:.2rem;}
.content-div-wrap .info-wrap .list-group .list-ul li span {display:block;}
.content-div-wrap .info-wrap .list-group .list-ul li span.tit{font-size:13px;min-width:4rem;line-height: 1.6;}
.content-div-wrap .info-wrap .list-group .list-ul li span.qy {flex:1;text-align:right;color:#000;font-weight:600;line-height: 1.4rem;}
.content-div-wrap .info-wrap .list-group .list-ul li ul {flex:1 1 100%;display:flex;background:#f8f8f8;border:1px solid #e2e5e8;border-radius:.25rem;padding:.2rem ;flex-flow:row wrap;}
.content-div-wrap .info-wrap .list-group .list-ul li ul li {flex:0 0 50%;border:none;padding:.2rem .5rem;}
.content-div-wrap .info-wrap .list-group .list-ul li ul li span {font-size:13px;color:#333;}

/*mngr main*/
.app-content > .container-fluid > .row {flex:1;}
.app-content > .container-fluid > .row > div {display:flex;justify-content:stretch;align-items:stretch;}
.app-content.main article {flex:1;display: flex;flex-flow:column;padding-bottom:1rem;}
.app-content.main article .card {position:relative;}
.app-content.main article .card.bg-primary {background:#546fff!important;;box-shadow:0 5px 10px #546fff50;}
.app-content.main article .card.bg-info {background:#FFC107!important;;box-shadow:0 5px 10px #FFC10730;}
.app-content.main article .card.bg-success {background:#00BCD4!important;;box-shadow:0 5px 10px #00BCD450;}
.app-content.main article .card .tit-icon {font-size:8rem;opacity:.2;position:absolute;right:1.5rem;bottom:.5rem;line-height:1;}
.app-content.main article .card:nth-child(2) {flex:1 1 100%;}
.app-content.main article .card h3 {font-weight:600;}
.app-content.main article .card-ul {list-style: none;padding:0;margin:0;display: flex;justify-content:stretch;flex-flow:column wrap;width:100%;height:100%;}
.app-content.main article .card-ul li {list-style: none;flex:1 1 auto;position:relative;font-size:1rem;padding:0;margin: 0;border-bottom:1px solid #14152210;}
.app-content.main article .card-ul li:last-child{border:none;}
.app-content.main .card .go {width:100%;height:100%;position:relative;font-size:15px;padding:.5rem 1rem;font-weight:600;display:flex; align-items:center;justify-content:space-between;
 -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 -o-transition: all 0.4s;
 transition: all 0.4s;z-index: 1;}
.app-content.main .card .go i {color:#66666650; transition: all 0.4s;font-size:1.5rem;}
.app-content.main .card .go:after {	content: ""; width: 0; height: 100%; position: absolute; top: 0; left: 0; -webkit-transition: all 0.4s;
 -moz-transition: all 0.4s;
 -ms-transition: all 0.4s;
 -o-transition: all 0.4s;
 transition: all 0.4s;
 background:#546fff;}
.app-content.main .card .go:hover {width:calc(100% + 2rem);margin:0 -1rem;}
.app-content.main .card .go:hover p.text-muted,
.app-content.main .card .go:hover i {color:#fff!important;padding-left:.5rem;}
.app-content.main .card.bg-info + .card .go:after {background:#FFC107;}
.app-content.main .card.bg-success + .card .go:after {background:#00BCD4;}
.app-content.main .card .go .text-muted {margin:0;transition: all 0.4s;color:#fff;font-size: 1.2rem;}
.app-content.main .card .go:hover {color:#546fff;justify-content:flex-start;}
.app-content.main .card .go:hover .text-muted {color:#141522;}
.app-content.main .card .go:hover i{ color:#141522;padding-left:1rem;}
.app-content.main .card .go:hover:after {width: 100%;z-index: -1;}
.app-content.main .card .go:hover:after { box-shadow:4px 8px 8px rgba(0,0,0,.2);}
.app-content.main article.cont-item {display:flex;flex-flow:column;}
.app-content.main article.cont-item .card {flex:1;padding:0;background:#d1d6e2;border:1px solid #14152205;}
.app-content.main article.cont-item .card .py-3 {padding-bottom:0!important;}
.app-content.main article.cont-item h3 {margin-bottom:1.5rem;color: #141522!important;}
.app-content.main article.cont-item .tit-icon {opacity:.4;color: #546fff;}
.app-content.main article.cont-item .go {height:auto;margin-top: .5rem;padding:.5rem 0;}
.app-content.main article.cont-item .go p {font-size:15px;padding:.2rem 0;display:inline;border-bottom: 1px solid #141522;}
.app-content.main article.cont-item .go i {color:#00000080;opacity:0;display:inline-block;}
.app-content.main article.cont-item .go:hover {padding:1rem;width:calc(100% + 2rem);margin:0 -1rem;}
.app-content.main article.cont-item .go:after {background:#ffffff80;}
.app-content.main article.cont-item .go:hover p.text-muted,
.app-content.main article.cont-item .go:hover i {color:#546fff!important;opacity:1;border-bottom:none;}
/*timeline*/
.timeline-item .time{padding-right:.5rem;font-size:12px;font-weight:600;color:#74788d;}
.timeline-item .time i {margin-right:.2rem;font-size:12px;}
.timeline-item .time em {font-style: normal;font-weight:400;}

/*search*/
.search-area {display:block;}
.search-area.card {border:1px solid #d1d6e2;position: relative;}
.search-area .card-body {display: flex;justify-content:flex-start;flex-flow:row wrap;align-items: flex-start;padding: .5rem 5.4rem 1rem .6rem;}
.search-area .card-body .form-group {padding-left:.4rem;box-sizing: border-box;}
.search-area .btn-search {display:block;width:2.5rem;height:2rem;line-height:2rem;background:#546fff;color:#fff; border-radius: 0 .25rem .25rem 0;padding:0;position:absolute;right:1rem;top:3.1rem;}
.search-area .btn-search:hover,.search-area .btn-search:active,.search-area .btn-search:focus {background:#3d54d6;}
.search-area .btn-refresh {display:block;width:2rem;height:2rem;line-height:2rem;background:#bbb;color:#fff; border-radius:0;padding:0 .25rem;position:absolute;right:3.5rem;top:3.1rem;}
.search-area .btn-refresh:hover,.search-area .btn-refresh:active,.search-area .btn-refresh:focus {background-color:#74788d;}
.search-area .btn-search-more {display:flex;align-items:center;width:auto;min-height:2rem;position:absolute;right:1rem;top:.2rem;padding:0 0 0 1.5rem;font-size:13px !important;color:#74788d;letter-spacing:-1px;border:none;}
.search-area .btn-search-more:before,
.search-area .btn-search-more:after {content:"";display:block;width:2px;height:14px;background:#546fff;position:absolute;left:.5rem;top:6px;transition: transform 0.3s ease;}
.search-area .btn-search-more:before {transform:rotate(180deg);}
.search-area .btn-search-more:after { transform:rotate(90deg);}
.search-area .btn-search-more:hover:before {transform:rotate(90deg);}
.search-area .btn-search-more:hover:after {transform:rotate(0deg);}
.search-area .btn-search-more i { display:none;}
.search-area .btn-search-more:hover,.search-area .btn-search-more:active,.search-area .btn-search-more:focus {background:transparent;border:none;outline:none;color:#546fff;}
.btn.btn-select {width:100%;border:1px solid #e2e5e8;height:2rem;text-align:left;line-height: 1.4;position:relative;padding-left:1.8rem;justify-content: start;}
.btn.btn-select > i {display:inline-block;width:1rem;line-height:1;position:absolute;left:.4rem;top:50%;transform:translateY(-50%);}
.btn.btn-select span {width:120px;display:inline-block;overflow:hidden;text-overflow:ellipsis;white-space: nowrap;box-sizing:border-box;}
.search-area .full {flex:0 0 100%!important;}
.search-area .flex-1 {flex:0 0 20%!important;}
.search-area .flex-2 {flex:0 0 40%!important;}
.search-area .flex-3 {flex:0 0 60%!important;}
.search-area .flex-4 {flex:0 0 80%!important;}
/*상세조회조건접고펼치기*/
.search-area .collapse.show {margin-top: -1rem;}
.search-area .collapse.show .card-body {padding-top:0;padding-right:5.4rem;transition-duration: .1s;}
/*검색키워드*/
.keyword-area {display:flex;gap:1rem;width:100%;height:auto;padding:.8rem;border-radius:0 0 .25rem .25rem;background: #e5ebf3;flex-flow: row wrap;}
.keyword-area .keyword {display:inline-flex;gap:.4rem;}
.keyword-area .keyword em {display:inline-block;font-size:12px;font-style:normal;color:#74788d;font-weight:600;white-space: nowrap;}
.keyword-area .keyword span {display:inline-block;background:#fff;border-radius:.5rem;padding:0 .5rem;font-size:12px;color:#082a3e;}
/*그리드조회*/
.searchCollapse {background:#eaedfb;padding:.4rem;border: 1px solid #dbdeec;border-bottom:none;}
.searchCollapse .form-group {padding:0;}
.searchCollapse .form-group .input-group > * {margin-right:.4rem;}
.searchCollapse .form-group .input-group > *:last-child {margin-right:0;}
.btn.btn-sm.grid-search {background: #546fff;}
.search-area .form-group .form-box {padding:0 1.4rem 0 0 ;}
.search-area .form-group .form-box .form-check { margin-top:.4rem;}
.search-area .form-group.flex-row {padding:.4rem 0 0 0 ;}
.search-area .form-group.flex-row label {padding:.2rem .3rem;}
/*form controls*/
.form-group {flex:1 1 20%;}
.form-group label {position:relative;padding:.8rem .2rem .3rem;font-weight:600;color: #000;box-sizing: border-box;max-width:100%;white-space: nowrap;}
.form-group .input-group {flex:1 1 100%;gap:.4rem;display:flex;flex-flow:row nowrap;}
.form-group .input-group > input[type="text"],
.form-group .input-group > select {flex:1 1 calc(50% - .4rem);}
.form-group .input-group > span {flex:0 0 auto;}
.form-check-input {border-color:#dadada!important;}
.form-group input,input[type="text"],select,
.form-control {height:2rem;padding:0 .5rem;line-height:2rem;border:1px solid #e2e5e8;box-shadow: 0 0 0;text-overflow:ellipsis;white-space:nowrap;}
.form-group .input-group > input[type="hidden"] + input[type="text"],
.form-group .input-group > input[type="hidden"] + select {margin: 0!important;}
.form-group:first-child input,.form-group:first-child select {margin-left:0;}
.form-group input,
.form-group button,
.input-group>.form-control,
.input-group>.form-floating {border-radius:0;box-shadow:none;}
.form-select, .select,
.form-group select,
.input-group .form-select {height:2rem;padding:0 2rem 0 .5rem; border-radius:0;box-shadow:0 0 0;line-height:2rem;appearance: none;text-overflow: ellipsis; white-space: nowrap;
 background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/%3E%3C/svg%3E') no-repeat right 10px center; background-size: 16px;color: #000;}
.input-group>textarea.form-control {min-height:8rem;height:auto;border-radius:0;line-height: 1.6;}
input[required], select[required] {transition: border-color 0.3s, box-shadow 0.3s;}
input[required]:focus, select[required]:focus {border-color: #546fff;}
input[required]:invalid, select[required]:invalid { }
input[required]:valid, select[required]:valid {border-color: #28a745;}

.form-group .form-check {margin:0;display:flex;align-items:center;}
.form-group .form-check > label {margin:0 1rem 0 0;font-weight:400;line-height:2rem;padding:0 0 0 .5rem;}
.form-group .form-check-input {width:1.2rem;height:1.2rem;margin-top:-.1px;padding:0;}
.form-group .form-check-input:checked {border-color: #546fff!important;}
.form-group .form-check-input:checked[type=radio] {background:#546fff;border:4px solid #546fff!important;}
.form-group .form-box {display:flex;flex-flow:row wrap;}
.form-group .form-box.form-switch .form-check {}
.form-switch .form-check-input {width:34px;height: 20px;background-color: #ddd;margin-top:-.2px;position: relative;border-radius: 15px;outline: none;transition: background-color 0.3s ease;margin-left: -1.5rem!important;}
.form-switch .form-check-input:checked {background-color: #546fff;}
.form-switch .form-check-input:before {content: '';position: absolute;top:2px;left:3px;width: 1rem;height:1rem;background:#fff;border-radius: 50%;transition: transform 0.3s ease;}
.form-switch .form-check-input:checked:before {transform: translate(8px , -3px);}
.form-switch .form-check-label {font-weight: bold;vertical-align: middle;}
.form-wrap.file-upload { }
.form-wrap.file-upload .form-group > label {padding:0;margin:0;}
.form-wrap.file-upload .input-group {}
.form-wrap.file-upload .input-group .form-box {margin:.4rem 0;flex:1;gap:.4rem;border:1px solid #eee;padding:.5rem 0;}
.form-wrap.file-upload .input-group .form-box .form-check {padding-left:0;flex:1;justify-content:center;align-items:center;margin:0;}
.form-wrap.file-upload .file_wrap {width:100%;}
/*select2*/
.selection{display:flex;flex:1;}
.select2-search__field,
.select2-container {width:100% !important;}
.select2 .dropdown-wrapper{height:2rem;}
.select2-container--default.select2-container--focus .select2-selection--multiple {border:none;}
.select2-container--default .select2-selection--multiple {background-color:#fff;border: 0;border-radius: 0;cursor: text;overflow-y:auto;min-height: 2rem;flex: 1;display:flex;}
.select2-container--default .select2-selection--multiple .select2-selection__rendered { width: 100%; display:inline-flex;flex-flow:row wrap; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;gap:.2rem;border:1px solid #e2e5e8;padding:1px;}
.select2-container--default .select2-selection--multiple .select2-selection__choice { background-color:#74788d; border-color:#74788d; color: #fff; padding:.1rem 1.5rem .1rem .6rem;line-height:1.4;margin:0; border-radius: .2rem; cursor: default;font-size:13px; position:relative;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove { color: rgba(255, 255, 255, .7); cursor: pointer; display: inline-block; font-weight: bold;line-height: 1; margin:0;position:absolute;top:50%;right:.6rem;transform:translateY(-50%);}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover {color:#fff;}
.select2-results__option {padding: 4px 6px;}
.select2-selection__choice + .select2-search.select2-search--inline {display: none;}
.select2-dropdown {box-shadow: 0 3px 5px #00000030;border-radius:0;}
/*datepicker*/
.form-group.daterange {flex:0 0 450px;}
.input-daterange {display:flex;justify-content:space-between;flex-flow:row wrap;align-items:center;position:relative;flex:1;height:2rem;}
.input-daterange:after {content: "\f20c";font-family: bootstrap-icons!important;position: absolute;top: 50%; transform: translateY(-50%);right:0;display:block;width:1.4rem;height:1.4rem;color:#74788d;pointer-events: none;margin:0;opacity:.5;}
.input-daterange .dateformat_ymd {flex:1 1 auto;position: relative;min-width:7rem;width:7rem;padding:.2rem .5rem;height:100%;border:1px solid #e2e5e8;border-right:none;background:#fff;border-radius:0!important;}
.input-daterange .dateformat_ymd:last-child {min-width:8.4rem;padding-right:1.5rem;}
.input-daterange span + .dateformat_ymd {min-width:8.4rem;padding-right:1.5rem;border-left:none;}
.input-daterange .dateformat_ymd[readonly] + span {background:cornsilk;}
.input-daterange span {padding:0 .2rem;line-height:2;font-size:14px;height:100%;border-top:1px solid #e2e5e8;border-bottom:1px solid #e2e5e8;}
.input-daterange .btn-group {position:relative;height:100%;flex:0 0 154px;z-index:100;border-radius:0;}
.input-daterange .btn-group:before {content: "\f20c";font-family: bootstrap-icons!important;display:block;color:#74788d;pointer-events: none;margin:0 0 0 -1.4rem;opacity:.5;position: absolute;top:50%;transform:translateY(-50%);left:0;}
.input-daterange .btn-group .btn {padding:0 .5rem;min-height:100%;border:1px solid #e2e5e8;background:#fff;color:#74788d;font-size: 11px !important;gap: 0;}
.input-daterange .btn-group .btn.active,
.input-daterange .btn-group .btn:hover,
.input-daterange .btn-group .btn:active {background:#74788d;border-color:#74788d;color:#fff;}

.ui-widget.ui-widget-content {z-index:100!important;}
.datepicker.datepicker-dropdown {border:1px solid #eee;box-shadow: 0 5px 5px rgba(0,0,0,0.2);padding:1rem;border-radius: .5rem;z-index:10001!important;}
.datepicker .datepicker-switch {flex:1;font-size:16px;color: #546fff;font-weight:600;line-height: 1.5;}
.datepicker .prev,
.datepicker .next {flex:0 0 1rem;color: #546fff;font-size:22px;line-height:1;}
.datepicker .table-condensed {width:100%;height:auto;}
.datepicker .table-condensed  tr  {width:100%;}
.datepicker .table-condensed .month {flex:0 0 23%;display:flex;align-items:center;justify-content:center;height:auto;}
.datepicker .table-condensed .month.active {background:#546fff;}
.datepicker .table-condensed  tr td span { display: block;width: 23%;height: 3rem;line-height:3; }
.datepicker tr {display: flex;justify-content: space-between;}
.datepicker td, .datepicker th {flex:1;display:inline-block;color:#141522;height: auto;line-height:30px;}
.datepicker td:hover, .datepicker th:hover {background:transparent;color:#000;}
.datepicker th.dow {font-size:13px;opacity: .3;font-weight:400;}
.datepicker td.day,
.datepicker table tr td.range,
.datepicker table tr td.range.disabled,
.datepicker table tr td.range.disabled:hover,
.datepicker table tr td.range:hover{width:30px;height:30px;font-size:14px;border:1px solid #fff;background:#fff;text-align:center;font-weight:500;border-radius: 50%;}
.datepicker td.old.day {opacity: .3;}
.datepicker td.day:hover,.datepicker td.day:active,.datepicker td.day:focus {background: #fff!important;border:1px solid #141522;}
.datepicker table tr td.active {background:#141522;color:#fff;}
.datepicker table tr td.selected.disabled,
.datepicker table tr td.selected.disabled:hover,
.datepicker table tr td.selected:hover {background: #efefef;color: #000;}
.datepicker td.day.active,
.datepicker td.day.selected,
.datepicker td.day.start{background:#546fff;color:#fff;border-color:#fff;}

/*form-box*/
.input-group.form-box {display:flex;justify-content:flex-start;flex-flow:row nowrap;align-items:center;height:2rem;border:1px solid #e2e5e8;position:relative;flex:1;}
.input-group.form-box .form-select {flex:1;border-left:none;border-right:none;}
.input-group.form-box .form-select[readonly] + span {background:cornsilk;}
.input-group.form-box span {padding:0 .4rem;line-height:2;font-size:14px;}
/*file-box*/
.file_box {position:relative; margin-top:1rem; width:100%; padding:1rem;border-radius: .25rem; background:#fff;box-shadow:0.1rem 0 1.1rem #74788d25;}
.file_box ul {display:flex;gap:.4rem;flex-flow:row wrap;}
.file_box .incon {display:flex;flex:1;justify-content:space-between;align-items:center;font-size:13px;line-height:1;transition:all 0.3s ease 0s;border:1px solid #74788d25;border-radius:1.5rem;padding:.1rem.5rem .1rem 0;}
.file_box ul li {display:inline-flex;gap: .4rem;align-items: center;flex:1;}
.file_box ul li > strong {font-size:14px;padding: 0 .4rem;}
.file_box ul li:last-child .incon {margin-bottom:0;}
.file_box .incon:hover {border-color:#74788d;box-shadow:0.1rem 0 1.1rem #546fff25;}
.file_box ul li .incon .icon_img:before {content:"\F63E";font-family: "bootstrap-icons";position:relative;top:50%;transform:translateY(-50%);margin:0 .5rem 0 .8rem;font-size:1rem;}
.file_box ul li .incon.icon_pdf .icon_img:before {content:"\F63E"; color:#fa4e61;}
.file_box ul li .incon.icon_doc .icon_img:before {content:"\F3BB"; color:#3a82e1;}
.file_box ul li .incon.icon_hwp .icon_img:before { content:"\F3BB"; color:#03A9F4;}
.file_box ul li .incon.icon_ppt .icon_img:before { content:"\F381"; color:#E91E63;}
.file_box ul li .incon.icon_img .icon_img:before {content:"\F36D"; color:#9C27B0;}
.file_box ul li .incon.icon_xls .icon_img:before { content:"\F368"; color:#248d73;}
.file_box ul li .incon.icon_txt .icon_img:before {content:"\F3B9"; color:#142522;}
.file_box .incon .file_tit {width:100%;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;padding-right:1rem;}
.file_box .incon button {border: none;background:transparent; color: #74788d;display: inline-flex; justify-content: center; align-items: center; margin:0; flex:0 0 2rem;border-radius:1rem; transition: all .3s ease 0s;}
.file_box .incon button span {visibility:hidden;font-size:0;display:none;}
.file_box .incon button:before {content:"";font-family: "bootstrap-icons";display:block; transition: all .3s ease 0s;color:#74788d;font-size:12px;}
.file_box .incon button.btn_view:before {content:"\F52A";}
.file_box .incon button.btn_down {color:#546fff;}
.file_box .incon button.btn_down:before {content:"\F29B";}
.file_box .incon button:hover {background: #74788d20;}
.file_box .incon button:hover:before {color:#141522;}

/*gird & board */
.board-top {display:flex;margin-bottom:.5rem;width:100%;justify-content: space-between;flex-flow:row wrap;padding:0;}
.page_info {flex:1 1 auto;justify-content: flex-start;display: inline-flex;align-items: center;gap:.5rem;}
.page_info .span_txt {font-size:.857rem;color:#74788d;line-height:1;padding-top:.1rem;}
.page_btn {display: inline-flex;flex:1 1 auto;justify-content: flex-end;align-items: center;}
.board-top h5,.board-top .page_info h4 {font-weight:600;font-size:1.25rem;line-height:1.2;letter-spacing: -1.2px;margin: 0 .5rem 0 0;padding:0;display:inline-block;}
.f_search {display:flex;flex:1;justify-content:stretch;background:#e5ebf3;border-radius:1.5rem;padding:.2rem .2rem .2rem .8rem;}
.f_search > input, .f_search>select {border:none;box-shadow:0 0 0 ;background-color:#e5ebf3;}
.f_search>select.form-select {flex:0 0 6rem;}
.f_search > input {flex:1;}
.f_search .btn-search i {color:#546fff;font-size:1rem;font-weight:900;}

.flex-row .card-header,.right-header ,.card-header {display:flex;margin-bottom:.5rem;width:100%;justify-content: space-between;flex-flow:row wrap;padding-bottom:.5rem;}
.flex-row .card-header h4,.right-header h4 {font-weight:600;font-size:1.25rem;letter-spacing: -1.2px;display:inline-block;line-height:1.5;}
.point_color_txt {color:#546fff;}
.total_color_txt {color:#141522;}
.page_btn * + * {margin-left:.2rem;}
.board-list {width:100%;height:calc(100% - 2.5rem);margin: 0;box-sizing: border-box;display:flex;position:relative;}
.board-list.hauto {height:auto;}
.board-list.hauto table {border-top:1px solid #000;}
.board-list.line {border-top:2px solid #141522;border-bottom:1px solid #141522;}
.board-list > div {display: flex;flex:1;width:100%;height:100%!important;}
.board-list > table {width: 100%;margin-bottom:0;}
.board-list table th { border-bottom: 1px solid #222; padding:.8rem .5rem; line-height: 1.2; font-weight:600;font-size:14px; text-align: center; vertical-align: middle;}
.board-list table td {border-bottom: 1px solid #e2e5e8; padding:.8rem .5rem; line-height: 1.2;}
.board-list > table > tbody > tr:hover > td,.board-list > table > tbody > tr:focus > td { background: #f8f8f8;}
.board-list > table > tbody > tr:active > td { background: #eee;}
.board-list > table > tbody tr:hover .wb_td,.board-list > table > tbody tr:focus .wb_td,.board-list > table > tbody tr:active .wb_td { background: none !important;}
.board-list + form,.board-list + div {margin-top:2.5rem;}
.aui-grid-default-footer {background:#ffffcc;}
.aui-grid-row-lvl3-style {background:#ffeb3b;}
.aui-grid-grouping-panel {border-bottom:1px solid #141522;}
.aui-grid-number-step-input {padding-right:12px!important;}
.aui-grid-number-step-up-btn,
.aui-grid-number-step-down-btn {width:10px!important;border:none;background-size:contain;}
.aui-grid-renderer-base.aui-grid-header-renderer > span{display:inline-block;}

/*summernote*/
.note-editor .note-editing-area {min-height:12rem;}
.summernote,.note-frame {width:100%;height:auto;}
.note-editable {flex:1}
.note-frame .note-toolbar .note-btn-group .note-btn {font-size:13px;padding:0 .5rem;line-height: 1;}
[class^=note-icon]:before, [class*=" note-icon"]:before {font-size:12px;}
.note-frame .note-toolbar .note-btn-group .note-icon-caret:before {display:none;}
.note-modal-footer {display: flex;flex-flow:row wrap;justify-content:end;gap:.4rem;height:auto;padding:10px 30px}
.note-modal-footer .note-btn {padding: .4rem .6rem; border-radius: 0;background: #595c6e; color: #fff;line-height: 1;}
.note-modal-footer .note-btn:hover {background:#404355;}
.note-modal .note-modal-body label {display:inline-flex;justify-content: start;align-items: center;gap:.5rem;}
.note-editor.note-frame, .note-editor.note-airframe {margin-left:calc(var(--bs-border-width)* 0)!important;border-radius:.25rem!important;}
/* summernote 기본 파일 입력 필드 숨기기 */
.note-image-input.form-control-file{font-size:14px;color: #555;}
.note-image-input.form-control-file::file-selector-button {width:calc(100% - .4rem);position:absolute;left:0;top:10px;font-size:13px;border:1px solid #e2e5e8;}
.note-image-input.form-control-file::file-selector-button:hover {background-color: #74788d;color:#fff;}
/*paging*/
.paging,.paging li {list-style:none;}
.paging {display: flex;justify-content:center;}
.paging li {flex:1 1 auto;padding:1rem;}
.paging li a {color:#141522;}
.paging .page_btn {}
.paging .page_num {}
.table.table-head-fixed thead tr:first-child th {font-size:.857rem;background:#efefef;}
.table>:not(caption)>*>* {font-size:14px;vertical-align:middle;}
.pl-2 {padding-left:1rem!important;}
.swal2-html-container {font-size:1rem!important;}

/*write-area*/
.write-area {flex:1;display: flex; flex-flow:row wrap;gap:1rem;}
.write-area .card-body {width:100%;height:auto;display:flex;flex-flow:row wrap;padding-right:.6rem;}
.write-area > h5 {flex:0 0 100%;font-size:1rem;position:relative;padding-left:.8rem;}
.write-area > h5:before {content:"";display:block;width:4px;height:4px;background:#333;border-radius:50%;position:absolute;left:0;top:50%;transform:translateY(-50%);}
.write-area > hr {width:calc(100% + 1rem);height:1px;border-top:1px dotted #000;margin:0 -.5rem;}
.write-area .form-group {flex:1 1 calc(50% - .5rem);position:relative;padding-top:.8rem;}
.write-area .form-group > label {position:absolute;top: 0;left:.2rem;padding: .2rem .4rem;font-size:12px;display:inline-block;color:#00000080;text-shadow:0 2px 2px #ffffff;border:none;z-index: 100;width: auto;border-radius:0;line-height: 1;margin-top: -.1rem;}
.write-area .input-group>.form-control,
.write-area .input-group>.form-floating,
.write-area .input-group>.form-select,
.write-area .form-group > .input-group .form-box,
.write-area .input-daterange .dateformat_ymd {border-color:#e2e5e8;border-radius:0;color:#141522;height:2rem;text-align:left;}
.write-area .input-daterange .dateformat_ymd:last-child{border-right:1px solid #e2e5e8;}
.write-area .form-group > .input-group {flex:1;min-height: 2rem;align-items: center;gap:0;}
.write-area .form-group > .input-group p {padding:.2rem .4rem;font-size:.935rem;margin-bottom:0;}
.write-area .form-group > .input-group .form-box {flex:1;display:flex;gap:.4rem;margin:0;min-height:2rem;align-items:center;border:1px solid #e2e5e8;padding-left:0;}
.write-area .flex-1 {flex:1 1 25% !important;}
.write-area .flex-2 {flex:1 1 50% !important;}
.write-area .flex-3 {flex:1 1 75% !important;}

/*사용자정보 변경*/
.user-info {width:100%;}
.user-info .form-group,
.user-info .foot {flex:1 1 100%;}
.user-info .form-group > .input-group {display: flex;flex-flow:column wrap;flex:1;align-items:start;gap:.4rem;}
.user-info .form-group > .input-group > input {width:100%;}
.user-info .form-group > .input-group .feedback { flex:0 0 auto;padding-left:.2rem;font-size:13px;}
.user-info .foot .btn {width:100%;text-align:center;height:2.4rem;}

/*readonly*/
.write-area.readonly .form-group .form-control,
.write-area.readonly .form-group .form-select,
.write-area.readonly .form-group .form-box{background:#f5f8fa !important;pointer-events: none;}
.write-area.readonly .form-group .form-select {padding-right:.75rem;}
.write-area.readonly .form-group .form-box .form-check-input{display:none;}
.write-area.readonly .form-group .form-box .form-check-input[type="radio"] + label {display: none;}
.write-area.readonly .form-group .form-box .form-check-input[type="radio"]:checked + label {display: block;}
.write-area.readonly .form-group .form-switch .form-check-input:checked {display:none;}
.write-area.readonly .form-group .input-group button {display:none;}
.write-area.readonly .form-group textarea {pointer-events:auto!important;}
.form-group > .input-group.gap {gap:.4rem;}

.write-area.readonly .card-header {margin:1rem 0 .5rem 0!important;}
.write-area.readonly .card-header + .file_box {margin-top:0!important;}
 /*accordion-content*/
.accordion-content { display: none;background-color: #f9f9f9;}
.accordion-toggle { cursor: pointer; }
.accordion-content td { padding: 10px; }

/*file attached */
.file_wrap {position:relative;width:calc(100% - .4rem);height: auto;margin:0 .4rem 1rem 0;padding:.5rem;background: #f8f9fa;border: 1px solid #e2e5e8;}
.file_wrap .file-header {position:relative;height:auto;margin-bottom: 0;display:flex;justify-content:flex-end;}
.file_wrap .file-header .btn { padding:.4rem .6rem;border-radius: .25rem;}
.file_wrap .file-header:before {content:"+ 파일추가 버튼을 클릭하여 파일을 추가해주세요";position:absolute;left:0;padding:.5rem;text-align:center;width:auto;font-size:13px;}
.file_wrap .pdf-header {position:relative;height:auto;margin-bottom: 0;display:flex;justify-content:flex-end;}
.file_wrap .pdf-header .btn { padding:.4rem .6rem;border-radius: .25rem;}
.file_wrap .pdf-header:before {content:"+ 협약서는 PDF파일만 등록 할 수 있습니다. 협약서추가 버튼을 클릭하여 파일을 추가해주세요";position:absolute;left:0;padding:.5rem;text-align:center;width:auto;font-size:13px;}
.file_wrap .container {min-height:0;z-index:1;padding:0;max-width: 100%;}
.file_wrap .list-group {width:100%;flex-flow: row wrap;justify-content: flex-start;gap:.3rem;margin-top:.2rem;}
.file_btn_group {display:inline-flex;justify-content: flex-end;align-items: center;}
.fileList_item {display:inline-flex;position:relative;align-items: center;transition: all 0.3s ease 0s;padding: .2rem .2rem .2rem 2rem;margin:0;border-radius:1.5rem!important;border: 1px solid rgba(0,0,0,.125) !important;width:auto;min-width:33%;max-width:48%}
.fileList_item:before {content: "\F470";font-family: "bootstrap-icons";font-size: 1.125rem;position: absolute;left:.5rem;top:.4rem;color: #fa4e61;}
.fileList_item > div {flex:1;width:calc(100% - 5rem);}
.fileList_item > div .file_tit{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size: 13px;}
.fileList_item > div:last-child {flex:0 0 5rem;display: inline-flex;justify-content:center;align-items: center;}
.fileList_item .btn { width:2rem;height:2rem; border: none;background:transparent; color: #74788d;display: inline-flex; justify-content: center; align-items: center; margin:0; border-radius:1rem; transition: all .3s ease 0s;}
.fileList_item .btn span {display:block; transition: all .3s ease 0s;}
.fileList_item .btn:hover span i {color:#141522;}
.fileList_item .btn_file_del{right:2.5rem;}
.fileList_item .btn_file_del:hover,
.fileList_item .btn_file_down:hover {background: #74788d20;}
.fileList_item:hover {border: 1px solid #74788d !important;box-shadow:0 3px 5px #74788d20;}

/*btn*/
.btn-area {display: flex;justify-content: flex-end;align-items: center;flex: 1;gap:.4rem;}
.btn {display:inline-flex;justify-content:center;align-items:center;gap:.4rem;box-shadow:0 0 0;transition-duration: .1s;}
.btn.btn-default {box-shadow:0 0 0;transition-duration: .1s;background:#74788d;color:#fff;border-radius:.25rem;height:2rem;display: inline-flex;align-items: center;}
.btn.btn-note {color:#d23244;padding:.1rem .4rem 0 0;border:1px solid #ca3344;font-size:0.875rem;letter-spacing:-1px;border-radius:.2rem;display: inline-flex;align-items: center;opacity:.7;}
.btn.btn-note i {line-height:0;font-size:1.5rem;width:1.2rem;}
.btn.btn-note:hover,.btn.btn-note:active,.btn.btn-note:focus {opacity:1;}
.btn-sm {background-color:#bbb;color:#fff;height:2rem;opacity:.9;border:none;display: inline-flex;align-items: center;line-height: 1;}
.btn-sm > i {font-size:14px;}
.btn-sm.txt {background:transparent;color:#142522;border-color:#141522;}
.btn-sm.pdf {background:#fa4e61;color:#fff;}
.btn-sm.pdf:hover,.btn-sm.pdf:active,.btn-sm.pdf:focus {background:#e03f51;color:#fff;}
.btn-sm.xls {background:#248d73;color:#fff;}
.btn-sm.xls:hover,.btn-sm.xls:active,.btn-sm.xls:focus {background-color:#196e59;}
.btn-sm.up {background:#3980c0;color:#fff;}
.btn-sm.up:hover,.btn-sm.up:active,.btn-sm.up:focus {background-color:#285e8f;}
.btn-upload {background: #3980c0; color: #fff;flex:1;height:2.4rem;}
.btn-upload:hover,.btn-upload:active,.btn-upload:focus {background-color:#285e8f;}
.btn.save,.btn-sm.save {background:#595c6e;color:#fff;}
.btn-sm.save:hover,.btn-sm.save:active,.btn-sm.save:focus,.btn.save:hover,.btn.save:focus,.btn.save:active {background-color:#404355;}
.btn-sm.del:before {content:"";display: block;width:.8rem;height:2px;background:#fff;margin:0 auto;}
.btn-sm.del:hover:before {background-color:#fff;}
.btn-sm.del i {display:none;}
.btn-sm:hover,.btn-sm:hover:focus,.btn-sm:active {background-color:#74788d;color:#fff;transition-duration: .5s;opacity:1;outline: none;border:none;}
.btn-sm:hover i,.btn-sm:hover:focus i,.btn-sm:active i{color:#fff;}
.btn-sm:disabled {background:#e2e5e8;}
.btn-lg {background:#546fff;color:#fff;display:flex;justify-content:center;flex:1;}
.btn-area.middle {align-items:center;justify-content:center;flex-flow:column nowrap;padding:0;margin:0;flex:0 0 2rem;}
.btn-area.middle .btn {margin:.2rem;background:#fff;border:1px solid #e0e1e4;}
.btn-area.middle .btn-sm:hover,.btn-area.middle .btn-sm:active,.btn-area.middle .btn-sm:focus {background-color:#404355;}
.btn.grid-list-more {position:absolute;bottom:1.2rem;right:0;margin-right:-1rem;font-size:.857rem;border-radius:1rem 0 0 1rem;background:#141522;color:#fff;opacity: .7;}
.btn.grid-list-more:hover,.btn.grid-list-more:focus,.btn.grid-list-more:active {opacity:1;}
.btn.grid-list-more i {margin-right:.2rem;}
.rightDetailPanel .card-footer .btn.save {background-color:#546fff;}
.rightDetailPanel .card-footer .btn.save:hover {background-color:#4b66f2;}
/*badge*/
.badge-group span {background:#ddd;font-size:11px;padding:.2rem .4rem;border-radius:.3rem;display:inline-block;color:#fff;white-space: nowrap;vertical-align: baseline;line-height: 1;}
.badge-group.add .add {background:#546fff;}
.badge-group.ksic .ksic {background:#dc3545;}
.badge-group.sale .sale {background:#28a745;}
.badge-group.perm .perm {background:#a358c9;}
.badge-group.ntis .ntis {background:#FF9800;}
.badge-group.rnd .rnd {background:#8BC34A;}
/* 설명 문구 숨기기 */
.info-icon ,.info-pop {display:inline-block;color:#546fff;margin-left:.4rem;padding:0;min-height:1rem;background:transparent;border:none;}
.info-pop > i {font-size:.9rem;display:block;}
.info-icon:hover + .description {display:block;}
.info-icon:hover:before {content:"";display:block;width:0;height:0;border-top: .6rem solid transparent;border-right: .6rem solid #d4f8ff;position:absolute;top:0;left:.4rem;margin-top:100%;transform:rotate(-135deg);}
.description {display: none; margin:0;padding:.4rem; background:#d4f8ff;font-size:.835rem;font-weight:400;line-height: 1.4;position: absolute; top: 90%;left: 0;box-shadow:0 3px 3px rgba(0,0,0,0.2);  min-width: 200px; width: auto;z-index: 101;}

/*modal*/
.modal-header {padding:1rem 1rem .5rem 1rem;display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid rgba(0,0,0,.1);width:100%;}
.modal-header .modal-title {font-weight:600;font-size:1.25rem;letter-spacing: -1.2px;margin: 0 .5rem 0 0;padding:0;display:inline-block;}
.modal.fade.show {display: block;background:rgba(0,0,0,.4);z-index: 2001;}
.modal.fade .modal-dialog {display:flex;align-items:center;height: calc(100% - 4rem);}
.modal.fade .modal-dialog .modal-content {height:100%;}
.modal-backdrop.show {z-index:0;}
.modal-body .search-area.card {margin-bottom:1rem;}
.modal.fade.modal-2xl .modal-dialog {min-width:1620px;max-width:90%;}

/*tab*/
.card-header .nav-pills {padding-left:1rem;}
.nav-pills .nav-link, .nav-pills .show>.nav-link {color:#141522;font-weight:600;padding:1rem 1.5rem .5rem 1.5rem;cursor:pointer;}
.nav-pills .nav-link.active, .nav-pills .show>.nav-link {border-radius:0;background:transparent;border-bottom:4px solid #546fff;color:#546fff;font-weight:600;}
.tab-content {display: flex;flex:1 1 100%;flex-flow:column;}
.tab-content .tab-pane {flex:1 1 100%;flex-flow:column;width:100%;}
.tab-content>.active {display:flex;flex:1;flex-flow:column;width:100%;}
.tab-content .tab-pane .card-body {padding:.5rem 0;height:100%;z-index:10;}
.count {display:inline-block;min-width:1.5rem;text-align:center;line-height:1.2;padding:.2rem .4rem;height: 1.2rem;background: #e2e5e8;color: #595c62;border-radius:1rem;font-size:11px;margin-left:.4rem;}
.active .count {background: #546fff;color: #fff;}

/*주소검색*/
#srchAddressSearchModal.modal { }
#srchAddressSearchModal.modal.fade .modal-dialog {width:100%;height:747px;top:50%;transform:translateY(-52%);}
#rnsSearchContainer .container {min-width: 300px!important;}
#rnsSearchContainer .contents {display: flex;flex-flow: column nowrap;}
#divSearchBox.search {background:#fff;width:100%;padding:0;}
#divSearchBox .searchWord {border:none;}
#divSearchBox .searchWord input[type='text'] {background:#fff;width: 100%!important;color:#546fff;padding:1.25rem 1rem;margin:0;font-size:1.25rem;border-bottom:4px solid #546fff;}
#divSearchBox .searchWord input[type='text']:focus {outline:none;border-color:#546fff;}
#rnsSearchContainer .contents .btnSearch {position:absolute;top:0;right:0;}
#divSearchHstryYn {display: flex;justify-content: flex-start;align-items: center;;margin:.5rem 0;}
#divSearchHstryYn input {margin:0 .3rem;}
#divSearchBox .searchWord {color:#333;position: relative;margin: 0;}
#divSearchBox .searchWord .bi.bi-search {position:absolute;right:0;top:0;font-size:1.4rem;padding:.2rem .5rem;color:#e9e9ef;}
#divSearchBox .btnSearch {visibility:hidden;position:absolute;top:0;right:0;}
#addressSearchModal .contents.card {border-radius:.25rem;}
#searchWord .keyword {width:100%;}
#searchWord .btnSearch {position:absolute;top:0;right:0;}
#divLogo.footer {visibility:hidden;width:0;height:0;font-size:0;display: none;}
.contents .addInfo {right:0;top:.5rem;width:2rem;height:2rem;}
.contents .detailAddr {background:#fff;border-radius:0;height:1.4rem;width:2rem!important;}
.contents .detailAddr:hover,.contents .detailAddr:active,.contents .detailAddr:focus {color:#546fff;}
.contents .detailAddr .addr {color:#546fff;}
.contents .detailAddr .addr i {font-weight:900;font-size:16px;padding:0;display:inline-block;transition: transform 0.3s ease;}
.contents .detailAddr .addr:hover > i,
.contents .detailAddr .addr:active > i {transform: rotate(180deg);}
.contents .detailAddr .addr:before {display:none;}
.contents .innerBox.address {background:#546fff;line-height: 1.8;}
.contents .innerBox.zip {background:#141522;line-height: 1.8;}
.contents .guideText2 {color:#546fff;}
.textGuide {margin:0;}
.contents .results {border-radius:.25rem;padding:.25rem;display: flex; flex: 1 !important;height:560px!important;flex-flow:column nowrap;background: #ECECEC;}
#divSearchPaging span {line-height:1.6;}
.searchResult {width:100%;min-height:500px!important;}
.searchResult .noResults {width:100%;min-height:500px!important;background: #ECECEC;}
.searchResult .result {display:flex;flex-flow:column;gap:.2rem;height: 515px;overflow-x:hidden;overflow-y:auto;}
.searchResult .resultInner {margin:0!important;}
.input-group .form-box.big {display: flex;flex:1;background:#f8f8f8;font-size:20px;padding:0 1rem;height:2rem;}
.btn.btn-primary {border-radius:0;}
.form-group.flex-row label {flex:0 0 6rem;}
.form-group.flex-row.full .input-group {flex:1 1 auto;flex-flow:row wrap;}
/*multi select */
.multi_select {flex: 1; height: 2rem; border: 1px solid #d9d9d9; font-size: 1rem;  font-weight: 400;  line-height: 2rem;  box-sizing: border-box;  transition: all 0.3s;}
.multi_select p {position:relative;width: 100%; padding: 0 1.5rem;display:block;height:2rem;line-height:1.8rem;}
.multi_select p:after {content:"";display:block;width:10px;height:10px;border:1px solid #333;border-top:none;border-right:none;transform:rotate(-45deg);position:absolute;top:50%;right:1rem;margin-top:-6px;}
.multi_select:hover .multi_options,
.multi_select:focus .multi_options,
.multi_select:active .multi_options  {display:flex;}
.multi_select .multi_options {display:none;flex-flow: column nowrap;height:auto;width:100%;background:#fff;border: 1px solid #d9d9d9;border-top:none;position:absolute;top:2rem;left:0;border-radius:0;padding: .5rem 0;z-index:1000;box-shadow:0px 4px 4px#0002;}
.multi_select .multi_options label {width: 100%;font-size:1rem;font-weight:400;line-height: 1.4;transition: all 0.3s;white-space:nowrap;word-break:keep-all;padding: 0 1.2rem;width:100%;overflow:hidden;text-overflow: ellipsis;display: flex;justify-content: start;align-items: center;}
.multi_select .multi_options label input {margin-right:.5rem;}
.multi_select .multi_options label:hover {background:#f3f6fc;color:#1a40b6;}
.multi_select .selected {padding-right:2rem;overflow:hidden;text-overflow: ellipsis;width: 100%;height:2rem;}
.multi_select:hover,
.multi_select:focus,
.multi_select:active ,
.multi_select:hover .multi_options {border-color:#1a40b6;box-shadow:0 5px 5px #0002;}
.multi_select.readonly p{color:#333;background:#f8f7f9 !important; border-radius: 0.5rem;}
.multi_select.readonly:hover  .multi_options,
.multi_select.readonly:focus  .multi_options,
.multi_select.readonly:active .multi_options {display:none;}

/*vworld*/
.vw-wrap {display:flex;flex-flow:column;flex:1 1 100%;width:100%;height:100%;min-height:420px;}
.vw-wrap .vw-box {position:relative;flex:1;width:100%;height:100%!important;min-height:100%;border:1px solid #141522; box-shadow: 0 3px 5px #00000020;}
.vw-wrap .vw-box .ol-unselectable,
.vw-wrap .vw-box .ol-viewport .ol-unselectable {height:100%!important;}
.vw-popup {font-family: 'NanumSquare', sans-serif;min-width:200px;border-radius:.5rem;border-color:transparent;box-shadow:0 3px 5px #14152270;}
.vw-popup:before { border-top-color:#14152250;}
.vw-popup > div {padding:.5rem .8rem;max-height:300px;overflow:auto;}
.vw-popup .vw-popup-closer {position:absolute;top:.6rem;width:1rem;height:1rem;padding:0;text-align:center;}
.vw-popup .vw-popup-closer img {opacity:0;position: absolute;top:0;left:0;width:100%;height:100%;}
.vw-popup .vw-popup-closer:before,
.vw-popup .vw-popup-closer:after {content: '';position: absolute;top: 50%;left: 50%;width: 100%;height: 1px;background-color: #141522;transform-origin: center;opacity:.6;}
.vw-popup .vw-popup-closer:before {transform: translate(-50%, -50%) rotate(45deg);}
.vw-popup .vw-popup-closer:after {transform: translate(-50%, -50%) rotate(-45deg);}
.vw-popup .vw-popup-closer:hover:before,.vw-popup .vw-popup-closer:hover:after {opacity:1;}
.vw-popup #areaTitle {padding-right:1.5rem;margin-bottom:1rem;font-size:14px;}
.vw-popup hr,.vw-popup br {display:none;}
.vw-popup #areaInfo {opacity:.7;}
.list-group-horizontal-md .form-check {display: inline-block;min-width:12rem;margin:0 0 .4rem;}
.card-header.p-0 .info-icon {color:#666;}
.card-header.p-0 .info-icon i {color:#546fff;}
.card-header.p-0 .info-icon + button {margin-right:1rem;}

/*유의사항*/
.note-container {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);width:680px;background-color: #fff;border: 1px solid #ddd;box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);z-index: 1000;padding:15px;border-radius: 8px;/* overflow: auto; *//* padding-bottom: 1rem; */}
.note-container > form {width:100%;height:100%;overflow:auto;}
.note-content h4 {font-size:1.2rem;display:flex;align-items:center;color:#e03f51;margin-bottom:.8rem;line-height:2rem;}
.note-content h4 i {font-size:1.5rem;display:block;width:1.8rem;height:1.8rem;text-align:center;line-height:1;border:2px solid #e03f51;;border-radius:2rem;margin-right:.4rem;}
.note-content button { position:absolute;top:10px;right:15px;}
.note-content p {margin:0 0 .4rem 0;color:#666;}
.note-content-wrap {flex:1;height:calc(100% - 110px);display:flex;flex-flow:row wrap;gap:.8rem;justify-content:stretch;margin-top:1rem;position:relative;}
.note-content-wrap details {flex:1 1 calc(33.333% - .8rem);display:flex;align-items:stretch;flex-flow:column nowrap;background:#faeeee;border-radius:.5rem;padding:.5rem;}
.note-content-wrap details summary {font-size:14px;font-weight:500;padding:.2rem;height:30px;}
.note-content-wrap details > div {}
.note-content-wrap details select[multiple] ,
.note-content-wrap details .form-select[multiple],
.note-content-wrap details .form-select[size]:not([size="1"]) {flex:1;display:flex;max-height:500px;min-height:145px;height:auto;padding:.4rem;border:none;border-radius:.4rem;box-shadow:0 0 0;background:#fff;overflow:auto;margin: 0;}
.note-content-wrap details select[multiple] option {padding:.2rem 0;font-size: 13px;margin:0;}
.note-content-wrap .copy-icon { position: absolute; top: -.5rem; right: -.5rem; background: #7788d190; color:#fff;padding: 5px;width:1.8rem;height:1.8rem;text-align:center; border-radius:50%; font-size: 12px; display: none;}
/*no content*/
.no_content {display:flex;flex-flow:row wrap;justify-content:center;align-items:center;background:#fafafa;width:90%;max-width:1200px;height:500px;border-radius:50rem;padding:4rem;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:0;text-indent:-1000%;}
.no_content:before {content:"";display:block;width:490px;height:140px;;max-width:100%;background:#fafafa url(/img/cmn/no_content.gif) no-repeat 0 -80px;}
.no_content:after {content:"";display:block;width:450px;flex:0 0 450px;height:280px;max-width:100%;background:#fafafa url(/img/cmn/no_content.gif) no-repeat right 0;border-radius:0 20rem 20rem;}

/* 로딩바 스타일 */
#loaddingSpinner {position:fixed;width:100%;height:100%;display:flex;justify-content:center;align-items:center;background-color: rgba(0,0,0,.6);z-index:100;}
#loaddingSpinner:before {display: block;content:""; width: 400px; height:2rem;background-color: #2196F3;color: #fff; animation: loading 2s infinite; border-radius: 1rem;position:absolute;top:50%;left:50%;margin:-1rem 0 0 -200px;}
#loaddingSpinner:after {display: block;content:"Loading..."; width: 400px; height:2rem; line-height:1;color: #fff; text-align:center; text-overflow:ellipsis;white-space:nowrap;overflow:hidden;
 font-size:1.5rem;font-weight:600; position:absolute;top:50%;left:50%;margin:-.5rem 0 0 -200px;}

/* 애니메이션 키프레임 */
@keyframes loading {
 0% {width: 0;}
 50% {width: 400px;}
 100% {width: 0;}
}

@media (max-width:991px) {
 .app-sub {height:100vh;position: fixed;padding:3.5rem 0 2rem 0}
 .app-content.main {padding:3.5625rem 0 2rem 0;overflow: auto;}
 .rightDetailPanel.collapse.show,.rightDetailPanel.collapse.show {top:0;}
 .app-footer {width:100%;}
 .no_content {border-radius:5rem;}
}

/*2025.03.20 추가*/
/*nav-step*/
.nav-step-wrap {display:flex;justify-content: space-between;flex:1;gap:.5rem;align-items: center;}
.nav-step-wrap h4 {font-size: 1.25rem;}
.nav-step {width:100%;height:auto;display:flex;flex-flow:row wrap; flex:1;text-align:center;position:relative;padding:0 1rem;box-sizing:border-box;}
.nav-step a {height:82px;font-size:16px;color:#333;display:flex;justify-content:center;align-items:center;flex:1;position:relative;padding:.5rem .8rem 3rem;cursor: pointer;box-sizing:border-box;border:1px dashed transparent;transition:all .3s;}
.nav-step a:hover {border:1px dashed #000;}
.nav-step a span { width:2.4rem;height:2.4rem;display:block;background:#fff;border:2px solid #e6e6e6;border-radius:50%;color:#e6e6e6;line-height:2.4rem;position:absolute;bottom:.5rem;left:calc(50% - 1.2rem);font-size:1.2rem;font-weight:400!important;z-index:1;}
.nav-step .active {color:#000;font-size:18px;font-weight:600;}
.nav-step .active span {background:#9b59b6;border-color:#9b59b6;font-weight:600!important;color:#fff;font-size:14px;width: 80%;border-radius:2rem;left: 10%;white-space: nowrap;}
.nav-step .active:after {background:#9b59b6;}
.nav-step .complete:before{content:"\F633"!important; background:#9b59b6;color:#fff;width:2.4rem;height:2.4rem;border-radius:50%;font-family:bootstrap-icons !important;position:absolute;bottom:.5rem;left:calc(50% - 1.2rem);color:#fff;z-index:10;line-height:2;}
.nav-step .complete:after {background:#9b59b6;}
.nav-step a:after {content:"";display:block;width:100%;height:1px;background:#e6e6e6;position:absolute;bottom:1.6rem;left:-50%;z-index:0;}
.nav-step a:first-child:after {display:none;}
.nav-step-wrap .btn-next {border:1px solid #9b59b6;color:#9b59b6;padding:0 2rem;transition:all .3s;height:4rem;}
.nav-step-wrap .btn-next:after {content:"\F138";font-family:bootstrap-icons !important;}
.nav-step-wrap .btn-next:hover {border:1px solid #9b59b6;color:#9b59b6;background:#eee2f2;padding:0 2rem;}
.nav-step-wrap .btn-next:hover:after {content:"\F138";font-family:bootstrap-icons !important;}
.card-header.mt-1 {margin:1rem 0 .5rem 0!important;}
label.t_sm {font-weight:normal; padding:0 0 .4rem 0; color:#666;}
/*공고등록시간설정*/
.dateformat-wrap {display: flex;justify-content: space-between;gap:.5rem!important;}

/*임시*/
.aui-grid .aui-scroll-bottom-right + div {display:none!important;}

/* 클러스터성과분석, 혁신기업성과분석 선택 박스 추가 */
.select-box{ margin:-1rem; margin-bottom:0rem; background:#3f51b5; padding:0.7rem 1rem; display:flex; gap:1rem; align-items:center; }
.select-box .tit{ font-size:14px; font-weight:600; color:#fff; margin:0; word-break:keep-all; }
.select-box select{ border:.1rem solid #3f51b5; height: 2rem; 
    padding: 0 2rem 0 .5rem;
    border-radius: 0;
    box-shadow: 0 0 0;
    line-height: 2rem;
    appearance: none;
    text-overflow: ellipsis;
    white-space: nowrap;
    background: url('data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" viewBox="0 0 16 16"%3E%3Cpath fill-rule="evenodd" d="M1.646 4.646a.5.5 0 0 1 .708 0L8 10.293l5.646-5.647a.5.5 0 0 1 .708.708l-6 6a.5.5 0 0 1-.708 0l-6-6a.5.5 0 0 1 0-.708"/%3E%3C/svg%3E') no-repeat right 10px center #fff; 
    background-size: 16px; }
.chart-container .tab-center .nav-tabs .nav-item{ flex:1 1 auto; }