@charset "utf-8";
/* css by OOparts */

/* 게시판 최상위 div */
.bo_skin_wrap {
	padding:20px 10px;
}
.bo_skin {
	min-height:250px;
}
/* 관리자 : 선택삭제 / 선택복사 / 선택이동 버튼 */
.bo_v_com li .btn {
    padding: 6px 7px 4px;
}

/* 게시판 목록 */
/* 카테고리 */
#bo_cate .nav-tabs li + li {
	margin-left:0;
}
#bo_cate .nav-tabs li a {
	padding:10px 15px;
}
#bo_cate .nav-tabs li + li a {
	margin-left:-1px;
}

.bo_skin .list_wrap .list-group .list_header.active {
    border:0 none;
    padding:5px 0 0;
}
.bo_skin .list_wrap .list-group .list_header li.col_num_all {
    position:relative;
	max-width:100px;
}
.bo_skin .list_wrap .list-group .list_header li.col_num_all span {
    position: relative;
    left:27px;
	font-size:14px;
}
.bo_skin .list_wrap .list-group .list_header li.col_num_all input[type="checkbox"] {
    left:0;
    top:5px;
}

.bo_skin .list_wrap .list-group .list_content {
	margin:5px -5px 0;
}
.bo_skin .list_wrap .list-group .list_content > li {
	padding:5px 5px;
}
.bo_skin .list_wrap .list-group .list_content .list-group-item .thumb {

}
.bo_skin .list_wrap .list-group .list_content .list-group-item {
    padding: 10px 0;
}
.bo_skin .list_wrap .list-group .list_content .list-group-item .col_num {
    left:10px;
}
.bo_skin .list_wrap .list-group .list_content .list-group-item .col_num span {
	max-width:100px;
    display:block;
	margin-left:-10px;
	text-align:center;
}
.bo_skin .list_wrap .list-group .list_content .list-group-item .col_subject {
    margin-bottom: 2px;
}
.bo_skin .list_wrap .list-group .list_content .list-group-item .col_name, 
.bo_skin .list_wrap .list-group .list_content .list-group-item .col_date, 
.bo_skin .list_wrap .list-group .list_content .list-group-item .col_hit {
    font-size: 11px;
    text-align: left;
}
.bo_skin .list_wrap .list-group .list_content .list-group-item .col_answer {
	text-align:right;
	padding-right:5px;
}
.bo_skin .list_wrap .list-group .list_content .list-group-item .badge {
	width:15px;
	height:15px;
	padding:4px 0 2px;
	line-height:0.8;
}

/* 게시판 view */
#bo_v_title .bo_v_subject {
	font-size:14px;
}
#bo_v_title li {
	padding:10px 5px;
}
#bo_v_info li {
	line-height:35px;
	padding:0 5px;
}
/* 입력내용 정보 */
#bo_content_info  dl dt {
	padding:10px 10px 10px 30px;
}
#bo_content_info  dl dd {
	line-height:1.6;	
}
/* 게시판 view - 내용부분 */
#bo_v_atc dl > dd {
	min-height:auto;
	border-left:0;
}

/* 게시판 write */
/* datepicker */
.datepicker_wrap {
	margin-bottom:30px;
	margin-left:-10px;
	margin-right:-10px;
	min-height:300px;
}
/* 예약날짜 */
.datepicker_wrap #datepicker {
	position:relative;
	width:100%;
}
.datepicker_wrap #datepicker .ui-datepicker .ui-datepicker-title {
	padding:0 5px;
	margin-top:80px;
}
/* 날짜 색상 안내 */
.datepicker_wrap .date_color_info {
	position:relative;
	bottom:auto;
	top:20px;
}
/* 날짜 색상 안내 */
.datepicker_wrap .date_color_info {
	left:30%;
	width:200px;
}
/* 예약시간  */
.datepicker_wrap #reservation_time {
	width:100%;
	float:none;
	padding:15px 5px;
	margin-top:40px;
	border-top:1px solid #ddd;
}

.write_wrap dl dd .form-control {
	width:100%;
}
.write_wrap dl dd textarea {
	height:120px !important;
}

@media (max-width:640px) {
	.datepicker_wrap #datepicker .ui-datepicker .ui-datepicker-title {
		font-size:18px;
	}

	/* 글쓰기 / 취소 버튼 */
	#bo_w .btn_confirm .btn {
		font-size:14px;
		padding:10px 20px;
	}
}

@media (max-width:480px) {
	#bo_cate .nav-tabs li a {
		padding:7px 5px;
		font-size:12px;
	}

	/* datepicker */
	.datepicker_wrap {
		min-height:270px;
	}
	.datepicker_wrap #datepicker .ui-datepicker .ui-datepicker-title {
		font-size:16px;
		line-height:2;
		margin-top:65px;
	}
	.datepicker_wrap #datepicker .ui-datepicker .ui-datepicker-title span:last-child {
		display:block;
	}
	/* 예약시간  */
	.datepicker_wrap #reservation_time li .list-group-item {
		margin:0 2px;
		padding:8px 5px;
	}
	.datepicker_wrap #reservation_time li .list-group-item .btn {
		top:8px;
		right:5px;
		font-size:0;
		padding:3px 5px 1px;
	}
	.datepicker_wrap #reservation_time li .list-group-item .btn:after {
		content:"예약";
		font-size:11px;
		line-height:1;
	}
}
