:root {
	--bbs-text: #000000;
	--bbs-text2: #282828;
	--bbs-text3: #5a5a5a;
	--bbs-base: #FFFFFF;
	--bbs-base2: #282828;
	--bbs-point: #8F8DBF;
}
.avocado-list {
	font-family: 'Freesentation5';
}
.board-viewer {
	font-family: 'Freesentation5';
}
.bbs-list-box {
  border-radius: 5px;
	overflow:hidden;
}
.bbs-list-front {
  background: linear-gradient(123deg, var(--bbs-base) 75%, transparent 75%);
  color: var(--bbs-text);
  border-radius: 5px;
	background-repeat: no-repeat;
	background-size: 100%;
}
.bbs-list-box:hover .bbs-list-front {
	background-size: 80%;
}
.bbs-list-back {
  background-image: linear-gradient(to right, var(--bbs-point), var(--bbs-point));
}
.avocado-list li strong {
  color: var(--bbs-text);
}

.avocado-list .info {
	background: var(--bbs-text);
	color: var(--bbs-base);
}

.bbs-highlight {
	color: var(--bbs-text);
  background: var(--bbs-point);
}

.avocado-list li .ico-cate {
	color: var(--bbs-text);
}

.bbs-subtitle {
	color: var(--bbs-text);
}
.bbs-box {
	background: var(--bbs-base);
	color: var(--bbs-text);
}
.bbs-btn {
	background: var(--bbs-base);
	color: var(--bbs-text);
}
.bbs_date_box {
	background: var(--bbs-text3);
	color: var(--bbs-base);
}
.con_cont button {
	background: var(--bbs-text);
	color: var(--bbs-base);
}
.con_message_btn .material-icons:hover {
	background: var(--bbs-text);
	color: var(--bbs-base);
}
.open_c,
.close_c {
	background: var(--bbs-text3);
	color: var(--bbs-base);
}

.bbs-box .con_cont textarea {
	border: 1px solid var(--bbs-text2);
}