@charset "UTF-8";
ul { list-style-type: none; }
.pt30 { padding-top: 30px; }
.boards { content:''; display: block; clear: both; width: 100%; }
.boards .titleBox { width: 100px; height: 30px; background: #98B345; }
.boards .titleBox>div { padding: 5px 0 0 0; text-align: center; color: #FFF; font-weight: bold; font-size: 14px; }
.boards .titleLine { width: 100%; border-bottom: 1px solid #98B345; }
.boards ul { content:''; display: block; clear: both; width: 100%; margin-top: 30px; }
.boards ul.middle { content:''; display: block; clear: both; list-style-type: none; width: 100%; padding-top: 15px; }
.boards ul li p { padding-left: 10px; line-height: 150%; }
.boards ul li .subtitle { color: #98B345; font-weight: bold; }
.imgBox { border: 1px solid #CCC; width: 100px; height: 100px; }
.gray { filter: grayscale(100%); }
.chair { font-weight: 800; font-size: 18px; }
.bold { font-weight: 600; }
@media all and (max-width: 1920px) {
	.blog_left_sidebar { padding: 0 15px 0 10px; margin: 0; }
   .boards ul li.pht { float: left; width: 13%; }
   .boards ul li.descs { float: left; width: 37%; }
}
@media all and (max-width: 768px) {
	.blog_left_sidebar { padding: 0; margin: 0; }
   .boards ul li.pht { content:''; display: block; clear: both;; float: left; width: 30%; padding-bottom: 15px; }
   .boards ul li.descs { float: left; width: 70%; }
   .posting-table { font-size: .9em; }
   img { max-width: 100%; }
}