@charset "UTF-8";

.fn-validation-empty { border:1px solid #f99; }
.desc { clear:both; width:100%; padding-right:10px; text-align:right; font-size:13px; color:#777; }
.center { padding-left:0 !important; padding-right:0 !important; text-align:center; }
.right { text-align:right; }
.row em { position:absolute; width:auto; bottom:3px; right:10px; color:#666; }
.row em.desc { position:absolute; width:auto; bottom:3px; right:30px; color:#666; }
textarea { padding:3px 5px; min-height:60px; /*max-height:300px;*/ }
.t-b-red { font-weight:500; color:#dc3545; }
.scr { overflow:auto; }
.scr::-webkit-scrollbar { width:5px; height:10px; }
.scr::-webkit-scrollbar-thumb { border-radius:3px; background:#999; }
.scr::-webkit-scrollbar-track { background:transparent; }

/* ***** bootstrap ***** */

* { margin:0; padding:0; outline:none; }
html { height:100%; }
body { overflow:hidden; height:100%; }
body.loading { background:url(/image/object/loading.gif) no-repeat center #343a40; opacity:0.6; }
a { color:inherit; cursor:pointer; }
.mr10 { margin-right:10px; }
.ml5 { margin-left:5px; }
.mb10 { margin-bottom:10px; }
.container { max-width:none; }
button.btn { font-weight:500; }
button.btn-tool { min-width:40px; }
button.btn-tool i { font-size:1.5rem; }
.disp-brd.form-control { border:1px solid #ddd; }
div.disp-brd { padding:10px; border:1px solid #ddd; }

nav.main-header .brand-text, aside.main-sidebar .brand-text { font-family:Arial; font-weight:bold; }
nav.main-header.navbar-light .brand-text { color:#777; }
nav.main-header .fn-left-cmd .nav-link:hover { background-color:#000; }
nav.main-header.navbar-light .navbar-nav .nav-link { color:#999; }
nav.main-header .navbar-brand { width:140px !important; }
.brand-text { display:inline !important; }
nav.main-header .navbar-no-expand .dropdown-submenu > .dropdown-menu { left:-100%; }
nav.main-header .user-icon { margin-top:-10px; height:100%; }
nav.main-header .login-user { overflow:hidden; text-overflow:ellipsis; }
@media (max-width:767.98px) { nav.main-header .login-user { max-width:100px; } }

.layout-top-nav .wrapper .main-sidebar { position:fixed; min-height:auto; /*top:55px;*/ bottom:0; }
.layout-top-nav .wrapper .main-sidebar .brand-link img { height:35px; }
/*.layout-top-nav .wrapper .main-sidebar .sidebar { height:100%; }*/
.layout-top-nav .wrapper .main-sidebar .sidebar .nav-item ul { background-color:#efefef; }
/*.layout-top-nav .wrapper .main-sidebar .sidebar .nav-item ul > li { padding-left:15px; }*/
.layout-top-nav .wrapper .main-sidebar .sidebar .nav-item ul > li a { color:#444; }
#accessMenuList .depth-2 .nav-icon { text-align:right; font-size:1rem !important; }
#accessMenuList .depth-3 .nav-icon { width:2.5rem; text-align:right; font-size:12px !important; }

.wrapper .content-wrapper { overflow:auto; }
.wrapper .content-wrapper::-webkit-scrollbar { width:5px; height:8px; }
.wrapper .content-wrapper::-webkit-scrollbar-thumb { background:#ccc; }
.wrapper .content-wrapper::-webkit-scrollbar-track { background:transparent; }
.content-header .breadcrumb-item, .content-header .breadcrumb-item a { color:#6c757d; }
.content-header .fn-cmd-area { text-align:right; }
.content-header .fn-cmd-area span { padding:0 5px; color:#999; }
.content-header .fn-cmd-area .fas { font-size:20px; margin:10px 5px 0; color:#777; }
.content-header .fn-cmd-area .fas:hover { color:#333; }
.searchWrap { padding:0 0.6rem; }
.searchWrap .block { overflow:hidden; margin-bottom:0.5rem; padding:0.5rem; border:0px solid rgba(0, 0, 0, 0.125); border-radius:0.25rem; box-shadow:0 0 1px rgba(0, 0, 0, 0.125), 0 1px 3px rgba(0, 0, 0, 0.2); word-wrap:break-word; background-color:#fff; background-clip:border-box; }
.searchWrap input[type=checkbox] { width:25px; }
.searchWrap .col-form-label { text-align:right; }
.searchWrap em { display:block; width:100%; height:calc(2.25rem - 15px); margin:10px 2px 0; text-align:center; }
@media (max-width:767.98px) {
	.searchWrap .col-form-label { text-align:left; }
}
.dark-mode .searchWrap .block { background-color:#666; }
.block label { padding-left:15px; padding-right:10px; }
.unit-sp { display:flex; float:left; width:0; padding:8px 0px 8px 12px }
.unit-200 { display:flex; float:left; width:200px; }
.unit-300 { display:flex; float:left; width:300px; }
.unit-350 { display:flex; float:left; width:350px; }
.unit-500 { display:flex; float:left; width:500px; }

section.content { position:relative; /*height:calc(100% - 123px);*/ padding:0; }
section.content .container-fluid { position:absolute; top:0; left:0; right:0; bottom:0; padding:0 10px; }
section.content .container-fluid > .card-default { height:100%; }
@media (max-width:768px) {
	section.content .container-fluid { min-height:660px; padding-bottom:50px; }
}

.card-title i { margin-right:8px; }
.card .table-sm tbody tr:hover { background-color: #fafafa; }

.fn-field-tree { width:calc(100% - 160px); margin:-5px 0; padding:0; }/*home:width:calc(100% - 210px); width:calc(100% - 320px);*/
#accessFldList { width:100%; height:100%; border:none; padding:10px; text-overflow:ellipsis; font-size:14px; color:#ccc; appearance:none; cursor:pointer; background:transparent; }
#accessFldList optgroup, #accessFldList option { color:#ccc; font-size:14px; background-color:#454d55; }

footer { display:none/*flex*/; }
.zeroArea { overflow:hidden; display:none; height:0; margin:0; padding:0; }

.sidebar-collapse #includeMenuSidebarCloser { display:none; }
#includeMenuSidebarCloser { display:block; position:absolute; top:0; left:0; right:0; bottom:0; background-color:#000; opacity:.6; z-index:1037; }
#includePageAside .form-control[readonly] { color:#fff; font-weight:500; }
#includePageAside .form-control:focus { color:#495057 !important; background-color:#e0dfff; }
#includePageAside .asideArea { position:relative; }
#includePageAside .close { position:absolute; top:15px; right:10px; color:#fff; }
#includePageAside .loading { position:absolute; display:none; width:100%; top:0; bottom:0; text-align:center; padding:150px 0 0 0; opacity:0.7; background:url(/image/object/loading.gif) no-repeat center; z-index:1; }

.modal::-webkit-scrollbar { width:5px; height:8px; }
.modal::-webkit-scrollbar-thumb { background:#999; }
.modal::-webkit-scrollbar-track { background:transparent; }
.modal .modal-header { color:#333; background-color:#efefef; }
.modal-body .searchWrap { overflow:visible; margin:5px 0 0 0; padding:0; }
.modal-body .searchWrap .searhCmd { float:right; }
.modal .modal-footer { color:#333; }
.modal-footer.disp-block { display:block; overflow:hidden; }
.modal-footer.disp-block > .left { float:left; }
.modal-footer.disp-block > .right { float:right; }
.modal-footer li { list-style-type:none; }

/* ***** bootstrap plug ***** */

select.order-2 + span.select2 { order:2; }
select.order-3 + span.select2 { order:3; }
select.order-4 + span.select2 { order:4; }
.swal2-styled { min-width:100px; }

/* ***** tui : toast-grid ***** */

.tui-grid-container { border-top:2px solid #999; }
.tui-grid-container .tui-grid-content-area, .tui-grid-container .tui-grid-layer-state { border-left:1px solid #e6e6e6; }
 /* 정렬,필터 조정을 위한 position 지정 START */
.tui-grid-cell-header { position:relative; color:#555 !important; }
.tui-grid-cell-header .tui-grid-btn-sorting { position:absolute; top:13px; right:0; }
.tui-grid-cell-header .tui-grid-btn-filter { position:absolute; top:8px; left:0; }
 /* 정렬,필터 조정을 위한 position 지정 END */
 .tui-grid-container .tui-grid-header-area th { margin:0; padding:0; border:1px solid #e6e6e6; background-color:#f6f6f6; }
.tui-grid-container .tui-grid-body-area tr { margin:0; padding:0; height:40px; cursor:pointer; }
.disp-not-link .tui-grid-container .tui-grid-body-area tr { cursor:default; }
.tui-grid-container .tui-grid-body-area td { margin:0; padding:0; border:1px solid #e6e6e6; }
/*.tui-grid-container .tui-grid-body-area .tui-grid-row-even td { background:#f6f6f6; }*/
.tui-grid-container .tui-grid-body-area .tui-grid-row-hover td { background:#efefef; }
.tui-grid-container .tui-grid-pagination { margin:7px 0 5px; }
/* editor 설정 */
.tui-grid-cell-editable div { min-height:30px; margin:0 3px; padding:6px 5px !important; border:1px solid #ccc; border-radius:5px; cursor:text; background:#fcfcfc; }
.tui-grid-container input[type=checkbox] { width:20px; height:20px; }
/* 버튼 설정 */
.tui-grid-container span.grid-cmd, .tui-grid-container .grid-cmd > .tui-grid-cell-content,
.tui-grid-container span.grid-cmd-white, .tui-grid-container .grid-cmd-white > .tui-grid-cell-content {
	height:100%; min-height:18px; margin:0 3px; padding:5px 0; border:1px solid #555; border-radius:3px; cursor:pointer;
	color:#fff; font-weight:bold; text-align:center; background-color:#777;
}
.tui-grid-container span.grid-cmd,.tui-grid-container span.grid-cmd-white { display:inline-block; width:100%; margin:0 0 -1px 0  }
.tui-grid-container span.grid-cmd-white, .tui-grid-container .grid-cmd-white > .tui-grid-cell-content { border:1px solid #ccc; color:#1f2d3d; font-weight:400; background-color:#fff; }
.tui-grid-container span.grid-chk { display:inline-block; width:100%; height:100%; min-height:10px; margin:0; border:1px solid #ccc; background-color:#ccc; }
.tui-grid-container .bold-red { font-weight:600; color:#dc3545 !important; }
.tui-grid-container .bold-blue { font-weight:600; color:#007bff !important; }
.tui-grid-container .left-line { border-left:2px solid #ccc !important; }
.tui-grid-container .fas { color:#777; }
/* tree grid일때 하위요소(treeChild class로 부여) 표시 */
.tui-grid-table .treeChild { background-color:#f9f9ff; }
.tui-grid-table .tui-grid-row-hover td.treeChild { background-color:#efffef; }
.dark-mode .tui-pagination .tui-page-btn:not(.tui-is-selected) { background-color:#ccc; }