@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:crimson; 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; }

/* 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:0px; }
.view-btn i { margin-right:2px; }
.pf_upload_btn .view-btn{margin:15px 0;}

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

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

/*카테고리*/
#board_cate{ font-size:0px; text-align:center;  margin-bottom:90px;   }
#board_cate li{ display:inline-block; margin:3px 15px;  }
#board_cate li a{ display:block; font-size:18px; color:#333; line-height:140%; border-bottom:1px solid #fff; padding-bottom:2px;  
	transition:all 0.3s; -webkit-transition:all 0.3s; -moz-transition:all 0.3s;
}
#board_cate li.active a,
#board_cate li a:hover{ border-color:#cd161e; color:#cd161e; font-weight:700;   }

/*게시판 토탈 검색*/
#board_top{ display:flex; flex-wrap:wrap; align-items:center; padding:30px; background:#f4f4f4; margin-bottom:40px;  }
#board_top #board_total{ font-size:16px; line-height:160%; font-weight:500; }
#board_top #board_total b{ font-size:25px; }
#board_top #search_box{ position:relative; margin-left:auto; max-width:350px; width:100%; }
#board_top #search_box input{ width:100%; height:55px; border:1px solid #bbb; padding:0 75px 0 25px; font-size:16px;  }
#board_top #search_box button{ position:absolute; top:0; right:0; width:55px; height:55px; background-color:#cd161e; font-size:0px;
	background-image:url('/thema/Basic/img/board_search_ico.png'); background-position:center; background-repeat:no-repeat; 
}

/*공통버튼*/
body .board_btn{ display:inline-block; height:45px; line-height:45px;  border-radius:10px; background:#888; color:#fff;  width:90px;  text-align:center;  font-size:16px;   }
body .board_btn.color_red{ background:#cd161e; }
body .board_btn.color_black{ background:#333; }

/* view 다음글, 이전글 */
.view_paging{ display:flex; flex-wrap:wrap; margin:50px 0; border-top:1px solid #ddd; border-bottom:1px solid #ddd;  }
.view_paging > a,
.view_paging > div{ display:block;  position:relative; padding:25px 0;  width:50%; }
.view_paging > a:after,
.view_paging > div:after{content:""; position:absolute; top:0; width:80px; height:100%; background-color:#f2f2f2; background-image:url('/thema/Basic/img/view_paging_prev.png'); background-position:center; background-repeat:no-repeat;}
.view_paging .view_paging_prev{padding-left:115px; padding-right:40px; border-right:1px solid #ddd;   }
.view_paging .view_paging_prev:after{left:0;}
.view_paging .view_paging_next{padding-right:115px; padding-left:40px; text-align:right;   }
.view_paging .view_paging_next:after{ right:0;  background-image:url('/thema/Basic/img/view_paging_next.png'); }
.view_paging  b{ display:block; font-size:18px; margin-bottom:10px; color:#cd161e;}
.view_paging  p{ font-size:16px;  color:#333;  }


@media all and (max-width:1024px) {
	/*카테고리*/
	#board_cate{ margin-bottom:50px;}
	#board_cate li{ margin:3px 10px;  }
	#board_cate li a{ font-size:16px; }

	/*게시판 토탈 검색*/
	#board_top{ margin-bottom:30px; }
	#board_top #board_total{ font-size:14px; }
	#board_top #board_total b{ font-size:20px; }
	#board_top #search_box{ max-width:300px; }
	#board_top #search_box input{ height:45px; font-size:14px; padding:0 65px 0 15px;  }
	#board_top #search_box button{ width:45px; height:45px; background-size:18px; }

	/*공통버튼*/
	body .board_btn{ height:35px; line-height:35px;  width:70px; font-size:14px;   }

	/* view 다음글, 이전글 */
	.view_paging{  margin:30px 0; }
	.view_paging > a,
	.view_paging > div{padding:20px 0;  width:50%; }
	.view_paging > a:after,
	.view_paging > div:after{ width:60px; background-size:10px;  }
	.view_paging .view_paging_prev{padding-left:80px; padding-right:20px; }
	.view_paging .view_paging_next{padding-right:80px; padding-left:20px;}
	.view_paging  b{font-size:16px; margin-bottom:5px; }
	.view_paging  p{ font-size:14px; }
}
@media all and (max-width:768px) {
	/*카테고리*/
	#board_cate{ margin-bottom:50px;}
	#board_cate li{ margin:2px 5px;  }
	#board_cate li a{ font-size:14px;  }

	/*게시판 토탈 검색*/
	#board_top{ margin-bottom:20px; }
	#board_top #board_total{ width:100%; text-align:center; margin-bottom:10px; font-size:13px;    }
	#board_top #board_total b{ font-size:18px; }
	#board_top #search_box{ margin:0 auto; }
	#board_top #search_box input{ font-size:13px;  }

	/*공통버튼*/
	body .board_btn{ height:30px; line-height:30px;  width:60px; font-size:13px;   }

	/* view 다음글, 이전글 */
	.view_paging{  margin:20px 0; }
	.view_paging > a,
	.view_paging > div{ width:100%;}
	.view_paging .view_paging_prev{ border-bottom:1px solid #ddd; border-left:1px solid #ddd; }
	.view_paging .view_paging_next{ border-left:1px solid #ddd; border-right:1px solid #ddd;  }
}