@charset "utf-8";

/* Top Search */
.list-tsearch { border:1px solid #ddd; background:#fafafa; padding:20px 15px 3px; margin-bottom:15px; }

/* Category */
.list-category .tabs { margin-bottom:20px; }
.list-category .dropdown { margin-bottom:20px; }
.list-category .active a, .list-category .selected a { color:#68b82d; font-weight:bold !important; }

/* List */
.list-wrap { width:100%; }
.list-admin { text-align:center; margin:15px 0px; }
.list-btn .sort-drop { min-width:120px !important; left:auto !important; right:0px !important; }
.list-btn .sort-drop .sort a { color:crimson !important; font-weight:bold !important; }
.is-pc .ko .list-btn .sort-drop { font-size: 12px; }
.btn-group.dropup{margin-bottom:10px;}

/* Page */
.list-wrap .pagination a, .view-wrap .pagination a { color:#333 !important; }
.list-wrap .pagination .active a, .view-wrap .pagination .active a { color:#fff !important; background:#444 !important; border-color:#444 !important; }

/* View */
.view-wrap { width:100%; overflow:hidden; }
.view-wrap.view-modal { padding:5px; margin:0px; }
.view-btn { margin:30px 0 0; }
.view-btn i { margin-right:2px; }

/* Write */
.write-wrap { width:100%; }

@media all and (max-width:460px) {
	.responsive .view-btn i { margin-right:0px; }
}

/* view 다음글, 이전글 */
.view_page_btn{ margin-top:50px; }
.view_page_btn ul{ margin:0px; border-top:1px solid #ddd; padding:0px; }
.view_page_btn ul li{ position:relative; border-bottom:1px solid #ddd; }
.view_page_btn ul li a{ display:block; height:70px; line-height:70px;  font-size:16px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; padding:0 30px 0 170px;  }
.view_page_btn ul li a p{ margin:0px; }
.view_page_btn ul li a b{ position:absolute; top:50%; left:30px; transform:translateY(-50%); -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%); font-size:16px;   color:#333; }
.view_page_btn ul li a b img{ display:inline-block; vertical-align:middle; margin-left:20px;  }
.view_page_btn ul li a span{ position:absolute; top:50%; right:20px; transform:translateY(-50%); -webkit-transform:translateY(-50%);  -moz-transform:translateY(-50%); font-size:16px; color:#666; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }


/* view 댓글 페이징 */
.cmt-paging {line-height: initial;margin-bottom:35px;}
.cmt-paging ul.pagination>li a{width:34px;height:34px;line-height:34px; padding:0px; border:0px; font-size:16px;  margin:0 10px; color:#777 !important; background:none !Important;}
.cmt-paging ul.pagination>li.active a{background:#333 !important; border-radius:17px !important; color:#fff !important;}


/* 게시판 리스트 커스텀 추가 */
.notice_img{ display:none; }
.div-head > span{border-right:none;}

@media all and (max-width:768px) {
	.notice_img{ display:inline-block; }
}


/* 커스텀 게시판 추가 */
.custom_board_search{ margin-bottom:30px; position:relative;  }
.custom_board_search_inner > div{ float:right; position:relative;  }
.custom_board_search_inner > div input{ width:100%;  max-width:330px; height:55px; border:none; box-shadow:none;  border:1px solid #ddd;  padding:0 80px 0 20px;  font-size:16px; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.custom_board_search_inner > div input::placeholder{ color:#aaa; }
.custom_board_search_inner > div input::-webkit-input-placeholder { color: #aaa; }
.custom_board_search_inner > div input:-ms-input-placeholder { color: #aaa; }
.custom_board_search_inner > div button{ position:absolute; top:1px; right:1px; width:60px; height:53px; background:#fff;}

.board_count{ position:absolute; bottom:0;left:0; font-size:16px; color:#333; font-weight:500;  }
.board_count b{ color:#0a4a9b; }

@media all and (max-width:1024px) {
	/* 커스텀 게시판 추가 */
	.custom_board_search{ margin-bottom:20px; }
	.custom_board_search_inner > div input{ height:40px; font-size:14px; padding: 0 60px 0 20px; }
	.custom_board_search_inner > div button{ height:38px; width:45px; }
	.custom_board_search_inner > div button img{ width:17px; }

	/* view 다음글, 이전글 */
	.view_page_btn{ margin-top:30px; }
	.view_page_btn ul li a{ font-size:14px; padding-left:140px;  }
	.view_page_btn ul li a b{ font-size:14px; }
}

@media all and (max-width:768px) {
	/* 커스텀 게시판 추가 */
	.board_count{  display:none; }

	/* view 다음글, 이전글 */
	.view_page_btn ul li{ padding-left:0px;  padding-right:0px;  }
	.view_page_btn ul li a{ height:auto; line-height:160%; padding:25px 15px;   }
	.view_page_btn ul li a b{ display:block;  position:static; transform:translate(0px); -webkit-transform:translate(0px); -moz-transform:translate(0px); margin-bottom:10px; }
}

/* 상단 카테고리 추가*/
.board_cate_list{ padding:0px; margin:0px; font-size:0px; margin-bottom:35px;  }
.board_cate_list li{ display:inline-block; margin-right:15px; margin-bottom:15px;  }
.board_cate_list li:last-child{ margin-right:0px; }
.board_cate_list li a{ display:block; font-size:16px; color:#333; padding:13px 20px; background:#f2f2f2; border-radius:30px; transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s; }
.board_cate_list li.active a,
.board_cate_list li:hover a,
.board_cate_list li a:focus{ background:#333; color:#fff; }


@media all and (max-width:1024px){
	.board_cate_list{ margin-bottom:15px; }
	.board_cate_list li{ margin-right:10px; margin-bottom:10px; }
	.board_cate_list li a{ font-size:14px; padding:7px 25px; }
}

@media all and (max-width:768px){
	.board_cate_list li{ margin-right:7px; margin-bottom:7px; }
	.board_cate_list li a{ padding:5px 15px; }
}