.blue { color:#0175b8 !important; }






.calendarTbl { 
	margin-left:auto; margin-right:auto; margin-bottom:40px; text-align:center; box-sizing:border-box;width:98% !important; border-top:2px solid #666;
	border-left:1px solid #e2e2e2 !important;box-sizing:border-box;  border-right:1px solid #e2e2e2 !important;
}
.calendarTbl tr th {
	font-weight:600; font-size:14px; padding:3px; border-bottom:1px solid #e2e2e2;
	height:24px; box-sizing:border-box; padding:10px 0px; background:#ccc; color:#fff;
}	
.calendarTbl tr th span { font-size:11px; font-weight:normal;  padding-top:2px;color:#999;  }
.calendarTbl tbody td {
	border-left:1px solid #ccc; font-size:12px; color:#777; box-sizing:border-box; border-bottom:1px solid #ccc; text-align:left; vertical-align:top; /*width:14%;*/ 
} 
.newtd { background:#fff; }
.bgcal { cursor:pointer; width:100%; height:26px !important; /* overflow:hidden; white-space:nowrap; text-overflow: ellipsis;  */
	word-wrap: break-word; padding:0 !important; 
}

.calendar_detail_view { display:none; border:1px solid #888 !important;  overflow:hidden; z-index:20;}
.calendar_detail_view h2 { 
	background:#f6f6f6; padding:0px 20px; line-height:55px; font-weight:bold; border-bottom:1px dotted #bbb; color:#f85d51; position:relative; z-index:30; 
}
.calendar_detail_view h2 i {color:#f23d2f;}
.indetail {padding:20px 10px; height:250px; overflow-y:scroll; }

.calendar_detail_view p{ font-size:14px; margin:10px 20px; }
.calendar_detail_view dl {overflow:hidden; width:100%; box-sizing:border-box; background: #f6f6f6 ; border-bottom: 1px dotted #bbb; padding:15px 25px; }
.calendar_detail_view dt {font-size:18px;overflow:hidden; float:left; color: #f85d51; font-weight:bold; }
.calendar_detail_view dt i { font-size:18px; color: #f85d51; font-weight:bold; }
.calendar_detail_view dd.close{ float:right; overflow:hidden; }
.calendar_detail_view dd.close img { 
	height:16px; border:1px solid blue; 
	filter:alpha(opacity=40); opacity:.40; z-index:99;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=40);
}
.calendarTbl  strong.day {font-weight:800; }


/*웹*/
@media (min-width: 1024px) {
	.calendarMove { padding:0px 0 0; text-align:center; }
	.calendarMove  strong {font-size:33px; font-weight:800; padding:0px 30px; line-height:80px; }
	.calendarMove  a i{font-size:30px; color:#fff;   line-height:50px;  width:50px;  background-color:#259e89; border-radius:25px;   }
	.calendarTbl tbody td  {height:175px;}
	.calendar_detail_view  {position:fixed; top:30%; width:40% !important; left:30%; margin:0px !important;}
	.calendarTbl tbody td {padding:10px 10px; } 
	.calendarTbl  strong.day {font-size:16px; padding-bottom:10px; display:inline-block;}
}




/*패드*/
@media (min-width:641px) and (max-width:1023px) {
	.calendarMove { padding-bottom:40px; }
	.calendarMove  strong {font-size:18px; font-weight:800; padding:0px 30px; line-height:40px; }
	.calendarMove  a i{font-size:26px;  line-height:40px;}
	.calendar_detail_view  {position:fixed; top:600px; width:70% !important; left:15%; margin:0px !important;}
	.calendarTbl tbody td  {height:155px;}
	.calendarTbl tbody td {padding:10px 10px; } 
	.calendarTbl  strong.day {font-size:15px; padding-bottom:10px; display:inline-block;}
}

/*모바일*/
@media (max-width:640px) {	
	.calendarMove { padding-bottom:10px; }
	.calendarMove  strong {font-size:18px; font-weight:800; padding:0px 30px; line-height:40px; }
	.calendarMove  a i{font-size:26px;  line-height:40px; }
	.calendarTbl table{border-right:1px solid #bbb; margin-top:none;}
	.calendarTbl tr, .calendarTbl td {overflow:visible; }
	.calendar_detail_view  {position:absolute; top:30px; width:90% !important; left:5%; margin:0px !important;}
	.calendar_detail_view dt {font-size:14px; }
	.calendar_detail_view p {font-size:12px; margin:5px 5px !important;}
	.calendar_detail_view dl { padding: 10px 15px; }
	.indetail { padding:5px; }	
	.calendarTbl table, .calendarTbl thead, .calendarTbl tbody, .calendarTbl th, .calendarTbl td, .calendarTbl tr { 
		display: block; 
	}
	
	
	.calendarTbl thead  {  display:none; }
	.calendarTbl td { 
		
		border: none; position: relative; height:auto !important; border-left:none !important; padding:10px; !important; 
		width:98%;  box-sizing: border-box;
	}
	.calendarTbl td:nth-child(2n) {background:#f2f2f2;}
	.calendarTbl td:nth-child(2n-1) {background:#fff;}
	.calendarTbl td > font, .calendarTbl td {font-size:13px !important; font-weight:600; line-height:30px;}
	.calendarTbl tbody td li{font-size:12px;} 
	.calendarTbl td:before { 
		
		position: absolute;
		
		top: 10px; left: 16px; white-space: nowrap;
	}

	.calendarTbl th:nth-of-type(1):before { content: "Sun";  }
	.calendarTbl th:nth-of-type(2):before { content: "Mon";  }
	.calendarTbl th:nth-of-type(3):before { content: "Tue"; }
	.calendarTbl th:nth-of-type(4):before { content: "Wed"; }
	.calendarTbl th:nth-of-type(5):before { content: "Thu"; }
	.calendarTbl th:nth-of-type(6):before { content: "Fri"; }
	.calendarTbl th:nth-of-type(7):before { content: "Sat";  color:#0175b8;}
	.calendarTbl strong.day {
		border-radius:50%; display:inline-block;  text-align:center; color:#fff;
		width:30px !important;  line-height:30px !important; background:#aaa; margin-bottom:10px;  font-size:11px;
	}
	/*
	.calendarTbl td:nth-of-type(7)  strong.day{color:#fff !important; background:#62a2ea;}
	.calendarTbl td:nth-of-type(1)  strong.day{ color:#fff !important; background:#fb4e5a; }
	*/
	.calendarTbl td strong.day1{ color:#fff !important; background:#fb4e5a; }
	.calendarTbl td strong.day2{ color:#fff !important; background:#62a2ea;}
	.calendarTbl td strong.day3{ color:#fff !important; background:#ccc; }

	
	.calendarTbl td strong.day font{ color:#fff !important; }
}


.border-red { background-color:#019139; color:#fff; }
.ui-widget-overlay { background-color:#111 !important; opacity:0.5 !important; }
.modal_box { height:120px; overflow-y:scroll; }
#calendal_detail { display:none; }
#calendal_detail dt{  float:left; width:20%; font-weight:bold; line-height:30px; text-align:right; }
#calendal_detail dd{  float:right; width:78%; line-height:30px; margin-left:1%; }



.ui-button-text { padding:0 !important; border:0 !important; }