@charset "utf-8";

.w100{
	width: 100% !important;
}
.txt-c{
	text-align: center !important;
}
.txt-l{
	text-align: left !important;
}
.txt-r{
	text-align: right !important;
}

 	* {
		word-break: keep-all;
		margin: 0;
		padding: 0;
		box-sizing: border-box;
		font-family: 'Nanum Gothic', sans-serif;
	}
		    
	.logo {
		max-width: 1200px;
		margin: 15px auto 0;
		padding:0 10px;
		display: flex;
		justify-content: space-between;
		align-items: center;
	} 
	
	 h1 {
		 text-align:center; 
		 font-size:17px; 
		 padding-top: 15px; 
		 font-weight: bold !important;
		 }
		 
	 h2 {
		 font-size: 25px;
		 font-weight: bold;
		 padding-left: 5px;
		 margin: 20px 0 25px;
		 } 
		
	h3 {
		border-bottom: 1px solid #000;
		padding: 0 0 7px 2px;
		margin: 10px 0;
		text-indent: 5px;
		font-size: 	18px;
		font-weight: bold;
	}
	
	h4 {
		text-indent: 10px;
		font-size: 15px;
		font-weight: bold;
		background: #e7eaf0;
		padding:5px 0;
		width: 97%;
   		margin: 20px auto 0;
	}	 
		
	p {
		margin-bottom:5px !important;
	}	 
	
	.navimenu {
		position: absolute;
		top: 100%;
		right: 60%;
		transform: translateX(50%);
		width: 150px !important;
		font-size:14px;
		margin: 3px 20px 0 0;
		display: none;
		text-align: left;
		transition: all 2s;
		}
		
	.navimenu > a:hover {
		  background-color: #dee2e6;
		}
		
	.navihover:hover .navimenu {
		  display: inline-block;
	 	}
	 	
	.inputerror {
		border: 1px solid #f00 !important;
	}
	
	.spanerror {
		  color:#f00; 
		  font-size:12px; 
		  position: absolute; 
		  top: 90%; 
		  left: 10px;
		}
		
	.inner {
		 max-width: 1000px;
		 margin: 0 auto 70px;
	}	

	.pwinner {
		  max-width:1000px;
		  margin: 0 auto;
		    }
	
	table {
		margin : 10px 10px 45px;
		white-space: nowrap;
	}
	
	td {
		padding:0 20px 0 40px;
	}
		 
	input:not([type=checkbox], [type=radio]) {
		 margin: 8px 0px 8px 15px;
		 font-size:13px;
		 padding: 5px 10px;
		 border: 1px solid #d3d3d3;
		 border-radius: 3px;
		 width: 180px;
	}
	
	select {
		width : 180px;
		margin: 5px;
		font-size:14px;
		padding : 5px 10px;
		border-radius: 3px;
		border:1px solid #d3d3d3;
		line-height: 1.5;
	}
		    
	textarea {
		font-size:14px;
		padding : 15px;
		border: 1px solid #d3d3d3;
		border-radius: 3px;
		width:100%; 
		height: 100%; 
		margin-bottom: 20px;
	}
	
	.btn {
		border-radius: 3px !important;
	}
	
	.bcolor {
		border-color:#13a15a !important;
		padding: 0;
	}
	
	
	input:focus , select:focus , textarea:focus {
		outline: none;
	}
	
	input:-webkit-autofill,
	input:-webkit-autofill:hover,
	input:-webkit-autofill:focus,
	input:-webkit-autofill:active {
		transition: background-color 5000s ease-in-out 0s;
		-webkit-transition: background-color 9999s ease-out;
	}
				
	
	 .grid {
		border-top: 2px solid #39815d;
		margin: 20px 0 40px !important;
		font-size: 13px; 
		text-align: center;
	}
			
	.grid td{
		border-bottom: 1px solid #ddd;
		padding: 10px 15px !important;
	}
	
	.grid th{
		background-color: #fafafa;
		border-bottom: 1px solid #ddd !important;
		border: none;
		padding: 10px 15px !important;
	}
			
	.gridtext {
	    vertical-align:middle;
	}
	
	.fix {
		position: fixed; 
		bottom: 0; 
		left: 0; 
		justify-content: center; 
		width:100%; 
		padding: 15px 0 20px;
		background:#fff;
	}   
	
	.btn-primary:hover {
		--bs-btn-hover-bg: #45aaf2;;
		--bs-btn-hover-border-color: #45aaf2;;
		--bs-btn-active-bg: #45aaf2;;
    	--bs-btn-active-border-color: #45aaf2;;
	}
	
	input:disabled {
		border:none !important;
		background-color: #f4f4f4 !important;
		padding: 6px 10px 5px;
	}
			
	.btn-primary {
		background-color: #45aaf2; 
		border-color: #45aaf2;
	}
	 
	.page-link {
		color:#525252;
	}	
		
	.pagination {
	    --bs-pagination-font-size: 14px;
	    --bs-pagination-hover-color: #fff;
	    --bs-pagination-hover-bg: #8ac833;
	    --bs-pagination-hover-border-color: #dee2e6;
	    --bs-pagination-focus-color: #fff;
	    --bs-pagination-focus-bg: #8ac833; 
	    --bs-pagination-focus-box-shadow: none;
	    --bs-pagination-active-color: #fff;
	    --bs-pagination-active-bg: #8ac833;
	    --bs-pagination-active-border-color: #8ac833; 
	}			
		
		
	/* 반응형 */	
	 @media (max-width:1232px) {  
			.logo {
	   		padding:0 25px 0 0;
	    } 
	}
	
	/* login */
	.divmargin {
		margin-top:200px; 
		margin-bottom:50px;
	}
	
	@media (max-width:1540px) {  
		.divmargin {
		margin-top:130px !important; 
		margin-bottom:120px !important;
		}
	}
		 
	.d_login h2 {
		padding-left: 0px;
		margin-top: 1.5rem !important;
		margin-bottom: 33px !important;
	}
	
	.d_login input  {
		margin: 0 0 10px!important;
        padding : 3px 10px !important;
        border:none !important;
		border-bottom: 1px solid #999 !important;
        width: 100% !important;
		border-radius: 0px !important;
	}
		
	.d_login form{
		padding: 10px 45px 25px;
	} 
	
