@import url(https://cdn.jsdelivr.net/gh/moonspam/NanumSquare@1.0/nanumsquare.css);

	.outbtn {background-color: #c7957c;}
//	.savebtn {background-color: #fb5650;}
	.savebtn {background-color: #fff;}
	.delbtn {background-color: #c7957c;}
	.closebtn {background-color: #6f6400;}
	.excelbtn {background-color: #18a05e;}
	.printbtn {background-color: #39b5f6;}
	.chkbtn {font-size:11pt;padding:2px 4px;}
	.ctlbtn {float:right;margin-top:0px;margin-right:10px;}
	.menubtn {font-size:13px;color:#333333;min-width:100px;height:32px;background-color:#fff;border:1px solid #999999;font-family:'NanumSquare';}
	.menubtn:hover{background-color:#f0f0f0;border:1px solid #999999;}

	.tablebtn {
		background-color: #008CBA; /* Blue */
		border: none;
		border-radius: 2px;
		color: white;
		padding: 2px 4px;
		text-align: center;
		text-decoration: none;
		display: inline-block;
		font-size: 12px;
		cursor: pointer;
	}
	.closex {
		float:right;
		font-size:24px;
		margin-top:5px;
		margin-right:10px;
		color:#858585;
		cursor:pointer;
	}
	.boxtitle {
		font-size:18px;
		weight:800;
		color:blue;
	}
	.smtitle {font-size:22px;font-weight:400;padding:20px;color:#333333;}
	.smpath {float:right;font-size:13px;color:#999999;;font-weight:400;padding:20px;padding-right:0px;margin-top:-4px;}
	.mustin {color:#dc4040;font-size:12px;}
	.pgo {float:left;padding:10px;cursor: pointer;font-size:16px;width:20px;text-align:center;}
	.error {color:red;padding-left:4px;}
	.datatable  {
		border: 1px solid #3a3a3a;
		padding:0px;
		border-spacing: 0;
	}	
	.datatable th {
		padding: 6px 2px;
		height:25px;
		box-sizing:border-box;
		font-size:12px;
		font-weight:400;
	//	background-color: #daf1f3;
		background-color: #dbe3ed;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.datatable td {
		text-align: center;
		padding: 6px 2px;
		height:25px;
		box-sizing:border-box;
		font-size:12px;
		border-bottom: 1px solid #ccc;
		border-right: 1px solid #ccc;
	}
	.infotable  {
		border: 0px solid #3a3a3a;
		border-top: 2px solid #3a3a3a;
		padding:0px;
		border-spacing: 0;
	}	
	.infotable th {
		padding: 10px 2px;
		height:44px;
		box-sizing:border-box;
		font-size:13px;
		font-weight:800;
		color:#999999;
		text-align:left;
		border-bottom: 1px solid #ccc;
	}
	.infotable td {
		text-align: left;
		padding: 4px 2px 4px 10px;
		height:44px;
		box-sizing:border-box;
		font-size:14px;
		color:#333333;
		border-bottom: 1px solid #ccc;
		border-left: 1px solid #ccc;
	}	
	.datalist  {
		border-top: 2px solid #7b829a;
		padding:0px;
		border-spacing: 0;
	}	
	.datalist th {
		font-size:13px;
		font-weight:800;
		color:#999999;
		padding: 6px 0px;
		height:20px;
		box-sizing:border-box;
		text-align:center;
		border-bottom: 1px solid #ccc;

	}
	.datalist td {
		color:#333333;
		font-size:14px;
		text-align: center;
		padding: 10px 0px;
		height:25px;
		box-sizing:border-box;
		border-bottom: 1px solid #ccc;
	}
	.tdright {
		text-align: right;
		padding:10px;
	}
	.tdcenter {
		text-align: center;
		padding: 10px 2px;
	}
	.tdrn { border-right:0px;}

	.sjtitle {
		font-weight:800;
		font-size:14px;
		color:#115bcb;
	}
	.sjmenu {
	/*	float:left;*/
		margin-left:100px;
	}
	.sjfont {font-size:14px;color:#888;font-weight:800}
	.sjfontchk {font-size:14px;color:#333;font-weight:800}
	.sjfont1 {font-size:14px;color:#888;font-family:NanumSquareEB}
	.sjfontchk1 {font-size:14px;color:#333;font-family:NanumSquareEB}

	// table 내 input
	.inwp input[type="text"],input[type="date"]{width:100%;border:0px;}
	.inwp input[type="number"]{border:0px;margin:0px;height:27px;}
	.inwp select{width:100%;border:0px;}
	.inwp td{padding:0px;text-align:left;}
	.input-body-head {
		color: #333333;
		background-color: #fde3ae;
		border-color: transparent;
	    padding: 10px 15px;
		border-bottom: 1px solid transparent;
		border-top-right-radius: 3px;
		border-top-left-radius: 3px;
		font-weight: bold;
	}
	.input-body {
		padding: 15px;
	}
	.input-line {
		position: relative;
		margin-left: -15px;
		margin-right: -15px;
		width:100%;
	}

	.input-c1 {
		font-size:14px;
		background: #f7f8fb;
		height:16px;
		width:90%;
		border:1px solid #3366CC; 

	 }
	.email-wrap {
		position: relative;
	}
	.hidden {
		display: none !important;
	}

.loader {
		z-index:1000;
	  position:fixed;
	  top:50%; left:50%;
	  border: 16px solid #f3f3f3;
	  border-radius: 50%;
	  border-top: 16px solid #3498db;
	  width: 20px;
	  height: 20px;
	  -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); }
	}