#con .board-wrap{}


#con .board-wrap .select{height:35px;padding:0 25px 0 10px;border:1px solid #cacaca;background-image:url(../images/select_icon.png);background-repeat:no-repeat;background-position:right 10px center;background-color:#fff;}
#con .board-wrap .tit-int{width:100%;height:35px;padding:0 15px;border:1px solid #cacaca;text-align:left;}


#con .board-wrap .board-btn-list{text-align:right;}
#con .board-wrap .bod-btn{margin-left:2px;padding:3px 10px;border:1px solid #e2e2e2;font-size:12px;color:#000;background-color:#fff;cursor:pointer;}
#con .board-wrap .bod-btn-02{margin-left:2px;padding:5px 20px;border:1px solid #e2e2e2;font-size:14px;color:#000;background-color:#fff;cursor:pointer;}

#con .board-wrap .board-header{padding:20px 0;}
#con .board-wrap .board-header:after{content:"";display:block;clear:both;}
#con .board-wrap .board-header .total-board{float:left;padding:10px 0 5px 23px;font-size:15px;color:#757575;background-image:url(../images/board_total_i.png);background-repeat:no-repeat;background-position:top 10px left;}

#con .board-wrap .board-header .board-category-list{float:left;padding:10px 0 0 25px;}
#con .board-wrap .board-header .board-category-list > li{float:left;}
#con .board-wrap .board-header .board-category-list > li > a{display:block;position:relative;padding:0 15px;font-weight:bold;font-size:15px;color:#757575;}
#con .board-wrap .board-header .board-category-list > li > a:after{content:"";position:absolute;top:50%;right:0;width:1px;height:11px;margin-top:-5px;background-color:#c1c1c1;}
#con .board-wrap .board-header .board-category-list > li:last-child > a:after{content:none;}
#con .board-wrap .board-header .board-category-list > li.on > a, #con .board-wrap .board-header .board-category-list > li:hover > a{color:#15689d;}


#con .board-wrap .board-header  .board-search{float:right;}
#con .board-wrap .board-header  .board-search .select{width:auto;height:40px;padding:0 25px 0 10px;border:1px solid #cacaca;background-image:url(../images/select_icon.png);background-repeat:no-repeat;background-position:right 10px center;background-color:#fff;}
#con .board-wrap .board-header  .board-search .select::-ms-expand { 
  display: none;
}
#con .board-wrap .board-header  .board-search .search-int{width:250px;height:40px;padding:0 15px;border:1px solid #cacaca;text-align:left;}
#con .board-wrap .board-header  .board-search .search-btn{width:40px;height:40px;border:0;background-image:url(../images/search_icon.png);background-repeat:no-repeat;background-position:center;background-color:#15689d;cursor:pointer;}



#con .board-wrap .borad-content{} 
#con .board-wrap .borad-content .board-con-list{width:100%;border-top:2px solid #000;}
#con .board-wrap .borad-content .board-con-list th{padding:15px 10px;border-bottom:1px solid #dedede;text-align:center;font-size:14px;color:#000;background-color:#fff;}
#con .board-wrap .borad-content .board-con-list td{padding:15px 10px;border-bottom:1px solid #dedede;text-align:center;font-size:13px;color:#000;background-color:#fff;}
#con .board-wrap .borad-content .board-con-list tr:nth-child(2n) td{background-color:#fafafa;}
#con .board-wrap .borad-content .board-con-list td.bod-tit{width:55%;text-align:left;}
#con .board-wrap .borad-content .board-con-list td.bod-tit a{display:inline-block;overflow: hidden;vertical-align:middle;max-width: 90%;text-overflow: ellipsis;white-space: nowrap;font-size:13px;color:#000;}
#con .board-wrap .borad-content .board-con-list td.bod-tit .new{ display:inline-block; width:17px; height:17px; margin-left:5px; border-radius:17px; text-align:center; letter-spacing: 1px; line-height:17px; font-size:10px; color:#fff; font-weight:bold; background-color:#f00; -webkit-border-radius:17px; -moz-border-radius:17px; -ms-border-radius:17px; -o-border-radius:17px; }
#con .board-wrap .borad-content .board-con-list td .notice-bod{display:inline-block;padding:2px 5px;border:2px solid #545454;font-size:12px;color:#000;background-color:#fff;}
#con .board-wrap .borad-content .board-con-list td .cate-bod{display:inline-block;min-width:60px;padding:2px 5px;border:2px solid #545454;text-align:center;font-size:12px;color:#000;background-color:#fff;}


#con .board-wrap .board-view-header{padding:20px 0;border-width:2px 0 1px;border-color:#000 transparent #dedede;border-style:solid;}
#con .board-wrap .board-view-header .board-view-tit{display:table;width:100%;}
#con .board-wrap .board-view-header .board-view-tit > li{display:table-cell;vertical-align: middle;}
#con .board-wrap .board-view-header .board-view-tit > li.notice-bod, 
#con .board-wrap .board-view-header .board-view-tit > li.cate-bod{
	width:8%;
}
#con .board-wrap .board-view-header .board-view-tit > li.notice-bod span, 
#con .board-wrap .board-view-header .board-view-tit > li.cate-bod span{
	display:inline-block;padding:3px 10px;border:2px solid #333;font-size:11px;color:#000;background-color:#fff;
}
#con .board-wrap .board-view-header .board-view-tit > li.title{padding-left:10px;font-size:25px;color:#000;font-weight:bold;}


#con .board-wrap .board-view-header .view-item {display:block;margin-top:20px;}
#con .board-wrap .board-view-header .view-item:after{content:"";display:block;clear:both;}
#con .board-wrap .board-view-header .view-item  > li{float:left;font-size:13px;color:#000;}
#con .board-wrap .board-view-header .view-item  > li > span{display:inline-block;padding:0 25px;}

