@charset "utf-8";

#boList{position:relative;}

.btnbo{display:block;height:30px;line-height:28px;padding:0 5px;border:1px solid #dcdcdc;background-color:#fafafa;color:#212121;border-radius:4px;}
.btnbo.btnbo_write{border:1px solid #1445a0;background-color:#1445a0;color:#fff;}
.btnbo.btnbo_move{border:1px solid #cc0000;background-color:#cc0000;color:#fff;}

h2#bo_v_title{padding-bottom:1em;border-bottom:1px solid #dcdcdc;}
h2#bo_v_title .bo_v_tit{font-size:20px;}

@media screen and (min-width:768px) {
	.btnbo{height:40px;line-height:38px;padding:0 10px;}
	h2#bo_v_title .bo_v_tit{font-size:24px;}
}

/* 카테고리 */
	#boCate{}
	#boCate ul li{margin-right:4px;margin-bottom:4px;}
	#boCate ul li a{display:block;height:32px;line-height:30px;padding:0 15px;border:1px solid #dcdcdc;border-radius:16px;font-size:13px;}
	#boCate ul li a#bo_cate_on{background-color:#1445a0;border-color:#1445a0;color:#fff;}

	@media screen and (min-width:768px) {
		#boCate ul li a{height:40px;line-height:40px;padding:0 25px;border-radius:20px;font-size:16px;}
	}

	@media screen and (min-width:1200px) {
		#boCate{padding-top:70px;}
		#boCate ul li a{height:30px;line-height:30px;padding:0 20px;border-radius:15px;}
	}

/* 검색 */
	#boSch{margin-top:10px}
	#boSch .basic_select{display:none;}
	#boSch .sch_bar{position:relative;}
	#boSch .sch_bar .sch_input{display:block;width:100%;height: 40px;border: 1px solid #dcdcdc;padding: 0 10px;border-radius:20px}
	#boSch .sch_bar .sch_btn{position:absolute;top:0;right:10px;width:40px;height:40px;border:none;padding:0;margin:0;background-color:rgba(0,0,0,0);text-align:center;}

	@media screen and (min-width:768px) {
		#boSch .sch_bar .sch_input{height:50px;line-height:50px;padding:0 30px;border-radius:25px;}
		#boSch .sch_bar .sch_btn{right:20px;height:50px;line-height:50px;font-size:20px}
	}

	@media screen and (min-width:1200px) {
		#boSch{padding-left:800px;}
		#boSch.incate{position:absolute;top:0;right:0;width:400px;padding-left:0;margin-top:0}
		#boSch .sch_bar .sch_input{border-color:#ccc}
	}

/* 게시판 리스트 버튼 모음 */
	#boBtnTop{position:relative;margin-top:20px;}
	#boListTotal{line-height:30px;margin-top:10px}
	#btnBoUser{}
	#btnBoUser ul li{margin-right:3px;}

	#boBtnBottom{position:relative;margin-top:20px;}

	@media screen and (min-width:768px) {
		#boBtnTop{height:40px;}
		#boListTotal{line-height:40px}
		#boBtnTop #btnBoUser{position:absolute;top:0;right:0;}
		#btnBoUser ul li{margin-right:5px;}
		#btnBoUser ul li:last-child{margin-right:0px;}

		#boBtnBottom{position:absolute;bottom:0;right:0;height:40px;margin-top:0;}
		#boBtnBottom #btnBoUser{}
	}

/* 게시판 리스트 */
	#boListArea{margin-top:1em;border-top:1px solid #ccc}
	#boListArea .list_tbl thead tr th{padding:10px 0;border-bottom:1px solid #ccc;text-align:center;}
	#boListArea .list_tbl thead tr th label{margin-bottom:0}
	#boListArea .list_tbl tbody tr td{padding:10px 5px;border-bottom:1px solid #dcdcdc;font-size:13px;}
	#boListArea .list_tbl tbody tr:last-child td{border-bottom:1px solid #ccc;}
	#boListArea .list_tbl .chk_box{width:50px;text-align:center;}
	#boListArea .list_tbl .no{width:50px;text-align:center;}
	#boListArea .list_tbl .subject .bo_cate_area{display:inline-block;height:26px;line-height:24px;padding:0 10px;margin-bottom:5px;border:1px solid #ccc;background-color:#fafafa;border-radius:3px;}
	#boListArea .list_tbl .subject .bo_subject{}
	#boListArea .list_tbl .subject .bo_subject .icobox{display:inline-block;width:22px;height:22px;line-height:22px;background-color:#99ffff;color:#003366;text-align:center;border-radius:11px;}
	#boListArea .list_tbl .subject .bo_mOnly{margin-top:5px;color:#999}
	#boListArea .list_tbl .subject .bo_mOnly > span{display:inline-block;padding-left:20px;}
	#boListArea .list_tbl .subject .bo_mOnly > span:first-child{padding-left:0}
	#boListArea .list_tbl .writer{display:none;width:100px}
	#boListArea .list_tbl .hit{display:none;width:80px}
	#boListArea .list_tbl .date{display:none;width:120px;color:#999}

	#boListArea #gallUl li{position:relative;width:100%;}
	#boListArea #gallUl li .gall_con{border:1px solid #dcdcdc;background-color:#fafafa}
	#boListArea #gallUl li .gall_con .gall_img a{display:block;overflow:hidden;font-size:0;}
	#boListArea #gallUl li .gall_con .gall_img a img{width:100%;-webkit-transition:.3s ease-in-out;-moz-transition:.3s ease-in-out;-o-transition:.3s ease-in-out;transition:.3s ease-in-out;}
	#boListArea #gallUl li .gall_con .gall_text_href{padding:1em;}
	#boListArea #gallUl li .gall_con .gall_text_href .bo_cate_link{margin-bottom:5px;}
	#boListArea #gallUl li .gall_con .gall_text_href .bo_tit{display:block;line-height:20px;font-size:16px;font-weight:bold}
	#boListArea #gallUl li .gall_con .gall_info{margin-top:5px;color:#999}
	#boListArea #gallUl li .gall_con .gall_info > span{margin-left:15px;}
	#boListArea #gallUl li .gall_con .gall_info > span:first-child{margin-left:0}

	#boListArea .empty_table{border-bottom:1px solid #ccc;}

	@media screen and (min-width:768px) {
		#boListArea .list_tbl thead tr th{padding:20px 0;font-size:16px;}
		#boListArea .list_tbl tbody tr td{padding:20px 5px;font-size:16px;}
		#boListArea .list_tbl .no{width:80px;}
		#boListArea .list_tbl .writer,
		#boListArea .list_tbl .hit,
		#boListArea .list_tbl .date{display:table-cell;text-align:center;}
		#boListArea .list_tbl .subject .bo_mOnly{display:none}

		#boListArea #gallUl li{width:48%;margin-left:2%;margin-bottom:2%}
		#boListArea #gallUl li:nth-child(2n+1){margin-left:0}
		#boListArea #gallUl li .gall_con .gall_text_href .bo_tit{overflow:hidden;height:40px;}
		#boListArea #gallUl li .gall_con .gall_info{font-size:13px}
	}

	@media screen and (min-width:1200px) {
		#boListArea .list_tbl tbody tr td.subject{font-size:18px}
		#boListArea .list_tbl tbody tr:hover td{background-color:#fafafa}
		#boListArea .list_tbl tbody tr:hover td:first-child{border-left:3px solid #1445a0}

		#boListArea #gallUl li{width:24%;margin-left:1.3%}
		#boListArea #gallUl li:nth-child(2n+1){margin-left:1.3%}
		#boListArea #gallUl li:nth-child(4n+1){margin-left:0}
		#boListArea #gallUl li .gall_chk{position:absolute;top:0;left:0;z-index:100}
		#boListArea #gallUl li .gall_con:hover .gall_img a img{transform:scale(1.2)}
		#boListArea #gallUl li .gall_con .gall_text_href .bo_tit{height:48px;line-height:24px;font-size:18px;}
	}

/* 페이징 */
	.pagenation{clear:both;height:30px;margin-top:20px;text-align:center;}

	@media screen and (min-width:768px) {
		.pagenation{margin-top:40px;}
	}