/* a 태그 drag 막기 */
a {
  user-select: none;
  -webkit-user-drag: none; /* Safari */
}

btn {
  user-select: none;
  -webkit-user-drag: none; /* Safari */
}

.modal div{
  user-select: none;
  -webkit-user-drag: none; /* Safari */
}

.modal img {
  user-select: none;
  -webkit-user-drag: none; /* Safari */
}

#groupMenu img {
  user-select: none;
  -webkit-user-drag: none; /* Safari */
}

.slide-panel img {
  user-select: none;
  -webkit-user-drag: none; /* Safari */
}


/* -----------------------일반 css[start]------------------------ */
img {
  /* 모든 이미지 사각형 round (부트스트랩 CSS 적용) */ 
  border-radius: var(--bs-border-radius) !important;  	
}

.btn {
	min-width:70px;
}		
.card {
	border-top:2px solid black;
}	
	
.table thead th {
    background: #f5f5f5;
}		
.table tbody th {
	background: #f5f5f5;
}
.center th {
	text-align:center;
	vertical-align: middle;
}
.center td {
	text-align:center;
	vertical-align: middle;
}

.centerTh th {
	text-align:center;
	vertical-align: middle;
}

.centerTd td {
	text-align:center;
	vertical-align: middle;
}			
						
.td-bg-red {
	background:#F23D4C !important;
}

.td-bg-blue {
	background:#2e508d !important;
}

.td-bg-gray {
	background:#d8d8d8 !important;
}

.td-bg-green {
	background:#008080 !important;
}

.td-bg-sky {
	background:#b0daea !important;
}

.tr-bg-red td {
    background: #F23D4C !important;
}

.tr-text-red td {
    color: #F23D4C !important;
}

.sub-text {
	font-weight: 500;	
	font-size:13px;	
	color:#6c757d;
}
.sub-text-red {
	font-weight: 500;	
	font-size:13px;	
	color:#d90d0d;
}
.sub-text-blue {
	font-weight: 500;	
	font-size:13px;	
	color:#5353c8;
}
		
.text-center {
    vertical-align: middle;
}

.text-red {
	color:#d90d0d;
}
.text-blue {
	color:#5353c8;
}

.bg-red {
	margin:0px;
	padding:0px;			
	background-color:#d90d0d;
}
.bg-blue {
	margin:0px;
	padding:0px;
	background-color:#5353c8;
}

.not-pm {
	padding :0px;
	margin:0px;
}
							
#aside {
    width: 230px;
    flex: 0 0 230px;
}

.hover-red:hover {
    color: red;
 }				 

td {
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}

select {
    text-transform: none;
    width: 100%;
}

[data-picker=date], [data-picker=datetime] {		   
    width: 100%;
    display: inline-block;
}

.tP15 td{
    padding: .2rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
	font-size: 13px;
	height: 40px;
}		
.tP15 th {
    padding: .25rem;
    vertical-align: middle;
    border-top: 1px solid #dee2e6;
	font-size: 13px;
	height: 40px;
}

.fs-12  { font-size : 12px } 
.fs-14  { font-size : 14px }
.fs-16  { font-size : 16px }
.fs-18  { font-size : 18px }
.fs-20  { font-size : 20px }
.fs-22  { font-size : 22px }
.fs-24  { font-size : 24px }
.fs-26  { font-size : 26px }
.fs-28  { font-size : 28px }
.fs-30  { font-size : 30px }
.fs-35  { font-size : 35px }
.fs-40  { font-size : 40px }
.fs-45  { font-size : 45px }
.fs-50  { font-size : 50px }
.fs-55  { font-size : 55px }
.fs-60  { font-size : 60px }
.fs-70  { font-size : 70px }
.fs-80  { font-size : 80px }
.fs-90  { font-size : 90px }
.fs-100  { font-size : 100px }

.w-15  { width : 15px ; min-width : 15px } 
.w-20  { width : 20px ; min-width : 20px } 
.w-25  { width : 25px ; min-width : 25px }
.w-30  { width : 30px ; min-width : 30px } 
.w-35  { width : 35px ; min-width : 35px } 
.w-40  { width : 40px ; min-width : 40px } 
.w-45  { width : 45px ; min-width : 45px } 
.w-50  { width : 50px ; min-width : 50px } 
.w-60  { width : 60px ; min-width : 60px } 
.w-70  { width : 70px ; min-width : 70px } 
.w-80  { width : 80px ; min-width : 80px } 
.w-90  { width : 90px ; min-width : 90px } 
.w-95  { width : 95px ; min-width : 95px } 
.w-100 { width : 100px; min-width : 100px }
.w-105 { width : 105px; min-width : 105px }
.w-110 { width : 110px; min-width : 110px }
.w-120 { width : 120px; min-width : 120px }
.w-150 { width : 150px; min-width : 150px }
.w-200 { width : 200px; min-width : 200px } 

.scroll-200 {  max-height: 200px; overflow-y: auto; overflow-x: hidden;}
.scroll-300 {  max-height: 300px; overflow-y: auto; overflow-x: hidden;}
.scroll-400 {  max-height: 400px; overflow-y: auto; overflow-x: hidden;}
.scroll-500 {  max-height: 500px; overflow-y: auto; overflow-x: hidden;}
.scroll-600 {  max-height: 600px; overflow-y: auto; overflow-x: hidden;}
.scroll-700 {  max-height: 700px; overflow-y: auto; overflow-x: hidden;}
.scroll-800 {  max-height: 800px; overflow-y: auto; overflow-x: hidden;}

.modal-w-200{   --bs-modal-width: 200px;}
.modal-w-300{   --bs-modal-width: 300px;}
.modal-w-380{   --bs-modal-width: 380px;}
.modal-w-400{   --bs-modal-width: 400px;}
.modal-w-500{   --bs-modal-width: 500px;}
.modal-w-600{   --bs-modal-width: 600px;}
.modal-w-700{   --bs-modal-width: 700px;}
.modal-w-800{   --bs-modal-width: 800px;}
.modal-w-900{   --bs-modal-width: 900px;}
.modal-w-1000{   --bs-modal-width: 1000px;}
.modal-w-1100{   --bs-modal-width: 1100px;}
.modal-w-1200{   --bs-modal-width: 1200px;}
.modal-w-1300{   --bs-modal-width: 1300px;}
.modal-w-1400{   --bs-modal-width: 1400px;}

.modal-h-400{   height: 400px;}
.modal-h-500{   height: 500px;}
.modal-h-600{   height: 600px;}
.modal-h-700{   height: 700px;}
.modal-h-800{   height: 800px;}
.modal-h-900{   height: 900px;}
.modal-h-1000{  height: 1000px;}
.modal-h-1100{  height: 1100px;}
.modal-h-1200{  height: 1200px;}
.modal-h-1300{  height: 1300px;}
.modal-h-1400{  height: 1400px;}

.modal-footer > button {
    min-width: 80px;
}

.sign-pad{
	border:1px solid #d8d8d8; 
	background-color: #d8d8d8;
	height:150px;
	padding:10px;
	color:#969191
}

.no-br td{ 
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
	max-width:140px;
}
.no-br th{  
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
}
/* -----------------------일반 css[end]------------------------ */

/* ------------------datepicker css[start]--------------------- */
.flatpickr-calendar{
	width:330px
}
.flatpickr-month{
	margin-top : 10px;
}
.flatpickr-prev-month{
	margin-top : 5px;
}
.flatpickr-next-month{
	margin-top : 5px;
}
.flatpickr-rContainer{
	padding:10px;
}
/* ------------------datepicker css[end]---------------------- */