* {margin: 0;padding: 0;}
ul, li, ol {list-style-type:none;text-align:justify;}

ul {margin:0;}

.sidebar-menu .treeview-menu > li > a {padding-left: 30px;}
.dataTables_scrollBody{
	height: fit-content !important;
}
.layer-wrapper {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100%;z-index: 100;}
.layer-wrapper .bg {position: fixed;top: 0;left: 0;width: 100%;height: 100%;background: #000;opacity: .5;}
.pop-layer {display: block;position: absolute;top: 300px;left: 50%;width: auto;height: auto;background-color: #fff;z-index: 10;}
.pop-title {width: 100%;background-color: #54616e;color: #FFF;}
.pop-title span {width: calc(100% - 51px);padding-left: 10px;height: 55px;line-height: 55px;color: #FFF;font-size: 2em;font-weight: bold;background-color: #54616e;}

#dialog {position: relative;width: auto;height: auto;}
@media (min-width: 992px) {
	#dialog {width: 900px;}
}
@media (min-width: 768px) {
	#dialog {width: 600px;}
}
#dialog .box {border-top: 0;border-radius: 0;margin-bottom: 0;}
#dialog table {margin-bottom: 0;}
#dialog table th {background-color: #f2f2f2;}

.font-italic {font-style:italic!important;}
.img-effect {object-fit: cover;border-radius: 50%;}

.selectpicker {background-color:white!important;border-radius:0!important;}
.selectpicker:hover {background-color:white!important;}

.red {color:red;}
.yellow {color:yellow;}

.bg-black {background-color:#333;}
.bg-black:hover {color:#aaa;}

.upload-hidden {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0;}

.thumbnail-wrapper {width:100%}
.thumbnail-wrapper .thumbnail {position: relative;padding-top: 100%;overflow: hidden;margin-bottom: 0 !important;}
.thumbnail-wrapper .thumbnail .centered {position: absolute;top: 0;left: 0;right: 0;bottom: 0;-webkit-transform: translate(50%, 50%);-ms-transform: translate(50%, 50%);transform: translate(50%, 50%);}
.thumbnail-wrapper .thumbnail .centered img {position: absolute;top: 0;left: 0;max-width: 100%;height: auto;-webkit-transform: translate(-50%, -50%);-ms-transform: translate(-50%, -50%);transform: translate(-50%, -50%);}

.row-centered {text-align:center;min-height:35px;}
.col-centered {display:inline-block;float:none;min-height:30px;}

div.dataTables_wrapper .dt-buttons {display: none;}			/* 엑셀, pdf 등.. 버튼 숨기기 */
div.dataTables_info, div.dataTables_length {float:right;}
div.dataTables_info {font-size:small;padding-right: 10px;}
div.dataTables_paginate {text-align: center !important;}
div.dataTables_scrollBody {margin-bottom: 10px;}
/* DataTables에 scrollY 적용 시 dataTables_scrollBody로 분리되어서 border-top이 따로 생김 */
div.dataTables_scrollBody table > thead > tr > th {border-top:0 !important;}

/* IE에서 지원안됨 */
/* table.dataTable {border-collapse:collapse !important;} */
table.dataTable tbody > tr.selected, table.dataTable tbody > tr > .selected {background-color: #dff0d8;}
table.dataTable tbody tr.selected, table.dataTable tbody th.selected, table.dataTable tbody td.selected {color: inherit;}
div.dataTables_wrapper div.dataTables_filter {text-align: left;}

.ellipsis {text-overflow:ellipsis;overflow:hidden;white-space:nowrap;}

.align-middle {vertical-align: middle!important;}
.box-header.with-border {border-bottom: 3px solid #f4f4f4 !important;}

.typeSearch {margin-bottom:10px;}
.typeSearch th {text-align:center;vertical-align:middle !important;color:#333;background-color:#f5f5f5;border:1px solid #d1d1d1;border-top:1px solid #d1d1d1 !important;height:40px;padding-top:3px !important;padding-bottom:3px !important;}
.typeSearch td {text-align:left;vertical-align:middle !important;color:#333;border:1px solid #d1d1d1;border-top:1px solid #d1d1d1 !important;height:40px;padding-top:3px !important;padding-bottom:3px !important;}
.typeSearch .text-center {text-align:center;}

.typeList {margin-bottom:10px;}
.typeList th {text-align:center;vertical-align:middle !important;border-top: 2px solid #666 !important;border-bottom:1px solid #d1d1d1 !important;background-color: #f8f8f8;}
.typeList td {text-align:center;vertical-align:middle !important;border-right: 1px solid #d1d1d1;border-bottom: 1px solid #d1d1d1;}
.typeList td:first-of-type {border-left: none;}
.typeList td:last-of-type {border-right: none;}

.typeList .text-left {text-align:left;}
.typeList .text-right {text-align:right;}

/* td ellipsis 적용 */
.table.table-fixed {table-layout:fixed;}
.table.table-fixed td.ellipsis {white-space: nowrap;overflow: hidden;text-overflow: ellipsis;}

#tbList.table>tbody>tr>td {border-top:none;}
#tbList .subTable {background-color:#fff4e7;padding:10px;}
.subTable > table > thead > tr > th {border-top:2px solid #666 !important;}

div#ui-datepicker-div {z-index:10000 !important;}
img.lazy {display: none;}

/* DataTables thead 부분 너비 때문에 수정 */
.table>thead>tr>th {padding: 8px 15px 8px 8px;}
table.dataTable thead > tr > th.sorting_asc, table.dataTable thead > tr > th.sorting_desc, table.dataTable thead > tr > th.sorting
, table.dataTable thead > tr > td.sorting_asc, table.dataTable thead > tr > td.sorting_desc, table.dataTable thead > tr > td.sorting 
{padding-right:15px;}

.datepicker {text-align: center;}
.bootstrap-select.dropdown .dropdown-menu.open {border-color:#367fa9;}

.data-form {border:2px solid #666;border-radius:5px;padding:10px;}

.pagination>li>a, .pagination>li>span {color:#333;background-color:#fff;border:1px solid #ddd;}
.pagination>li>a:focus, .pagination>li>a:hover, .pagination>li>span:focus, .pagination>li>span:hover {z-index:2;color:#333;background-color:#eee;border-color:#ddd;}

.ui-autocomplete-loading {background: #fff url("/resources/images/loading-16x16.gif") right center no-repeat;}

.scrollBtn {background: rgb(255, 204, 0);border-radius: 50px;width: 50px;height: 50px;text-align: center;color: rgb(255, 0, 0);line-height: 50px;font-size: 1.6em;position: fixed;z-index: 1000;}
.scrollBtn.up {right:20px;bottom:125px;}
.scrollBtn.dw {right:20px;bottom:70px;}

.table-responsive {max-height:400px;}

.w34 {width:34%;}
.w33 {width:33%;}