.div_circle {
	background-color: black;
	width: 40%;
	height: 40%;
	border-radius: 100px;
	margin: 0 auto;
}


.td_day {
	width: 14%; border: 1px solid #DDDDDD; vertical-align: top; padding-left: 5px; padding-right: 5px;
}


@media screen and (max-width: 750px) {
	.img_logo {
		margin-top: 10px;
		height: 30px;
	}
	
	.td_circle div {
		font-size: 10pt;
	}
	
	.td_circle {
		text-align: center;
		vertical-align: middle;
		height: 40px;
	}
	
	/* 모바일에서는 "납부 3건"을 "3건"으로 표시 */
	.span_count_label {
		display: none;
	}
	
	.td_day {
		height: 60px;
	}
	
	.div_calendar_left {
		width: 100%;
		float: left;
	}
	
	.div_calendar_middle {
		width: 0%;
		float: left;
		display: none;
	}
	
	.div_calendar_right {
		width: 100%;
		float: left;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		border-top: 1px solid #DDDDDD;
		margin-top: 15px;
	}
}


@media screen and (min-width: 751px) {
	.img_logo {
		margin-top: 5px;
		height: 40px;
	}
	
	.td_circle div {
		font-size: 18pt;
	}
	
	.td_circle {
		text-align: center;
		vertical-align: middle;
		height: 60px;
	}
	
	.div_calendar_bar {
		/*display: ;*/
	}
	
	/* 모바일에서는 "납부 3건"을 "3건"으로 표시 */
	.span_count_label {
		/*display: ;*/
	}
	
	.td_day {
		height: 100px;
	}
	
	.div_calendar_left {
		width: 75%;
		float: left;
	}
	
	.div_calendar_middle {
		width: 2%;
		float: left;
	}
	
	.div_calendar_right {
		width: 23%;
		float: right;
		border-left: 1px solid #DDDDDD;
		border-right: 1px solid #DDDDDD;
		border-top: 1px solid #DDDDDD;
	}
}


.orange_color {
	color: #FFFFFF;
	background-color: #F27935;
}


.green_color {
	color: #FFFFFF;
	/* background-color: #6B9D23; */
	background-color: #5CB85C; /* 부트스트랩 초록색 */
}


.yellow_color {
	color: #FFFFFF;
	background-color: #FFA800;
}


.red_color {
	color: #FFFFFF;
	background-color: #DE5E6B;
}


.skyblue_color {
	color: #FFFFFF;
	background-color: #509CCD;
	/* background-color: #337AB7; */ /* 부트스트랩 파란색 */
}


.purple_color {
	color: #FFFFFF;
	background-color: #827DCF;
}

.lime_color {
	color: #FFFFFF;
	background-color: #CDD307;
}


.darkgray_color {
	color: #FFFFFF;
	background-color: #445162;
}


.gray_color {
	color: #FFFFFF;
	background-color: #55657B;
}


.darkwine_color {
	color: #FFFFFF;
	background-color: #856B7A;
}


.white_color {
	color: #000000;
	background-color: #FFFFFF;
}


.div_calendar_bar {
	margin-top: 4px;
	border-radius: 5px;
	padding-left: 2px;
	font-size: 10pt;
	font-weight: 300;
}


.div_calendar_bar span {
	color: #FFFFFF;
}


.div_calendar_bar_ndisplay {
	display: none;
}


.div_amount {
	float: left; width: 11%; height: 21px; overflow: hidden;
}


.div_amount_left {
	border-top-left-radius: 10px;
	border-bottom-left-radius: 10px;		
}


.div_amount_right {
	border-top-right-radius: 10px;
	border-bottom-right-radius: 10px;
}


.btn_logout {
	border: 1px solid #9ca2ab;
	color: #9ca2ab;
	
	background-color: #445162;
	border-radius: 3px;
	font-size: 9.5pt;
}


.btn_logout:hover {
	border: 1px solid #FFFFFF;
	color: #FFFFFF;
}




















.div_date_hidden {
	display: none;
}


