.badge { color:#fff !important;  }
.tooltip { display:none;  }
@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-top-search {margin-bottom:20px; }


	.board-search-wrap {float:right;  width:55%;   }
	.board-search-wrap .board-search-select {width:20%; background: #fff;border:1px solid rgb(169,169,169);height:35px;font-size: 16px;  margin-right:2%; padding-left:10px;float:left;border-radius: 5px;}
	.board-search-wrap .board-search-text {width:63%; height:35px;float:left;padding-left:10px; border:1px solid rgb(169,169,169);border-radius: 0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
	.board-search-wrap .board-search-submit {padding:0;text-align: center;width:12%; height:35px;  background:#7A7B7C; color:#fff; border:0px;text-align: center;padding: 0;float:left; font-size:20px; border-top-right-radius:5px;border-bottom-right-radius:5px; padding-top:1px; }

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

.board-top-search .all-count { float:left; margin-top:10px; width:45%;  }
.board-top-search .all-count strong { font-weight:bold; color:#000;  }


.alert.pd30 { padding:30px;  }


/*faq게시판*/
.faq-wrap  { border-top:2px solid #2b2b2b;   }
.faq-wrap dl {}
.faq-wrap dl.active { background:#f0f9ff;  }
.faq-wrap dl dt {    border-bottom:1px solid #eee;  font-weight:normal;  }
.faq-wrap dl dt a { width:100%; display:block; color:#000;  padding:15px; cursor:pointer; }
.faq-wrap dl dt a:hover { text-decoration:none;  }
.faq-wrap dl span {  display:inline-block;   vertical-align:top;  }
.faq-wrap dl dt .kind {   width:100px;  font-size:16px; }
.faq-wrap dl dt .q {  font-size:22px;   margin-right:20px; font-weight:bold;    line-height:1; }
.faq-wrap dl dt .title {    font-size:16px; width:calc(100% - 220px);   }
.faq-wrap dl dt i { float:right;  width:30px; font-size:26px; color:#999; margin-top:0px;  }
.faq-wrap dl dd { display:none;  padding:20px; font-size:16px;color:#000;   border-bottom:1px solid #eee;  }
/*.faq-wrap dl.active dd { display:block !important; }*/
.faq-wrap dl dd .kind {   width:100px;  font-size:16px; }
.faq-wrap dl dd .a { font-size:22px;   margin-right:20px; font-weight:bold;  color:#0066cc;     line-height:1;}
.faq-wrap dl dd .text { font-size:14px; width:calc(100% - 150px);   }
.faq-wrap dl dd .btn-wrap {padding-top:10px; display:block; width:100%;  padding-bottom:10px; text-align:right;   }
.faq-wrap dl dd .btn-wrap:after {  clear:both; display:table; content:'';  }
.faq-wrap dl dd .btn-wrap a { display:inline-block;  padding:5px 10px; color:#fff; background:#0066cc; font-size:16px; margin-left:5px;   }


/*페이지*/

	.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;  }

	.pagination-sm>li>a, .pagination-sm>li>span { padding:8px 15px;  }

/*게시판뷰*/
	.board-view-sns-link { text-align:right; margin-bottom:10px;  }
	.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;   }
	.board-view .view-contents img {max-width: 100%;}

	.board-view .view-contents table {border-collapse:collapse;}
	.board-view .view-contents table th {background:#EEEEEE;text-align:center;}
	.board-view .view-contents table td, .board-view .view-contents table th {border:1px solid #808080;padding:5px;}

/*버튼정의*/
.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  {position:absolute; top:-30000px; left:-30000px; line-height:0px; height:0px;  }*/
.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: 30px;}






/*시정뉴스 겔러리 게시판뷰*/
	.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;  }



}



/*온라인토론 답글 */
.media-list { border-top: 1px solid #dbdbdb;  }
.media-list .media { border-bottom:1px solid #dbdbdb; padding:0.8rem 0; margin:0px;  }
.media-list .media .comment-info-top { position:relative; margin-bottom:0.4rem;  }
.media-list .media .comment-info-top .comment-btn { position:absolute; top:0px; right:0px;   }
.media-list .media.comment-2 {padding-left:1.5rem; padding-right:1.5rem;background:url(/pub/site/jpdc/images/board/branch.png) no-repeat 0.8rem 0.8rem #f0f0f0; }




/*갤러리게시판 리스트*/
.gallery-list-wrap {margin:0 -10px 30px; border-top:1px solid #ccc;  border-bottom:1px solid #ccc; }
.gallery-list-wrap .list {  width:33.333%; float:left; padding:40px 10px;    }
.gallery-list-wrap .list:nth-child(-n+3) {border-bottom:1px solid #ccc;}
.gallery-list-wrap .list .img {overflow:hidden; /*border:1px solid #d4d4d4; border-bottom:0px; */ }
.gallery-list-wrap .list .img a {overflow:hidden; position:relative; width:100%; padding-bottom:60%;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% 0;/*background:#f0f3f9; border:1px solid #d4d4d4;*/ background:#fff; position:relative;height: 5rem; width:100%;}
.gallery-list-wrap .list .title {margin-bottom:10px;   font-size: 18px;}
.gallery-list-wrap .list .title a.text-overflow {width:100%;display:block;color:#000;}
.gallery-list-wrap .list .content { word-break:break-all;  }
.gallery-list-wrap .list .edit {color:#888;position:absolute; bottom:0; right:0;}
.gallery-list-wrap .list .date  {color:#888;position:absolute; bottom:0; left:0;  }




/*동영상게시판 리스트*/
.movie-list-wrap { margin-bottom:30px;  }
.movie-list-wrap .list{  margin-bottom:20px;   }
.movie-list-wrap .list a { display:block;   border:1px solid #ccc;  }
.movie-list-wrap .list a:hover { border:1px solid #0066cc; }
.movie-list-wrap .list .img  {overflow:hidden; position:relative; width:100%; padding-bottom:70%;display:block;   background-repeat:no-repeat; background-size:cover; background-position:center center; }
.movie-list-wrap .list .img:after  {	content:""; display:block; position:absolute; top:0; left:0; width:100%; height:100%;background:url(/pub/site/jpdc/images/main/b_btn_play.png) no-repeat center center ; background-size:15%; 	}
/*.movie-list-wrap .list .img img {width:100%;   height:auto; min-height:100%; position:absolute; top:0px; left:0px;  }*/
.movie-list-wrap .list .text-wrap { padding:5%; position:relative;  height:4rem; width:100%; }
.movie-list-wrap .list a:hover .text-wrap { background:#0066cc;}
.movie-list-wrap .list .title {  color:#000;  margin-bottom:10px;font-size:0.6rem;  }
.movie-list-wrap .list .date  {color:#888;position:absolute; bottom:10px; left:5%;  }
.movie-list-wrap .list a:hover .text-wrap .title ,.movie-list-wrap .list a:hover .text-wrap .date   {color:#fff; }


/*동영상 게시판 뷰*/

.movie-view-wrap { display:none;  position:absolute; top:0.8rem; left:0px; width:100%; height:100%; z-index:1000; }
.movie-view-wrap  .movie-view { width:80%; margin:0 auto;  background:#fff; padding:0.7rem; position:relative;   }
.movie-view-wrap  .movie-view .title {font-size:0.8rem; font-weight:bold; color:#000; margin-bottom:0.3rem;   }
.movie-view-wrap  .movie-view .text { width:100%; height:2rem; overflow-y:auto;  }
.movie-view-wrap  .movie-view .movie-close a {  color:#000; font-size:1.2rem; position:absolute; top:0.4rem; right:0.3rem;  }

/*블로그형 게시판 리스트*/
.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:25%; position:relative;  }
.blog-board-list .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; }
.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 { background:#0066cc;  border:none;}
.category:after { clear:both; display:table; content:'';background:#0066cc;  }
.category  h5 { float:left; margin:5px 10px;    }
.category  h5 a { color:#fff; font-weight:normal; }
.category  h5 a.active { text-decoration:underline; font-weight:bold;  }




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


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



}










@media (max-width: 991px) {


	.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-top-search {margin-bottom:30px; }


/*페이지*/
.paging .prev-2-btn i:before, .paging .next-2-btn i:before {    margin: 0px;    width: 7px;}



.board-search-wrap .board-search-select {width:20%;min-width:30px; background: #fff;height:40px;font-size: 14px;  margin-right:2%; padding-left:5px;float:left;border-radius: 5px;}
.board-search-wrap .board-search-text {width:63%; height:40px;float:left;padding-left:5px; border:1px solid rgb(169,169,169); border-radius: 0;border-top-left-radius:5px;border-bottom-left-radius:5px;}
.board-search-wrap .board-search-submit {padding:0;width:15%; height:40px;  background:#7A7B7C; color:#fff; border:0px; float:left; font-size:20px; border-top-right-radius:5px;border-bottom-right-radius:5px;   padding-top:1px; }

	/*.want-board  .board-search-wrap .board-search-select {width:20%; }
	.want-board  .board-search-wrap .board-search-text {width:56%; }*/

.board-top-search .all-count {  margin-top:0.5rem ;  }
.board-top-search .all-count strong { font-weight:bold; color:#000;  }




	/*일반게시판 리스트*/
	.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  {position:absolute; top:-30000px; left:-30000px; line-height:0px; height:0px;  }*/
	.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-view-sns-link { text-align:right; margin-bottom:10px;  }
	.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;   }




/*faq게시판*/
.faq-wrap  { border-top:2px solid #2b2b2b;   }
.faq-wrap dl {}
.faq-wrap dl.active { background:#f0f9ff;  }
.faq-wrap dl dt { padding:0.5rem;   border-bottom:1px solid #eee;  font-weight:normal;  }
.faq-wrap dl dt a { width:100%; display:block; color:#000;  }
.faq-wrap dl dt a:hover { text-decoration:none;  }
.faq-wrap dl span {  display:inline-block;   vertical-align:top;  }
.faq-wrap dl  .kind { display:none;  }
.faq-wrap dl dt .q {  font-size:0.8rem; width:5%; margin-right:2%; font-weight:bold;  line-height:1;  }
.faq-wrap dl dt .title {    width:80%;  font-size:0.55rem;  }
.faq-wrap dl dt i { float:right;  width:10%; font-size:1rem; color:#999;  }
.faq-wrap dl dd {vertical-align:top;  display:none;  padding:10px; font-size:16px;color:#000;   border-bottom:1px solid #eee;  }
.faq-wrap dl.active dd { display:block; }
.faq-wrap dl dd .a { font-size:0.8rem; width:5%; font-weight:bold;  color:#0066cc;   line-height:1; }
.faq-wrap dl dd .text {width:90%;  font-size:0.5rem;  }
.faq-wrap dl dd .btn-wrap {padding-top:0.3rem; display:block; width:100%;  padding-bottom:0.3rem; text-align:right;   }
.faq-wrap dl dd .btn-wrap:after {  clear:both; display:table; content:'';  }
.faq-wrap dl dd .btn-wrap a { display:inline-block;  padding:5px 10px; color:#fff; background:#0066cc; font-size:0.4rem; margin-left:5px;   }

/*갤러리 게시판*/
.gallery-list-wrap {margin:0 -5px 20px;  }
.gallery-list-wrap .list {  margin-bottom:15px; width:50%;  padding:0 5px;    }


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




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


/*버튼정의*/
.btn-wrap {   }
.btn-wrap .btn  {  padding-top:0.3rem; 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; }



	/*시정뉴스 게시판뷰*/
	.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; }


}




@media (max-width:480px) {

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

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

}


.comment-2 {
	padding-left: 70px;
}

.comment-3 {
	padding-left: 120px;
}

.comment-4 {
	padding-left: 270px;
}



@media (min-width: 992px) {


.sub-contents .btn-group.btn-board .btn {  border:1px solid #dadada; color:#222;  float:none;  display:inline-block;height:50px; margin-bottom:0.4rem;  line-height:50px; padding-top:0px; padding-bottom:0px;font-size: 16px;  text-align:center; min-width:160px;background:#fff;  font-weight: normal;}
.sub-contents .btn-group.btn-board .btn.btn-style1 {  border:1px solid #5f5f5f; background: #5f5f5f; color:#fff; border-radius: 5px;  }
.sub-contents .btn-group.btn-board .btn.btn-style2 {  border:1px solid #888; background: #fff; color:#000; border-radius: 5px;  }
.sub-contents .btn-group.btn-board .btn.btn-style3 {  border:1px solid #ddd; background: #f4f4f4; color:#000; border-radius: 5px;}


}





@media (min-width: 1199px) {
	.hidden-sm-up  { display:none !important;  }
	.hidden-md-up  {  display:none !important;  }
}


/*테블릿*/
@media (min-width: 992px) and (max-width: 1199px) {
	.hidden-sm-up  { display:none !important;  }
	.hidden-lg-down {display:none !important; }
}




@media (max-width: 991px) {


	.m-table-long.aaa table:before {
	content:" "; text-align:center; display:block; position:absolute; top:0; left:0; width:100%; height:100%;
	background:url(/pub/site/jpdc/images/sub/icon_arw.png) no-repeat center center rgba(0, 0, 0,0.8) ;
	background-size:15%;
	color:#fff;
	opacity:1;

}
	.m-table-long.aaa table:after {
		content:" 좌우로 움직이세요"; text-align:center; color:#fff; font-size:0.7rem;  display:block; position:absolute; top:50%; left:0;  width:100%; padding-top:0.8rem;

}




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




	.sub-contents .btn-group.btn-board .btn {  border:1px solid #dadada; color:#222;  float:none;  display:inline-block;height:40px; line-height:40px; padding-top:0px; padding-bottom:0px;font-size: 14px;  text-align:center; min-width:100px;background:#fff;  font-weight: normal;   margin-bottom:0.4rem;}
	.sub-contents .btn-group.btn-board .btn.btn-style1 {  border:1px solid #5f5f5f; background: #5f5f5f; color:#fff; border-radius: 5px;  }
	.sub-contents .btn-group.btn-board .btn.btn-style2 {  border:1px solid #888; background: #fff; color:#000; border-radius: 5px;  }
	.sub-contents .btn-group.btn-board .btn.btn-style3 {  border:1px solid #ddd; background: #f4f4f4; color:#000; border-radius: 5px;}



	.iframe-responsive{overflow-x: scroll;-webkit-overflow-scrolling: touch;}
	.table-responsive{-webkit-overflow-scrolling: touch;}




}