#con .board-extra-box{}
#con .board-extra-box .extra-list{width:100%;border-width:1px 0 1px;border-color:#9ca6b1 transparent #9ca6b1;border-style:solid;}
#con .board-extra-box .extra-list th{padding:15px 5px;border-bottom:1px dotted #d6d6d6;text-align:center;font-weight:bold;font-size:14px;color:#000;background-color:#f4f6f8;}
#con .board-extra-box .extra-list td{padding:15px 10px;border-bottom:1px dotted #d6d6d6;text-align:left;font-size:13px;color:#000;background-color:#fff;}
#con .board-extra-box .extra-list td .tit-int{width:100%;height:35px;padding:0 15px;border:1px solid #cacaca;text-align:left;}


#con .board-add-header{}
#con .board-add-header ul{display:block;padding:15px 0;border-top:1px solid #9ca6b1;}
#con .board-add-header ul:after{content:"";display:block;clear:both;}
#con .board-add-header ul > li{float:left;}
#con .board-add-header ul > li.li01{width:10%;padding-top: 10px;text-align:center;font-weight:bold;font-size:14px;color:#000;}
#con .board-add-header ul > li.li02{width:15%;padding:0 10px;}
#con .board-add-header ul > li.li02 .select{width:100%;}
#con .board-add-header ul > li.li03{width:75%;} 
#con .board-add-header ul > li.li04{width:90%;} 
#con .board-add-header ul > li .check-type{display:inline-block;margin-right:15px;}
#con .board-add-header ul > li .check-type input{vertical-align: middle;margin-right:5px;}


#con .border-view-con{display:block;padding:30px 0;}
#con .border-view-con:after{content:"";display:block;clear:both;}

#con .board-file-box{margin-top:30px;border-width:1px 0;border-color:#dedede;border-style:solid;}
#con .board-file-box .board-file-list{width:100%;}
#con .board-file-box .board-file-list th{width:20%;padding:15px 5px;font-size:15px;color:#000;font-weight:bold;}
#con .board-file-box .board-file-list td{padding:15px 5px;}
#con .board-file-box .board-file-list td ul{display:block;}
#con .board-file-box .board-file-list td ul:after{content:"";display:block;clear:both;}
#con .board-file-box .board-file-list td ul > li{float:left;margin-right:10px;}
#con .board-file-box .board-file-list td ul > li a{display:block;padding:5px 30px 5px 0;background-image:url(../images/down_icon.png);background-repeat:no-repeat;background-position:center right 5px;}

#con .board-wrap .flie-list-all{width:100%;border-bottom:1px solid #dedede;}
#con .board-wrap .flie-list-all th{width:20%;padding:15px 5px;font-size:15px;color:#000;font-weight:bold;}
#con .board-wrap .flie-list-all td{padding:15px 5px;}
#con .board-wrap .flie-list-all td span{display:inline-block;margin-left:2px;padding:3px 10px;border:1px solid #e2e2e2;font-size:11px;color:#999;background-color:#faf9f9;}

@media screen and (max-width: 1000px){
	#con .board-wrap .board-header .board-search{padding-top:15px;float:none;clear:both;}


	#con .board-wrap .board-view-header .board-view-tit{display:block;}
	#con .board-wrap .board-view-header .board-view-tit > li{display:block;float:left;}
	#con .board-wrap .board-view-header .board-view-tit > li.notice-bod, #con .board-wrap .board-view-header .board-view-tit > li.cate-bod{padding:0 10px;width:auto;}
	#con .board-wrap .board-view-header .board-view-tit > li.title{float:none;padding-top:10px;clear:both;}
}


@media screen and (max-width: 800px){
	#con .board-wrap .borad-content .board-con-list th.author,
	#con .board-wrap .borad-content .board-con-list th.date,
	#con .board-wrap .borad-content .board-con-list th.reading,
	#con .board-wrap .borad-content .board-con-list td.author,
	#con .board-wrap .borad-content .board-con-list td.date,
	#con .board-wrap .borad-content .board-con-list td.reading{
		display: none;
	}
	#con .board-wrap .borad-content .board-con-list td.bod-tit{width:70%;}


	#con .board-add-header ul > li.li01{float:none;clear:both;width:100%;padding:15px 0;text-align:left;}
	#con .board-add-header ul > li.li02{width: 30%;padding:0 5px 0 0;}
	#con .board-add-header ul > li.li03{width:70%;}
	#con .board-add-header ul > li.li04{float:none;width:100%;}
}
@media screen and (max-width: 600px){
	#con .board-wrap .board-header{padding-top:0;}
	#con .board-wrap .board-header .board-category-list{float:none;clear:both;padding-left:0;}

	#con .board-wrap .borad-content .board-con-list th.category,
	#con .board-wrap .borad-content .board-con-list td.category{
		display: none;
	}

	#con .board-wrap .borad-content .board-con-list td.bod-tit{width:80%;}

	#con .board-wrap .board-header  .board-search .select{width:48%;margin-bottom:5px;}
	#con .board-wrap .board-header  .board-search .search-int{width:80%;width:calc(100% - 45px);width:-webkit-calc(100% - 45px);}

	#con .board-wrap .board-view-header .view-item > li > span{padding:0 5px;}

	#con .board-file-box .board-file-list th{width:30%;}

	#con .board-wrap .flie-list-all th{width:30%;}
}

@media screen and (max-width: 480px){
	#con .board-add-header ul > li.li02{float:none;width:100%;padding:0 0px 5px 0;}
	#con .board-add-header ul > li.li03{float:none;width:100%;}
	#con .board-add-header ul > li.li04{float:none;width:100%;}
}