@charset "UTF-8";

#slider {
	height: 240px !important;
	margin: auto;
}
/* 10 */
.notice {
	background-color: var(--bg-color-middle) !important;
	color:var(--color-high);
	font-weight:bold;
}
.new {
	color: var(--color-high);
}
.id {
	max-width: 60px;
}
.title {
	max-width: 780px;
	text-align: start;
}
.user_name {
	max-width: 60px;
}
.regist_date {
	max-width: 100px;
}
.read_count {
	max-width: 60px;
}
/* 11 */
#regist_content {
	width: 100%;
	padding: 10px;
	white-space: normal;
	word-wrap: break-word;
	word-break: break-all;
}
/* 11 댓글 */
.comment_row {
	display: flex;
	width: 100%;
	align-items: center;
	background-color: var(--color-gray-low);
}
.comment_user_name {
	min-width: 200px;
	text-align: center;
}
.comment_regist_content {
	width: inherit;
	text-align: left;
	vertical-align: middle;
}
.comment_trash {
	min-width: 26px;
	text-align: center;
	vertical-align: middle;
}
.comment_trash:hover {
	color: var(--color-high);
	cursor: pointer;
}

#txtInsComment {
	margin-top: 0px;
	width: 100%;
}
#btnInsComment:hover {
	color: var(--color-high);
	cursor: pointer;
}
#btnDelComment {
	text-align: end;
}


/* 12 */
#regist_title {
	width: 100%;
	height: 30px;
	border: 0px;
}

/* summernote background-color line-height: 1;*/
.note-editable {
	padding: 10px;
	background-color: white !important;
	text-align: left;
	max-width: calc(var(--max-width) - 130px - 70px) !important;
	line-height: 1.0em; /* 원하는 줄간격 값 */
}

@media (max-width: 767px) {

	/* 10 */
	.user_name, .regist_date, .read_count {
		display: none;
	}
	/* 11 댓글 */
	.comment_row {
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
	}
	.comment_user_name {
		width: 100%;
		text-align: center;
		background-color: var(--bg-color-middle) !important;
	}
	.comment_regist_content {
		text-align: left;
	}
	.comment_trash {
		width: 26px;
	}

}