#precision-div,
#contour-div {    
    width: calc(100vw - 10px);
    height: calc(100vh - 80px);
    min-height: 500px;
    margin: 5px;
    /* padding: 5px; */
    float: left;    
    /* overflow: auto;     */
    
}

.td-padding{
	width: 20px;
}

#contour-div .card{
    min-height: 600px;
}

#precision-div
{
    display: none;
}

#file-info-div,
#div-repair  {
    /* width: calc(100% - 470px); */
    width: calc(50vw - 10px);
    height: calc(100vh - 80px);
    min-width: 400px;
    min-height: 600px;
    margin: 5px;
    float: left;
    /* border: 1px solid #17a2b8; */
    /* overflow: auto; */
}

.file-list-div{
    min-height: 200px;
    max-height: 200px;
    overflow: auto;
}


.menu-title {

    color: #EAEAEA;
    text-align: center;
    font-weight: 800;
    padding: 5px;
}

.navbar {
    font-family: '맑은고딕', 'Malgun Gothic','나눔고딕','굴림','gullim';
}

#list-table tr {
    cursor: pointer;
    font-size: 14px;
    text-align: center;
}

.remove-td{
    text-align:center;
}

.trash-icon {
    width:1rem;
    height: 1rem;
    display: inline-block;
    content: "";
    background-image: url('data:image/svg+xml,<svg class="bi bi-trash" width="1em" height="1em" viewBox="0 0 16 16" fill="currentColor" xmlns="http://www.w3.org/2000/svg">    <path d="M5.5 5.5A.5.5 0 0 1 6 6v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm2.5 0a.5.5 0 0 1 .5.5v6a.5.5 0 0 1-1 0V6a.5.5 0 0 1 .5-.5zm3 .5a.5.5 0 0 0-1 0v6a.5.5 0 0 0 1 0V6z"/>    <path fill-rule="evenodd" d="M14.5 3a1 1 0 0 1-1 1H13v9a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V4h-.5a1 1 0 0 1-1-1V2a1 1 0 0 1 1-1H6a1 1 0 0 1 1-1h2a1 1 0 0 1 1 1h3.5a1 1 0 0 1 1 1v1zM4.118 4L4 4.059V13a1 1 0 0 0 1 1h6a1 1 0 0 0 1-1V4.059L11.882 4H4.118zM2.5 3V2h11v1h-11z"/>  </svg>');
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
}

.list-col-filename{
    max-width:130px;  text-overflow:ellipsis; overflow:hidden; white-space:nowrap;
}

.content {
    width: calc(100vw - 100px);
    min-width: 880px;
    max-width: 1680px;
    margin: 15px auto 0 auto;
}

.card{
    font-size: 16px;
    /* font-weight: 800; */
    font-family: '맑은고딕', 'Malgun Gothic','나눔고딕','굴림','gullim';
    height: calc(100vh - 80px);
    width: calc(50vw - 80px);
    min-width: 300px;
    max-width: 800px;
}

.card-header{
    font-weight: 800;
}

.card-body{
    overflow: auto;       
    font-size: 12px;
    font-family: '맑은고딕', 'Malgun Gothic','나눔고딕','굴림','gullim'; 
    /* width: 100%;
    height: calc(100vh - 150px);
    overflow: auto;    
    font-weight: 400; */
}

	a:link {
    text-decoration: none;
    color:inherit;
  }
  
  a:visited {
    text-decoration: none;
    color:inherit;
  }
  
  a:hover {
    text-decoration: underline;
    color:inherit;
  }
  
  a:active {
    text-decoration: underline;
    color:inherit;
  }
  
  .contour-region-row.active,
  .precision-region-row.active
  {
  	background-color: #cacaca;
  	font-weight:800;
  }
  
  

  .contour-sector-row,
  .precision-sector-row {
  	width: 100%;
  	height: 100px;  
  	display:none;	
  	border:1px solid #EAEAEA;
  }
  
  .contour-sector-row.active,
  .precision-sector-row.active{
  	display:table-row;
  }
  
  .contour-sector-list,
  .precision-sector-list {
  	width: 100%;  	
  }
  
  
  .contour-sector-list th,
  .precision-sector-list th{
  	text-align: center;
  }
  
  .contour-sector-list td,
  .precision-sector-list td{
  	text-align: center;
  }
  
  .modal-header{
  	background-color: #EAEAEA;
  	
  }
  
  .modal-body table{
  	width: 100%;  	
  }
  
  .modal-body th{
  	width: 30%;
  	text-align: center;
  	font-weight: 800;
  	font-size: 15px;
  }
  
  .modal-body td{
  	width: 70%;  	  	
  }
  
  .modal-body input{
  	width: 100%;
  	height: 24px;
  	border: 1px solid #cacaca;
  }
  

  
  .modal-body .file-btn{
  	margin-bottom: 5px;
  }
  
  .modal-body form{
  	padding: 5px;
  }
  
      .restore-icon {
    width:1rem;
    height: 1rem;
    display: inline-block;
    content: "";
    background-image: url( 'restore_icon.png');
    background-repeat: no-repeat;
    background-size: 1rem 1rem;
	}
	#hide-delete-text{
		font-size:10px; font-weight:normal;
	}
	 .input-hint {
    	color: #cc4455;
	}	
	
	tbody td{
	height: 18px;
	}
	
	tfoot td{
		font-size: 18px; font-weight: 200;
		color: #999999;
		text-align: center;				
	}
	
	.cpage, .dpage{
		border: 1px solid gray;
		border-radius : 4px;
		min-width: 40px;
		display: inline-block;
		vertical-align: middle;
		user-select: none;
	}
	
	.cpage{
		font-size: 18px; font-weight: 800;
		color: #fff;
		text-align: center;
		background-color: #007bff;	
		border-color:#007bff;	
	}
	
	.dpage{
		font-size: 18px; font-weight: 400;
		color: #999999;
		text-align: center;		
	}
	
	.dpage:hover{		
		background-color: #007bff;
		color: #fff;
		opacity:0.7;
		
	}
  
  	#div-wait{
	    left:0;
	    top:0;
	    width:100%;
	    height:100%;
	    position:absolute;       
	    z-index:9999;
	    display:none;   
	}
	
	
	#div-wait-back{
	    position: absolute;
	    background-color:black;
	    opacity: 0.4;        
	    left:0;
	    top:0;
	    width:100%;
	    height:100%;
	    pointer-events: none;
	}
	
	#div-wait-icon{    
	    margin: 200px 48% 0px 48%;
	    width: 80px;
	    height: 80px;
	}
  
  
  

  
/*파일 업로드 관련*/
  .modal-body .file-table-title{  	
  	padding: 10px;  	
  }
  
  .modal-body .file-table-buttons{
  
  	text-align: right;
  }
  
.file-table-buttons .file-select{
	height:0px;
	display:none;
}  
  
.modal-body .file-table-box{
  	display: block;
  	border: 1px solid #cacaca;
  	width: 100%;
  	height: 200px;  	
  	overflow: auto;  	  	
  } 


.file-table-box .file-list {
    height: 200px;
    overflow: auto;
    border: 1px solid #989898;
    padding: 10px;
}
.file-table-box .file-list .filebox p {
    font-size: 14px;
    margin-top: 10px;
    display: inline-block;
}
.file-table-box .file-list .filebox .delete i{
    color: #ff5353;
    margin-left: 5px;
}

  .file-list th{
  	border: 1px solid #cacaca;
  	background-color: #eaeaea;
  }
  
  
  .file-list td{
  	text-align: center;
  }
  
  .file-list .delete{
  	cursor:pointer;
  }
/*파일 업로드 관련 끝*/