p.tit-month {position:relative; font-size:30px; line-height:50px; text-align:center; color:#333;  }
p.tit-month a.prev {position:absolute; top:-3px; left:50%; margin-left:-100px;}
p.tit-month a.next {position:absolute; top:-3px; right:50%; margin-right:-100px;}
table.calendar {clear:both; width:100%; table-layout:fixed; margin:30px 0;  }
table.calendar thead th {height:45px;  border-left:1px solid #E0E0E0; border-top:2px solid #000;  text-align:center; color:#000;  font-size:15px;  }
table.calendar tbody tr td {position:relative; height:100px; padding:35px 10px 10px 10px; text-align:left; border-top:1px solid #E0E0E0; border-left:1px solid #E0E0E0;  color:#555; font-size:14px; line-height:18px;}
table.calendar thead th:first-child,  
table.calendar tbody tr td:first-child {border-left:0px; }
table.calendar tbody tr td i {position:absolute; top:10px; left:10px; font-style:normal; color:#000; font-size:16px; }
table.calendar tbody tr td a { display:block;  margin-bottom:5px; padding-left:8px; position:relative; color:#555;  }
table.calendar tbody tr td a:before {content:''; display:inline-block; width:4px; height:4px; background:#555; border-radius:100%; position:absolute; top:7px; left:0px; }
table.calendar thead tr th:first-child, table.calendar tbody tr td:first-child i {color:red;}
table.calendar thead tr th:nth-of-type(7n), table.calendar tbody tr td:nth-of-type(7n) i {color:blue;}
table.calendar tbody tr td.today {background:#EBF1FF;}
table.calendar tbody tr:last-child td {border-bottom:1px solid #000;}



@media (min-width: 992px) {



/*글쓰기폼*/

		.news-board-form { margin-bottom:20px;width:100%;   }
		.news-board-form  * {vertical-align:middle !important; }
		.news-board-form th { padding:10px; background:#eee;   border:1px solid #ccc; }
		.news-board-form td { padding:10px;  border:1px solid #ccc;  }

/*게시판 검색*/
	.board-search-wrap { width:100%;  background:#f2f2f2; padding:20px 40px; margin-bottom:30px;  }
	.board-search-wrap .board-search-select {width:18%; height:45px;  margin-right:2%; float:left; }
	.board-search-wrap .board-search-text {width:60%; height:45px;  margin-right:2%; float:left;padding-left:10px;  }
	.board-search-wrap .board-search-submit {width:18%; height:45px;  background:#565656; color:#fff; border:0px; float:left; }

    .want-board  .board-search-wrap .board-search-select {width:15%; }
	.want-board  .board-search-wrap .board-search-text {width:45%; }





/*게시판뷰*/
	.board-view { width:100%;border-top:2px solid #000; margin-bottom:30px;   }
	.board-view .title {text-align:center; padding:15px 5px; border-bottom:1px solid #000; font-weight:bold;  }
	.board-view .info {padding:15px 0px; border-bottom:1px solid #ccc; }
	.board-view .info strong { font-weight:bold;  }
	.board-view .view-contents {padding:20px 10px; border-bottom:1px solid #ccc; }
	.board-view .view-contents p { margin-bottom:10px;   }

/*버튼정의*/
.btn-wrap {   }
.btn-wrap .btn  { min-width:120px; padding:10px; text-align:center;  display:inline-block; color: #333;    background-color: #fff;    border-color: #ccc;  }
.btn-wrap .btn-default  {background:#6d6d6d; color:#fff;  border-color: #6d6d6d; }

/*일반게시판 리스트*/
.board-list-wrap {border-top:2px solid #000;  width:100%;  margin-bottom:30px; }
.board-list-wrap table {width:100%; border-collapse:collapse; }
.board-list-wrap table thead th  { border-bottom:1px solid #000; padding:20px 0px; text-align:center; }
.board-list-wrap table tbody td { padding:20px 0px; text-align:center; color:#565656; border-bottom:1px solid #eee;  }
.board-list-wrap table tbody td.text-left { text-align:left; padding:20px 10px;  }
.board-list-wrap table tbody td a { color:#000;  }
.board-list-wrap table tbody td a.badge { color:#fff;  }



/*게시판 총갯수*/
.board-list-count {font-size:18px; margin-bottom:20px;  }




/*sdgs 게시판*/
.sdgs-category { margin-bottom:40px;  }
.sdgs-category ul { margin:-1.5px;  }
.sdgs-category ul:after { clear:both; display:table; content:''; }
.sdgs-category ul li  {float:left; width:174.5px; height:118px; padding:1.5px; }
.sdgs-category ul li a  { text-indent:-99999px; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;  }
.sdgs-category ul li:nth-of-type(1) a  {background-image:url(/pub/dist/images/board/all.png) ; }
.sdgs-category ul li:nth-of-type(2) a  {background-image:url(/pub/dist/images/board/01.png) ; }
.sdgs-category ul li:nth-of-type(3) a  {background-image:url(/pub/dist/images/board/02.png) ; }
.sdgs-category ul li:nth-of-type(4) a  {background-image:url(/pub/dist/images/board/03.png) ; }
.sdgs-category ul li:nth-of-type(5) a  {background-image:url(/pub/dist/images/board/04.png) ; }
.sdgs-category ul li:nth-of-type(6) a  {background-image:url(/pub/dist/images/board/05.png) ; }
.sdgs-category ul li:nth-of-type(7) a  {background-image:url(/pub/dist/images/board/06.png) ; }
.sdgs-category ul li:nth-of-type(8) a  {background-image:url(/pub/dist/images/board/07.png) ; }
.sdgs-category ul li:nth-of-type(9) a  {background-image:url(/pub/dist/images/board/08.png) ; }
.sdgs-category ul li:nth-of-type(10) a  {background-image:url(/pub/dist/images/board/09.png) ; }
.sdgs-category ul li:nth-of-type(11) a  {background-image:url(/pub/dist/images/board/10.png) ; }
.sdgs-category ul li:nth-of-type(12) a  {background-image:url(/pub/dist/images/board/11.png) ; }
.sdgs-category ul li:nth-of-type(13) a  {background-image:url(/pub/dist/images/board/12.png) ; }
.sdgs-category ul li:nth-of-type(14) a  {background-image:url(/pub/dist/images/board/13.png) ; }
.sdgs-category ul li:nth-of-type(15) a  {background-image:url(/pub/dist/images/board/14.png) ; }
.sdgs-category ul li:nth-of-type(16) a  {background-image:url(/pub/dist/images/board/15.png) ; }
.sdgs-category ul li:nth-of-type(17) a  {background-image:url(/pub/dist/images/board/16.png) ; }
.sdgs-category ul li:nth-of-type(18) a  {background-image:url(/pub/dist/images/board/17.png) ; }
.sdgs-category ul li a.active:after { content:''; display:inline-block; width:100%; height:100%; position:absolute; top:0px; left:0px; border:6px solid rgba(0,0,0,0.5); border-radius:5px;  } 




/*시정뉴스 겔러리 게시판뷰*/
	.news-board-view { width:100%;  margin-bottom:30px;   }
	.news-board-view .title { font-size:22px; color:#222;  padding-bottom:10px; ; border-bottom:1px solid #ccc; font-weight:bold;  }
	.news-board-view .info {padding:10px 0px; border-bottom:1px solid #ccc; }
	.news-board-view .view-contents {padding:20px 10px; border-bottom:1px solid #ccc; }
	.news-board-view .view-contents img { max-width:100%;  }

	.news-board-view .view-contents p { margin-bottom:10px; ;    }
	.news-board-view .img-thumbnail-wrap  { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; }
	.news-board-view #gallery-img-pager  {  margin-left:-5px;  white-space:nowrap; overflow-x:auto; }
	.news-board-view #gallery-img-pager a { display:inline-block;margin-bottom:5px;  margin-left:5px;  width:140px; height:110px;  }
	.news-board-view #gallery-img-pager img { width:140px; height:110px;  }
	.news-board-view .info i { color:#c83949;  }


 .sub-main-contents .btn-group .btn {float:none;  display:inline-block;height:40px; line-height:40px; padding-top:0px; padding-bottom:0px;  text-align:center; min-width:130px;font-weight:bold;  border:1px solid #c83949; color:#c83949; font-size:16px; color:#c83949;  background:#fff;  }
 .sub-main-contents .btn-group .btn.btn-style1 {color:#fff; background:#c83949; }
}






/*갤러리게시판 리스트*/
.gallery-list-wrap { margin-bottom:30px;  }
.gallery-list-wrap .list{  margin-bottom:20px;    }
.gallery-list-wrap .list .img {overflow:hidden; }
.gallery-list-wrap .list .img a {overflow:hidden; position:relative; width:100%; padding-bottom:70%;display:block;   background-repeat:no-repeat; background-size:cover; background-position:center center; }
/*.gallery-list-wrap .list .img img {width:100%;   height:auto; min-height:100%; position:absolute; top:0px; left:0px;  }*/
.gallery-list-wrap .list .text-wrap { padding:5%;background:#f0f3f9; position:relative;  height:5rem; width:100%; }
.gallery-list-wrap .list .title a { width:100%; display:block; color:#000;  margin-bottom:10px; }
.gallery-list-wrap .list .date  {color:#888;position:absolute; bottom:10px; left:5%;  }




/*블로그형 게시판 리스트*/
.blog-board-list { padding-bottom:30px;  letter-spacing:-1.6px; }
.blog-board-list .list { border-bottom:1px solid #ccc; padding-bottom:1rem; padding-top:1rem; }
.blog-board-list .list:first-child  {padding-top:0px; }
.blog-board-list .list:after { content:''; display:table; clear:both;    }
.blog-board-list .list .img { float:left;margin-right:3%; width:15%; position:relative;  }
.blog-board-list .list .img a { overflow:hidden; position:relative; width:100%; padding-bottom:150%;display:block;   background-repeat:no-repeat; background-size:cover; background-position:center center; }
.blog-board-list .list .icon-play-circled{position:absolute;font-size:60px; color:#fff;   top:50%; margin-top:-30px;left:0;width:100%;  text-align:center; }
/*.blog-board-list .list .img img{width:100%;  }*/
.blog-board-list .list .title { margin-bottom:0.06rem;  }
.blog-board-list .list .title a {font-size:0.65rem; color:#222;font-family: 'NanumSquare';  }
.blog-board-list .list .text {margin-bottom:5px; }
.blog-board-list .list .text a { font-size:0.5rem; color:#555;  }
.blog-board-list .list .date {font-size:0.5rem color:#555;  }



.info a.btn-default { border:1px solid #ccc !important;  }
.info a:after { content:'' !important; }


.category:after { clear:both; display:table; content:''; }
.category  h5 { float:left; margin:5px 10px;    }




@media (min-width: 1199px) {

	.hidden-sm-up  { display:none !important;  }
	.hidden-md-up  {  display:none !important;  }

}




/*테블릿*/
@media (min-width: 992px) and (max-width: 1199px) {

	/*.blog-board-list .list .img { float:left;margin-right:3%; width:30%;  }*/

	.hidden-sm-up  { display:none !important;  }
	.hidden-lg-down {display:none !important; }

}










@media (max-width: 991px) {

	.hidden-md-down {display:none !important; }
	.hidden-lg-down {display:none !important; }


	.news-board-form { margin-bottom:20px;width:100%;   }
	.news-board-form  * {vertical-align:middle !important; }
	.news-board-form th { padding:10px; background:#eee;   border:1px solid #ccc; }
	.news-board-form td { padding:10px;  border:1px solid #ccc;  }

	/*게시판 검색*/
	.board-search-wrap { width:100%;  background:#f2f2f2; padding:20px; margin-bottom:30px;  }
	.board-search-wrap .board-search-select {width:22%; height:45px;  margin-right:2%; float:left; }
	.board-search-wrap .board-search-text {width:75%; height:45px;   float:left;padding-left:10px;  }
	.board-search-wrap .board-search-submit {width:100%;  margin-top:10px; height:45px;  background:#565656; color:#fff; border:0px; float:left; }
	
	.want-board  .board-search-wrap .board-search-select {width:20%; }
	.want-board  .board-search-wrap .board-search-text {width:56%; }

	/*일반게시판 리스트*/
	.board-list-wrap {border-top:2px solid #000;  width:100%;  margin-bottom:30px; }
	.board-list-wrap table {width:100%; border-collapse:collapse; }
	.board-list-wrap table thead th  { border-bottom:1px solid #000; padding:20px 0px; text-align:center; }
	.board-list-wrap table tbody td { padding:20px 0px; text-align:center; color:#565656; border-bottom:1px solid #eee;  }
	.board-list-wrap table tbody td.text-left { text-align:left; padding:20px 10px;  }
	.board-list-wrap table tbody td a { color:#000;  }

	/*게시판뷰*/
	.board-view { width:100%;border-top:2px solid #000; margin-bottom:30px;   }
	.board-view .title {text-align:center; padding:15px 5px; border-bottom:1px solid #000; font-weight:bold;  }
	.board-view .info strong { font-weight:bold;  }
	.board-view .info span {display:block; padding:10px 0px; border-bottom:1px solid #ccc; }
	.board-view .view-contents {padding:20px 10px; border-bottom:1px solid #ccc; }
	.board-view .view-contents p { margin-bottom:10px;   }




	/*게시판 총갯수*/
	.board-list-count {font-size:0.6rem; margin-bottom:20px;  }




/*블로그형 게시판 리스트*/
/*.blog-board-list .list .img { float:left;margin-right:3%; width:20%;  }*/


/*sdgs 게시판*/
.sdgs-category { margin-bottom:30px;  }
.sdgs-category ul { margin:-1px;  }
.sdgs-category ul:after { clear:both; display:table; content:''; }
.sdgs-category ul li  {float:left; width:81px; height:55px; padding:1px; }
.sdgs-category ul li a  { text-indent:-99999px; display:block; width:100%; height:100%; background-repeat:no-repeat; background-position:center center; background-size:cover; position:relative;  }
.sdgs-category ul li:nth-of-type(1) a  {background-image:url(/pub/dist/images/board/all.png) ; }
.sdgs-category ul li:nth-of-type(2) a  {background-image:url(/pub/dist/images/board/01.png) ; }
.sdgs-category ul li:nth-of-type(3) a  {background-image:url(/pub/dist/images/board/02.png) ; }
.sdgs-category ul li:nth-of-type(4) a  {background-image:url(/pub/dist/images/board/03.png) ; }
.sdgs-category ul li:nth-of-type(5) a  {background-image:url(/pub/dist/images/board/04.png) ; }
.sdgs-category ul li:nth-of-type(6) a  {background-image:url(/pub/dist/images/board/05.png) ; }
.sdgs-category ul li:nth-of-type(7) a  {background-image:url(/pub/dist/images/board/06.png) ; }
.sdgs-category ul li:nth-of-type(8) a  {background-image:url(/pub/dist/images/board/07.png) ; }
.sdgs-category ul li:nth-of-type(9) a  {background-image:url(/pub/dist/images/board/08.png) ; }
.sdgs-category ul li:nth-of-type(10) a  {background-image:url(/pub/dist/images/board/09.png) ; }
.sdgs-category ul li:nth-of-type(11) a  {background-image:url(/pub/dist/images/board/10.png) ; }
.sdgs-category ul li:nth-of-type(12) a  {background-image:url(/pub/dist/images/board/11.png) ; }
.sdgs-category ul li:nth-of-type(13) a  {background-image:url(/pub/dist/images/board/12.png) ; }
.sdgs-category ul li:nth-of-type(14) a  {background-image:url(/pub/dist/images/board/13.png) ; }
.sdgs-category ul li:nth-of-type(15) a  {background-image:url(/pub/dist/images/board/14.png) ; }
.sdgs-category ul li:nth-of-type(16) a  {background-image:url(/pub/dist/images/board/15.png) ; }
.sdgs-category ul li:nth-of-type(17) a  {background-image:url(/pub/dist/images/board/16.png) ; }
.sdgs-category ul li:nth-of-type(18) a  {background-image:url(/pub/dist/images/board/17.png) ; }
.sdgs-category ul li a.active:after { content:''; display:inline-block; width:100%; height:100%; position:absolute; top:0px; left:0px; border:3px solid rgba(0,0,0,0.5); border-radius:5px;  } 



	/*시정뉴스 게시판뷰*/
	.news-board-view { width:100%;  margin-bottom:30px;   }
	.news-board-view .title { font-size:22px; color:#222;  padding-bottom:10px; ; border-bottom:1px solid #ccc; font-weight:bold;  }
	.news-board-view .info {padding:10px 0px; border-bottom:1px solid #ccc; }
	.news-board-view .view-contents {padding:20px 10px; border-bottom:1px solid #ccc; }
	.news-board-view .view-contents img { max-width:100%;  }

	.news-board-view .view-contents p { margin-bottom:10px; ;    }
	.news-board-view .img-thumbnail-wrap  { padding-top:10px; padding-bottom:10px; border-bottom:1px solid #ccc; }
	.news-board-view #gallery-img-pager  {  margin-left:-5px;  white-space:nowrap; overflow-x:auto; }
	.news-board-view #gallery-img-pager a { display:inline-block;margin-bottom:5px;  margin-left:5px;  width:140px; height:110px;  }
	.news-board-view #gallery-img-pager img { width:140px; height:110px;  }
	.news-board-view .info i { color:#c83949;  }



	#boardWriteForm table th { clear:both; width:100%; display:block;   }
	#boardWriteForm table td {float:left;  width:100%;  display:block; }
 
 
	.sub-main-contents .btn-group .btn {float:none;  display:inline-block;height:30px; line-height:30px; padding-top:0px; padding-bottom:0px;  text-align:center;background:#fff;  min-width:100px;font-weight:bold;  border:1px solid #c83949; color:#c83949; font-size:14px; color:#c83949;   }
	.sub-main-contents .btn-group .btn.btn-style1 {color:#fff; background:#c83949; }

}




@media (max-width:480px) {

	.news-board-view .info span.pull-right { display:none;  }

	/*블로그형 게시판 리스트*/
	/*.blog-board-list .list .img { margin-right:2%; width:45%;  }*/

}



/*페이지*/

	.paging  { text-align:center;margin-bottom:30px;   }
	.paging .prev-2-btn i:before , .paging .next-2-btn i:before{ margin:0px;width:7px;   }
	.paging a { margin:0 5px; color:#333; font-size:16px;  }
	.paging a.active { color:#000; text-decoration:underline;  }





	.sub-main-contents  .btn-group.btn-board .btn { font-weight:normal; border:1px solid #dadada; color:#222;  }
	.sub-main-contents .btn-group.btn-board .btn.btn-style1 {  border:1px solid #dadada; background:#f2f2f2;   }
	.sub-main-contents  .btn-group.btn-board .btn.btn-style2 {  border:none; background:#ddd;  color:#555;  }
	.sub-main-contents  .btn-group.btn-board .btn.btn-style3 {  border:none; background:#555;  color:#fff;  }

	.sub-main-contents .btn-file { color:#222; background: #fff; border:1px solid #c83949; }
	.sub-main-contents .btn-file i{ color:#c83949; }
	.sub-main-contents .btn-style1 {color:#fff; background:#c83949; }
	.sub-main-contents .btn-green {color:#fff; font-weight: bold;background: #0f9054;border:none;}