.board-wrap{margin-bottom:100px;}

.board-wrap .cke_chrome{border-right:none;}


.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;}
.board-wrap .tit-int{width:100%;height:35px;padding:0 15px;border:1px solid #cacaca;text-align:left;}


.board-wrap .board-btn-list{padding:20px 0;text-align:right;}
.board-wrap .bod-btn{margin-left:2px;padding:3px 10px;border:1px solid #e2e2e2;font-size:12px;color:#000;background-color:#fff;cursor:pointer;}
.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;}

.board-wrap .board-header{padding:20px 0;}
.board-wrap .board-header:after{content:"";display:block;clear:both;}
.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;}

.board-wrap .board-header .board-category-list{float:left;padding:10px 0 0 25px;}
.board-wrap .board-header .board-category-list > li{float:left;}
.board-wrap .board-header .board-category-list > li > a{display:block;position:relative;padding:0 15px;font-weight:bold;font-size:15px;color:#757575;}
.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;}
.board-wrap .board-header .board-category-list > li:last-child > a:after{content:none;}
.board-wrap .board-header .board-category-list > li.on > a, .board-wrap .board-header .board-category-list > li:hover > a{color:#4e9700;}


.board-wrap .board-header  .board-search{float:right;}
.board-wrap .board-header  .board-search .select{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;}
.board-wrap .board-header  .board-search .select::-ms-expand { 
  display: none;
}
.board-wrap .board-header  .board-search .search-int{width:250px;height:40px;padding:0 15px;border:1px solid #cacaca;text-align:left;}
.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;}

.board-wrap .border-extra-list{padding:10px 0;border-bottom:1px solid #dedede;}
.board-wrap .border-extra-list:after{content:"";display:block;clear:both;}
.board-wrap .border-extra-list > li.con-h{float:left;width:120px;text-align:center;font-size:16px;color:#000;font-weight:bold;}
.board-wrap .border-extra-list > li.con-box{overflow:hidden;}


.board-wrap .borad-content{} 
.board-wrap .borad-content .board-con-list{width:100%;border-top:2px solid #000;}
.board-wrap .borad-content .board-con-list th{padding:15px 10px;border-bottom:1px solid #dedede;text-align:center;font-size:16px;color:#111;background-color:#fff;}
.board-wrap .borad-content .board-con-list td{padding:25px 10px;border-bottom:1px solid #dedede;text-align:center;font-size:16px;color:#888;background-color:#fff;}
.board-wrap .borad-content .board-con-list tr:nth-child(2n) td{background-color:#fafafa;}
.board-wrap .borad-content .board-con-list td.bod-tit{width:55%;text-align:left;}
.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:16px;color:#111;}
.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; }
.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;}
.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;}

.board-wrap .board-view-header{padding:30px 0;border-width:2px 0 1px;border-color:#000 transparent #dedede;border-style:solid;}
.board-wrap .board-view-header .board-view-tit{display:table;width:100%;}
.board-wrap .board-view-header .board-view-tit > li{display:table-cell;vertical-align: middle;}
.board-wrap .board-view-header .board-view-tit > li.notice-bod, 
.board-wrap .board-view-header .board-view-tit > li.cate-bod{
	width:8%;
}
.board-wrap .board-view-header .board-view-tit > li.notice-bod span, 
.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;
}
.board-wrap .board-view-header .board-view-tit > li.title{font-size:25px;color:#000;font-weight:bold;}


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

.board-extra-box{}
.board-extra-box .extra-list{width:100%;border-width:1px 0 1px;border-color:#9ca6b1 transparent #9ca6b1;border-style:solid;}
.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;}
.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;}
.board-extra-box .extra-list td .tit-int{width:100%;height:35px;padding:0 15px;border:1px solid #cacaca;text-align:left;}


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


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

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

.board-wrap .board-file-list input[type="button"]{margin-left:20px;padding:0 10px;border:1px solid #a0a0a0;border-radius:2px;color:#111;font-size:15px;background:#fafafa;cursor:pointer;vertical-align:top;}

.board-wrap .fileupload-box{display:inline-block;width:30%;padding:17px 20px;border:1px solid #e2e2e2;background-color: #faf9f9;cursor:pointer;transition:all 0.3s;}
.board-wrap .fileupload-box:hover{color:#fff;background-color:#253bbb;}
.board-wrap #fileupload{display:none;}

.board-wrap #fileList{}
.board-wrap #fileList.on{margin:15px 0;padding:15px 15px 10px;border:1px solid #e2e2e2;}
.board-wrap #fileList > li{padding:10px 0;border-bottom:1px dotted #e2e2e2;font-size:13px;color:#000;}
.board-wrap #fileList > li:last-child{border-bottom:0;}
.board-wrap #fileList > li .c_pointer{cursor:pointer;}

.board-wrap .file-de-list{clear:both;}
.board-wrap .file-de-list.on{margin:15px 0;padding:15px 15px 10px;border:1px solid #e2e2e2;}
.board-wrap .file-de-list > li{padding:10px 0;border-bottom:1px dotted #e2e2e2;font-size:13px;color:#000;}
.board-wrap .file-de-list > li:last-child{border-bottom:0;}
.board-wrap .file-de-list > li .c_pointer{cursor:pointer;}

.board-wrap #imgList{}
.board-wrap #imgList.on{margin-top:15px;padding:15px 15px 10px;border:1px solid #e2e2e2;}
.board-wrap #imgList:after{content:"";display:block;clear:both;}
.board-wrap #imgList > li{position:relative;float:left;margin:0 5px 5px;    border: 1px solid #e2e2e2;}
.board-wrap #imgList > li .c_pointer{position:absolute;right:0px;top:0px;cursor:pointer;}

.board-wrap #imgList > li .sel-radio{position:absolute;left:0;top:0;width:17px;height:17px;cursor:pointer;}

.board-wrap	.close-item{display:inline-block;vertical-align: middle;width:17px;height:17px;margin-left: 5px;background-image:url(../images/board_i_close.png);}

.board-wrap .img-de-list{}
.board-wrap .img-de-list.on{padding:15px 15px 10px;border:1px solid #e2e2e2;}
.board-wrap .img-de-list:after{content:"";display:block;clear:both;}
.board-wrap .img-de-list > li{position:relative;float:left;margin:0 5px 5px;}
.board-wrap .img-de-list > li img{display:block;}
.board-wrap .img-de-list > li .c_pointer{position:absolute;right:5px;top:5px;cursor:pointer;}
.board-wrap .img-de-list > li .sel-radio{position:absolute;left:0;top:0;width:17px;height:17px;cursor:pointer;}
.board-wrap .img-de-list > li .del_file_label{display:block;padding:3px 0;text-align:center;background-color:#eee;}
.board-wrap .img-de-list > li .del_file_label input{vertical-align:middle;}


.board-wrap .flie-list-all{width:100%;border-bottom:1px solid #dedede;}
.board-wrap .flie-list-all th{width:20%;padding:15px 5px;font-size:15px;color:#000;font-weight:bold;}
.board-wrap .flie-list-all td{padding:15px 5px;}
.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){
	.board-wrap .board-header .board-search{padding-top:15px;float:none;clear:both;}


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


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


	.board-add-header ul > li.li01{float:none;clear:both;width:100%;padding:15px 0;text-align:left;}
	.board-add-header ul > li.li02{width: 30%;padding:0 5px 0 0;}
	.board-add-header ul > li.li03{width:70%;}
	.board-add-header ul > li.li04{float:none;width:100%;}

	.board-file-box .board-file-list th{display:block;width:100%;text-align:left;}
	.board-file-box .board-file-list td{display:block;width:100%;border-top:0;}
	.board-wrap .fileupload-box{width:100%;}
}
@media screen and (max-width: 600px){
	.board-wrap .board-header{padding-top:0;}
	.board-wrap .board-header .board-category-list{float:none;clear:both;padding-left:0;}

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

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

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

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



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


@media screen and (max-width: 480px){
	.board-wrap .borad-content .board-con-list td.bod-tit a{display:inline;white-space:inherit;}
	.board-add-header ul > li.li02{float:none;width:100%;padding:0 0px 5px 0;}
	.board-add-header ul > li.li03{float:none;width:100%;}
	.board-add-header ul > li.li04{float:none;width:100%;}
}


#con .border-np-box{margin-top:40px;border-top:1px solid #d9d9d9;}
#con .border-list-b{height:50px;border-bottom:1px solid #d9d9d9;}
#con .border-list-b > li{float:left;}
#con .border-list-b > li.li01{width:12%;padding-top: 17px;font-size:15px;text-align:center;color:#888;}
#con .border-list-b > li.li02{width:73%;padding-top: 17px;}
#con .border-list-b > li.li02 a{display:inline-block;overflow:hidden;width:80%;text-overflow: ellipsis;white-space: nowrap;font-size:15px;color:#000;font-weight:400;}
#con .border-list-b > li.li03{width:15%;padding-top: 17px;text-align:center;font-size:15px;color:#888;}

@media screen and (max-width: 600px){
	#con .border-list-b > li.li01{width:70px;}
	#con .border-list-b > li.li02{overflow:hidden;float:none;width:auto;}
	#con .border-list-b > li.li03{display:none;}
}


#con .con-tit{margin-bottom:20px;font-size:25px;font-weight:bold;color:#000;}
#con .conBox{border-top: 2px solid #000;}
#con .conBox .board-write-list{position:relative;width:100%;height:auto !important;border-width:0 0 1px 0 ;border-style:solid ;border-color:#ddd;}
#con .conBox .board-write-list::after{content:'';display:block;clear:both;}
#con .conBox .board-write-list li{float:left;width:100%;height:auto;padding:15px 0;font-size:18px;text-align:center;}
#con .conBox .board-write-list li.li01{width:10%;margin: 5px 0;}
#con .conBox .board-write-list li.li03{width:90%;}
#con .conBox .board-write-list li.li03 input[type="file"]{vertical-align:sub;}
#con .conBox .board-write-list li input[type="text"]{width:100%;height:30px;border:1px solid #cacaca;}
#con .conBox .board-write-list li textarea{width:100%;height:300px !important;border:1px solid #cacaca;}

.btn-wrap{padding:20px 0;text-align:right;}
.btn-wrap .btn_s_s{margin-left:2px;padding:5px 20px;border:1px solid #e2e2e2;font-sze:14px;color:#000;background:#fff;cursor:pointer;}
.tmar_10{width:100%;}
.tmar_10 .rmar_10{margin-right:2px;padding:3px 10px;border:1px solid #e2e2e2;font-size:11px;color:#000;background:#faf9f9 !important;}




#content ..paging{margin-top:50px;text-align:center;}
#content ..paging > p{display:inline-block;font-size:15px;}
#content ..paging > p:after{content:'';display:block;clear:both;}
#content ..paging > p strong{display:block;float:left;width:30px;height:30px;margin-left:7px;color:#fff;line-height:30px;background:#999;font-weight:500;}
#content ..paging > p a{display:block;float:left;width:30px;height:30px;margin-left:7px;margin-bottom:5px;border:1px solid #ebebeb;line-height:30px;color:#999;font-weight:500;}
#content ..paging > p a:first-child,
#content ..paging > p a:last-child{border:none;}