body {
	padding-top: 40px;
}

html,
body {
	height: 100%;
}

#wrap {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -60px;
	padding: 0 0 60px;
	padding-top: 40px;
}

#footer {
	height: 60px;
	background-color: #f5f5f5;
}

.container {
	width: auto;
}

.container .credit {
	margin: 20px 0;
}

@media screen and (max-width: 768px) {
	.row-offcanvas {
		position: relative;
		-webkit-transition: all 0.25s ease-out;
		-moz-transition: all 0.25s ease-out;
		transition: all 0.25s ease-out;
	}

	.row-offcanvas-left .sidebar-offcanvas {
		left: -45%;
	}

	.row-offcanvas-left.active {
		left: 45%;
	}

	.sidebar-offcanvas {
		position: absolute;
		top: 0;
		width: 45%;
		margin-left: 10px;
	}
}

.main {
	padding-bottom: 40px;
	background-color: #fff;
}

@media (min-width: 768px) {
	.main {
		padding-right: 40px;
		padding-left: 40px;
	}
}

.main .page-header {
	margin-top: 0;
}

#wrap .nav li.nav-header {
	margin: 5px auto;
}

#wrap .nav li a {
	padding: 5px 15px;
}


/* 왼쪽메뉴 전용 */
#sidebar .list-group-item {
	padding-left: 35px;
}

#leftMenu span.glyphicon { margin-right:5px;}


/* 페이징 */
.mjpaging_comm {font-weight:bold;font-size:12px;font-family:Tahoma;line-height:14px;text-align:center;padding:10px 0;}
.mjpaging_comm em {font-style:normal;font-weight:normal}
.mjpaging_comm a.mjlink_page {color:#333}
.mjpaging_comm .mjlink_page {display:inline-block;padding:3px 6px 2px 5px;margin-right:1px;border:1px solid #eaeaea;text-decoration:none}
.mjpaging_comm .mjlink_page:hover, .mjpaging_comm em.mjlink_page {border:1px solid #cf0d0b;color:#cf0d0b;font-weight:bold}
.mjpaging_comm .mjbtn_prev, .mjpaging_comm .mjbtn_next {display:inline-block;width:21px;height:21px;background:url(/images/btn.png) no-repeat;vertical-align:top}
.mjpaging_comm .mjbtn_prev {background-position: -175px 0}
.mjpaging_comm .mjbtn_next {background-position: -200px 0}

.form-group input.readonly
, .input-group input.readonly {cursor:pointer; background:#fff;}

@media (min-width: 1200px) {
	#wrap {
		max-width: 1170px;
	}
}

.colors { padding:5px;}
.colors span { padding: 3px 10px; margin:2px 10px; font-size:0.85em; display:inline-block;}

	.color.red {
		color: #cf0d0b;
	}
.color.blue { color:#0000FF;}

.calendar th {width:14.2%; text-align:center;}
.calendar td {
	height: 80px;
	position: relative;  border-right:1px solid #ccc;
}
	.calendar td:first-child {
	border-left: 1px solid #ccc;
}
.calendar td:last-child {
	border-right-width:1px;
}
.calendar tr:last-child td {border-bottom:1px solid #ccc;}
.calendar td:hover {
	background: #eee;
}

.calendar .room_list {position:relative; display:block;}
.calendar .room_list:after {
	content: "";
	display: block;
	clear: both
}

.calendar .room {font-size: 0.7em; height:20px; padding:3px; margin:2px 0px;width:100%;position:relative; float:left; overflow-y:hidden;}
	.calendar .room.confirmed, .confirmed {
		background-color: #cf0d0b;
		color: #fff
	}      /* 확정 */
	.calendar .room.expected, .expected {
		background-color: #2A78FF;
		color: #fff
	}       /* 예정 */
	.calendar .room.undefined, .undefined {
		background-color: #2C8B3B;
		color: #fff
	}      /* 미정 */
.calendar .room.vacancy {z-index:1}        /* 공실 */

.calendar .room.left, .calendar .room.right {
	width: 50%;
}
.calendar div.room.right {
	float: right;
	border-left: 1px solid #fff;
}

.calendar .room.left.crlf, .calendar .room.right.crlf {
	width: 50.5%;
}