* {
	font-family: 'Noto Sans KR', sans-serif;
	letter-spacing: -1px;
	color: #454545;
}

.body {
	margin: 0px;
	padding: 0px;
	font-size: 11pt;
}

.div_all_wrapper,
.table_all_wrapper {
	width: 100%;
	max-width: 1024px;
	border: 0px solid #000000;
	margin: 0 auto;
	
	float: left;
}

@media screen and (max-width: 750px) {
	.div_all_wrapper {
		padding-left: 10px;
		padding-right: 10px;
	}
}

@media screen and (min-width: 751px) {
	.div_all_wrapper {
		padding-left: 0px;
		padding-right: 0px;
	}
}

.div_title {
	font-size: 18pt;
	font-weight: bold;
	border: 0px solid #000000;
}

/* 여백 */
.div_space {
	width: 100%;
	height: 20px;
	border: 0px solid #FFFFFF;
	
	float: left;
}

.table_info {
	width: 100%;
	border-collapse: collapse;
}



.td_11 {
	width: 11%;
/* 	text-align: left; */
	
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 8px;
	
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 1px solid #DDDDDD;
}

@media screen and (max-width: 750px) {
	.td_11 {
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 0px;
		padding-right: 0px;
	}
}

@media screen and (min-width: 751px) {
	.td_11 {
		padding-top: 8px;
		padding-bottom: 8px;
		padding-left: 8px;
		padding-right: 8px;
	}
}

.td_left {
	width: 50%;
	text-align: left;
	
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 8px;
	padding-right: 0px;
	
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 1px solid #DDDDDD;
	border-right: 0px;
}

.td_right {
	width: 50%;
	text-align: right;
	
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 8px;
	
	border-top: 1px solid #DDDDDD;
	border-bottom: 1px solid #DDDDDD;
	border-left: 0px;
	border-right: 1px solid #DDDDDD;
}

.td_center {
	text-align: center;
	
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 0px;
	padding-right: 0px;
	
	border: 1px solid #DDDDDD;
}

.div_float_wrapper {
	float: left;
	width: 100%;
}

.td_50 {
	width: 50%;
	border: 0px solid #000000;
}

.td_70 {
	width: 70%;
	border: 0px solid #000000;
}

.td_30 {
	width: 30%;
	border: 0px solid #000000;
}

.td_align_right {
	text-align: right;
}



@media screen and (max-width: 750px) {
	.div_float_left {
		float: left;
		width: 100%;
		border: 0px solid #DDDDDD;
	}
	
	.div_float_right {
		float: right;
		width: 100%;
		border: 0px solid #DDDDDD;
	}
	
	.div_float_left div {
		text-align: center;
		
		border-top: 1px solid #DDDDDD;
		border-bottom: 0px;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		
		padding: 8px;
	}
	
	.div_float_right div {
		text-align: center;
		
		border-top: 0px;
		border-bottom: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		
		padding: 8px;
	}
}


@media screen and (min-width: 751px) {
	.div_float_left {
		float: left;
		width: 50%;
		border: 0px solid #DDDDDD;
	}
	
	.div_float_right {
		float: right;
		width: 50%;
		border: 0px solid #DDDDDD;
	}
	
	.div_float_left div {
		text-align: left;
		
		border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		border-left: 1px solid #DDDDDD;
		border-right: 0px;
		
		padding: 8px;
	}
	
	.div_float_right div {
		text-align: right;
		
		border-top: 1px solid #DDDDDD;
		border-bottom: 1px solid #DDDDDD;
		border-left: 0px;
		border-right: 1px solid #DDDDDD;
		
		padding: 8px;
	}
}


.span_blue {
	color: #165ECC;
}


.span_red {
	color: #D9534F;
}


.button_basic {
	padding-top: 8px;
	padding-bottom: 8px;
	
	padding-left: 30px;
	padding-right: 30px;
	
	background-color: #FFFFFF;
	border: 1px solid #555555;
	border-radius: 5px;
	
	cursor: pointer;
}


.button_basic:hover {
	background-color: #EEEEEE;
}


.btn_skyblue {
	background-color: #F0FBFF;
	border: 1px solid #509CCD;
	border-radius: 5px;
}


.btn_normal {
	height: 30px;
	line-height: 20px;
	background-color: #FFFFFF;
	border: 1px solid #DDDDDD;
	border-radius: 3px;
	
	cursor: pointer;
}


.btn_normal:hover {
	background-color: #EEEEEE;
	border: 1px solid #BBBBBB;
}


.btn_excel {
	height: 30px;
	line-height: 20px;
	background-color: #5CB85C;
	border: 1px solid #47A347;
	border-radius: 3px;
	
	cursor: pointer;
	
	color: #FFFFFF;
}


.btn_excel:hover {
	background-color: #47A347;
	border: 1px solid #47A347;
	
	color: #FFFFFF;
}


@media screen and (max-width: 750px) {
	.btn_normal {
		padding-left: 8px;
		padding-right: 8px;
	}
	
	.btn_excel {
		padding-left: 8px;
		padding-right: 8px;
	}
}


@media screen and (min-width: 751px) {
	.btn_normal {
		padding-left: 20px;
		padding-right: 20px;
	}
	
	.btn_excel {
		padding-left: 20px;
		padding-right: 20px;
	}
}