@charset "utf-8";
/************* 게시판 - 리스트 레이아웃 *****************/

#board {position:relative; margin:0 auto; width:86%; overflow:hidden; }
#board .brdlist_head {padding:5px 0;}
#board .brdlist_content {}
#board .brdlist_bt {text-align:right; padding:10px 0;}
#board .brdlist_paging {text-align:center; padding-bottom:10px;}
#board .brdlist_search {text-align:center; height:43px; width:100%; padding:0; background:url("/img/board/search_bg.gif") left top no-repeat;}
#board .brdlist_search form {height:43px; background:url("/img/board/search_bg.gif") left top no-repeat;}
#board .brdlist_search form {background-position:right top; padding:11px 15px 0 15px;}

.brdlist_head {overflow:hidden;clear:both;width:100%; padding:5px 0}
.brdlist_head .fl{float:left}  
.brdlist_head .fr{float:right}  
.brdlist_head .page_info {color:#666; margin:0 0 10px 0;}
.brdlist_head .page_info strong {color:#336699;}

.brdlist_content {}
.brdlist_footer {overflow:hidden;clear:both;width:100%; padding:5px 0}
.brdlist_footer .bt {text-align:right; padding:5px 0;}
.brdlist_footer .search {text-align:center; vertical-align:middle; padding:10px 0; margin:10px 0 0 ;}
.brdlist_footer .search input {vertical-align:middle;}
.brdlist_footer .search input.inpline {height:22px;}
.search_btn {vertical-align:middle;background:#045a97; color:#fff; border:1px solid #045a97; padding:3px 15px 5px 15px; border-collapse: collapse; font-weight:600; }
.brdlist_footer .selline {vertical-align:bottom;}

/************* 관리자 테이블 *****************/
table.brdlist {border-collapse: collapse; width:100%; line-height:50px;}
table.brdlist {background-position:right top; padding:0 15px;}
table.brdlist caption {display:none;}
table.brdlist th{height:33px; text-align:center; background:#045a97; color:#fff; font-weight:500; padding:5px 0 7px 0;}
table.brdlist tbody td{background:none; border:none; border-bottom:1px solid #CCC; padding:7px 0; text-align:center; color:#666;}
table.brdlist tbody td a {color:#383d41;}
table.brdlist tbody td.number {vertical-align:top; }
table.brdlist tbody td.text {padding-left:20px;}
table.brdcont {border:0px; border-collapse:collapse; width:100%; }
table.brdcont caption {display:none;}
table.brdcont th{text-align:center; font-size:15px; color:#000; font-weight:normal; line-height:38px; background:#f7f7f7}

table.brdcont th.tdbg {width:100%; font-weight:bold; line-height:32px; background-position:right top; padding:10px 15px; height:33px; text-align:center; background:#666; color:#fff; font-size:19px;}


table.brdcont td{text-align:left; padding:0 0 0 5px; border:none}
table.brdcont td div.content{overflow:hidden; width:100%; padding:10px 0; min-height:400px; line-height:18px}
@media all and (max-width:767px) {
		table.brdcont td div.content a img{width:100% !important; height:auto;}
		table.brdcont td div.content img{width:100% !important; height:auto;}
}

@media all and (max-width:960px) {
	#board {width:98%;}
	table.brdlist{line-height:30px; padding:0 0;}
	table.brdlist tbody td.number{position:absolute; left:0; top:0; text-align:center;}
	table.brdlist tbody td.text {padding-left:50px;}
	table.brdlist tbody td.text a{display:block; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
	.brdlist,.brdlist thead,.brdlist tbody,.brdlist th,.brdlist td,.brdlist tr {display:block;}
	.brdlist thead tr {position: absolute; top: -9999px; left: -9999px;}
	.brdlist tr {position:relative; border-bottom:1px solid #e4e7ec; border-top:none;}
	.brdlist tr:first-child {border-top:none;}
	table.brdlist tbody td {position:relative; border:none; border-bottom:none; font-size:16px; padding:5px 10px 5px 10px;}	
	.brdlist tr:nth-child(2n) {background-color:#f7f7f7;}
	.brdlist tr:nth-child(2n+1) {background-color:#fff;}	
	.brdlist .b_file {position:relative; padding:5px 0 10px 13px; display:inline-block; font-size:15px; color:#767676; min-height:23px;}
	.brdlist td.title {padding:10px 10px 0 70px; color:#000;}
	.brdlist .b_name {position:relative; padding:5px 0 10px 50px; display:inline-block; font-size:15px; color:#767676; min-height:23px;}
	.brdlist .b_date {position:relative; padding:5px 0 10px 13px; display:inline-block; font-size:15px; color:#767676; min-height:23px;}
	.brdlist .b_date::after {position:absolute; left:5px; top:14px; content:""; width:1px; height:12px; background:#b9b9b9;}
	.brdlist .b_hit {position:relative; padding:5px 0 10px 13px; display:inline-block; font-size:15px; color:#767676; background:url("/base/imgs/board/board_info_line.gif") no-repeat 3px 35%;}
	.brdlist .b_hit::after {position:absolute; left:5px; top:14px; content:""; width:1px; height:12px; background:#b9b9b9;}
}


/*게시판 라인 속성*/
.tdline{background:#e0e0e0; height:1px;}
.tdline2{background:#e0e0e0; height:2px;}

a.btn_big{display:inline-block;padding-right:4px;background:url(/img/common/bg_btn_default.gif) no-repeat 100% 0;font-family:'NanumGothic', 'Dotum';font-size:12px;color:#444;line-height:25px;word-spacing:-1px;text-decoration:none !important;white-space:nowrap}  
a.btn_big span,a.btn_big strong{display:block;padding:1px 8px 0 12px;background:url(/img/common/bg_btn_default.gif) no-repeat}

/* paginate */
.paginate {overflow:hidden; margin:0 auto; padding:10px 5px 5px 5px; text-align:center;}
.paginate a,.paginate span{display:inline-block;width:26px;height:27px;margin:0 2px; padding-right:2px;border:0 none;background:url("../../imgs/sub/btn_pkg_c.png") -28px -100px no-repeat;color:#666;font-family:tahoma,applegothic,sans-serif;font-size:12px;font-weight:bolder;letter-spacing:-1px;line-height:27px; text-align:center;vertical-align:top}
.paginate a:hover{position:relative;left:0;border:0 none;background-position:-131px -100px;color:#000;text-decoration:none}
.paginate em{overflow:hidden;position:absolute;top:-1px;left:-1px;width:0;height:0;font-size:0;text-indent:-1000px}
.paginate strong {position:relative;width:33px;height:30px;padding:5px 11px; font-size:12px; color:#fff; background:#045a97;line-height:29px;z-index:1}
.paginate strong a:hover{left:0;width:33px;padding:0;background-position:-127px -100px;color:#045a97;text-decoration:none}
.paginate .pre{position:relative;width:28px;padding:0;background-position:0 -140px; font-size:0;}
.paginate .next{position:relative;width:28px;padding:0;background-position:-83px -140px;z-index:0; font-size:0;}
.paginate a.pre:hover{left:0;width:28px;padding:0;background-position:0 -180px; font-size:0;}
.paginate a.next:hover{left:0;width:28px;padding:0;background-position:-83px -180px; font-size:0;}
.paginate span.pre{width:28px;background-position:0 -100px; font-size:0;}
.paginate span.next{width:28px;background-position:-83px -100px; font-size:0;}
.paginate .start{position:relative;width:28px;padding:0;background-position:-83px -260px; font-size:0;}
.paginate .end{position:relative;width:28px;padding:0;background-position:-117px -260px;z-index:0; font-size:0;}
.paginate a.start:hover{left:0;width:28px;padding:0;background-position:-83px -300px; font-size:0;}
.paginate a.end:hover{left:0;width:28px;padding:0;background-position:-117px -300px; font-size:0;}
.paginate span.start{width:28px;background-position:0 -260px; font-size:0;}
.paginate span.end{width:28px;background-position:-34px -260px; font-size:0;}
.paginate span.on{background-position:0 -100px}
.paginate .on{background-position:0 -180px}

/* 탭 스타일 */
.mn_category1 { display:flex; margin:0 auto; width:50%; }
.mn_category1 li { width:33.3%; border-bottom:1px solid #e3e3e3; text-align:center;}
.mn_category1 li.on { border-bottom:1px solid #045a97; }
.mn_category1 li.on a { color:#000; }
.mn_category1 li a {position:relative; display:inline-block; font-weight:600; color:#979797; font-size:21px; padding:25px 0; width:100%;}
@media all and (max-width:880px) {
	.mn_category1 {height:auto; float:none; background:none; width:100%;display:flex;}
	.mn_category1 li { width:50%; }
}
@media all and (max-width:450px) {
		.mn_category1 li a { width:140px; }
}