/* datepicker */
.ui-datepicker-trigger{
	position: relative;
    margin-left: -22px;
    width: 16px;
    margin-bottom: 3px;
}
.ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year {
    width: 45% !important;
}

.div_attch{
	margin:0 83px 15px 83px;
}

.div_attch #btn_upload{
	display:none;
}

.div_attch label{
	border: 1px solid #13a15a;
    color: #13a15a;
    background: #fff;
    width: 100%;
	border-radius: 3px !important;
	cursor: pointer;
    text-align: center;
    padding-top: 5px;
    padding-bottom: 5px;
}

#canva-default{
	width: 300px;
    height: 300px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    z-index: 1;
}

.toast {
    color: #0f5132;
    background-color: #d1e7dd;
    border-color: #badbcc;
}

.btn-bw{
	font-size: 13px;
    width: 140px;
    font-weight: bold;
    background: #ffffff;
    color: #45aaf2;
    border: 1px solid #45aaf2;
}

input.view{
    margin-left: 30px;
    border: none;
    cursor: default;
}

textarea {
    width: 100%;
    height: 400px;
    resize: none;
}

/* Center the loader */
#loader_bg{
	width: 100%;
    height: 100%;
    position: absolute;
    z-index: 99;
    background-color: rgb(255 255 255 / 50%);
}
#loader {
  position: absolute;
  left: 50%;
  top: 50%;
  z-index: 1;
  width: 120px;
  height: 120px;
  margin: -76px 0 0 -76px;
  border: 16px solid #f3f3f3;
  border-radius: 50%;
  border-top: 16px solid #3498db;
  -webkit-animation: spin 2s linear infinite;
  animation: spin 2s linear infinite;
}

@-webkit-keyframes spin {
  0% { -webkit-transform: rotate(0deg); }
  100% { -webkit-transform: rotate(360deg); }
}

@keyframes spin {
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}

/* Add animation to "page content" */
.animate-bottom {
  position: relative;
  -webkit-animation-name: animatebottom;
  -webkit-animation-duration: 1s;
  animation-name: animatebottom;
  animation-duration: 1s
}

@-webkit-keyframes animatebottom {
  from { bottom:-100px; opacity:0 } 
  to { bottom:0px; opacity:1 }
}

@keyframes animatebottom { 
  from{ bottom:-100px; opacity:0 } 
  to{ bottom:0; opacity:1 }
}

#myDiv {
  display: none;
  text-align: center;
}

.d_body{
	margin-bottom: 59px;
}
#paging_div{clear:both;position:relative;}
#paging_div .paging_align{
	clear: both;
    margin: 0 auto;
    padding-top: 16px;
    text-align: center;
    width: 800px;}
.paging_align .first{border:medium none;padding:0px;}
.paging_align li{display:inline;border-right:1px solid #dddddd;padding-left:3px;padding-right:10px; vertical-align:middle;}
.paging_align li a{color:#666666;}
.paging_align li a:hover{color:#0958A5;font-weight:bold;}
.paging_align a:active{color:#0958A5;} 
.paging_align a:visited{color:#0958A5;}