/* report */
.table_report {
	 width: 100%;
	 border: 0px solid #FFFFFF;
	 border-collapse: collapse;
	 padding: 0px;
	 margin: 0px;
}

.td_report_one {
	padding-top: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
}


.td_report_date {
	color: #FFFFFF;
	background-color: #445162;
	padding: 3px;
}


.div_report_title {
	float: left;
	width: 100%;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 0px;
}


.div_report_detail {
	float: left;
	width: 100%;
	padding-left: 10px;
	padding-top: 0px;
	padding-bottom: 5px;
}


.div_pencil {
	float: right;
	/* padding-right: 10px; */
}


.div_pencil_calendar {
	float: right;
	padding-right: 10px;
}

.span_modify {
	cursor: pointer;
	margin-right: 10px;
}


.float_div_50 {
	float: left;
	width: 50%;
}

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

.float_empty {
	float: left;
	width: 100%;
	height: 1px;
	border-bottom: 1px solid #DDDDDD;
}


.div_report_header {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
}


.div_report_header2 {
	padding-top: 2px !important;
	padding-bottom: 2px !important;
	padding-left: 5px !important;
	padding-right: 5px !important;
	
	color: #FFFF00;
}


.btn_report_left {
	background-color: #509CCD;
	color: #FFFFFF;
	border: 0px solid #FFFFFF;
	width: 99%;
}


.btn_report_left:hover {
	background-color: #407DA4;
}


.btn_report_right {
	background-color: #83CEFF;
	color: #FFFFFF;
	border: 0px solid #FFFFFF;
	width: 99%;
}


.btn_report_right:hover {
	background-color: #5FB6EE;
}















/* 달력 2개 있는 모달(modal_contract_term)에서 달력 가림 방지 */
.tui-datepicker {
	z-index: 999;
}

/* modal_contract_term */
.table_select_term td {
	width: 25%;
}

/* modal_contract_term */
.div_select_term {
	width: 50px;
	height: 50px;
	border: 1px solid #445162;
	border-radius: 100px;
	line-height: 50px;
	text-align: center;
	color: #445162;
	cursor: pointer;
}








@media screen and (max-width: 750px) {
	.div_card_wrapper0,
	.div_card_wrapper1,
	.div_card_wrapper2 {
		width: 100%;
		float: left;
		
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 0px;
	}
}


@media screen and (min-width: 751px) {
	.div_card_wrapper0,
	.div_card_wrapper1,
	.div_card_wrapper2 {
		width: 50%;
		float: left;
	}
	
	.div_card_wrapper0,
	.div_card_wrapper1 {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 0px;
		padding-right: 10px;
	}
	
	.div_card_wrapper2 {
		padding-top: 10px;
		padding-bottom: 10px;
		padding-left: 10px;
		padding-right: 0px;
	}
}

.div_card {
	width: 100%;
	border: 1px solid #E0E0E0;
	min-height: 200px;
}

.div_card_header {
	border-bottom: 1px solid #E0E0E0;
	background-color: #EDF5FA;
	color : #50A7DA;
	font-weight: 500;
	padding: 10px;
}


.div_card_header_gray {
	border-bottom: 1px solid #E0E0E0;
	background-color: #EBECED;
	color : #8F97A1;
	font-weight: 500;
	padding: 10px;
}


.table_card {
	width: 100%;
	border-collapse: collapse;
	margin: 0px;
	padding: 0px;
}

.div_card_td {
	padding-left: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
}


.btn_in_card {
	background-color: #509CCD;
	color: #FFFFFF;
	border: 0px solid #FFFFFF;
	border-radius: 2px;
	padding: 7px;
	margin-right: 2px;
}


.btn_in_card:hover {
	background-color: #407DA4;
}


.btn_in_card_delete {
	/* background-color: #D9534F; */
	background-color: #939393;
	color: #FFFFFF;
	border: 0px solid #FFFFFF;
	border-radius: 2px;
	padding: 7px;
	margin-right: 2px;
}


.btn_in_card_delete:hover {
	/* background-color: #C9302C; */
	background-color: #7A7A7A;
}


.input_readonly {
	color: #919191 !important;
	background-color: #FCFCFC !important;
}