p,ul,h2,h3{margin:0;padding:0;}
li{list-style: none;}

/*list*/
table {border-collapse: collapse;width: 100%;}
td, th {text-align: center;padding: 7px;font-size:11pt;width:10%;}

.pagenum {display: inline-block;width: 30px;border: 1px solid transparent;color: gray;font-weight: bold;text-decoration: none;text-align: center;padding:7px 0}
.pagenum:hover {color: orange;border: 1px solid orange;}
.pagenum.current {color: orange;text-decoration: underline;}
.move_btn {color: gray;}
.disabled {color: silver;}
.paging_area {text-align: center;}
.start_end {padding: 0px 10px;}
.pagenation {text-align: center;margin-top: 10px;padding-top: 10px;}

.categoty_box ul{}
.categoty_box ul li{float:left;margin-top:5px;}
.categoty_box ul li a{padding: 5px 10px;border: 1px solid #e3e3e3;margin-right: 5px;font-size: 12px;display:inline-block;}
.categoty_box ul li a:hover{background: #333; color: #fff;}

#board_list{border-left:none;border-right:none;margin-top:20px;border-top:2px solid rgb(150,150,150)}
#board_list tr{border-bottom:1px solid #e3e3e3}
#board_list tr:nth-child(odd){background-color: rgb(250,250,250)}
#board_list tr:nth-child(1){background: #fff;}
/*.board_id{width:50%;text-align: left;}*/
.board_id img{float:left;}
.board_id a{display:block;float:left;padding:45px 0 45px 20px;}

.board_button input{background-color: #fff;border:1px solid #e3e3e3;padding:5px;width:65px;text-align: center;}
.board_button input:last-child{border-left:none;}

.search_box{;display:flex;justify-content: flex-end;;margin-bottom:0;width:100%;}
.search_box input{height:35px;border:1px solid #e3e3e3}
.search_box select{height:35px;margin-right:5px;border:1px solid #e3e3e3;background-color: #fff;}

#gallery_box{width:100%;padding:20px 10px;}
#gallery_box a{display:block;border: 1px solid #e3e3e3;}
/*#gallery_box div{width:100%;}*/
.board_id{padding:10px ;border-bottom:0px solid #e3e3e3;font-size:12pt;font-weight: bold;width: 100%}
.gallery_text{padding:10px ;border-bottom:1px solid #e3e3e3;font-size:11pt}
.gallery_date_writer{display:flex;justify-content: space-between;padding:10px ;font-size:11pt}
.gallery_date_writer span{font-weight: bold;}
#board_list{display:flex;flex-wrap:wrap;}


.clear{clear:both}



/*list*/





/*view*/
.board_view_button{;margin-top:20px;}
.board_view_button a:nth-child(1){border-right:none;}
.board_view_button a:nth-child(2){border-right:none;}
.board_view_button a{display:inline-block;padding:5px;background-color: #fff;border:1px solid #e3e3e3;font-size:10pt;width:65px;text-align: center;}
.board_view{;border-top:2px solid rgb(150,150,150);margin-top:10px;border-bottom:1px solid #e3e3e3;}
.board_view>div{padding:5px;font-size:11pt;}
.board_view>div>div{padding:0 20px}
.board_view>div:nth-child(1){;padding:5px 0 5px 20px;}
.board_view2{padding:20px;}
#removeFile{;background-color: rgb(49,34,64);color:#fff;border:none;margin:5px 0 0 5px;;padding:5px;}
.preview_detail0{display:flex;align-items: center}
/*view*/


/*write*/


.write_check{display:flex;margin-top:10px;}
.write_check li:nth-child(2){padding: 0 0 0 10px;margin-left:20px;}
.write_check li input{vertical-align: middle;}
.write_check li input[type="checkbox"]{width:15px;height:15px;display:none;}
.write_check li input[type="checkbox"] + label {
display: inline-block; width:17px; height: 17px; background: #fff;border:1px solid rgb(150,150,150);
cursor: pointer; border-radius: 3px;float:left;position: relative;}
.write_check li:after {display:block; clear:both; content:"";}
.write_check li input[type="checkbox"] + label span {
position: absolute; top: 0;left:20px;; display: block; font-weight: bold;width:40px;}
.write_check li input[type="checkbox"]:checked + label {background:url(/img/check.png) #fff no-repeat center/10px 10px; float: right}

    

.write_title li{width:100%}
.write_title li input{width:100%;padding:5px;border-radius: 5px;border:1px solid #e3e3e3;margin:10px 0 0 0}
/*.write_title input:focus{box-shadow: 0 0 5px 2px #e3e3e3}*/
.wirte_writer input{padding:5px;border-radius: 5px;border:1px solid #e3e3e3;margin:10px 0}
/*.wirte_writer input:focus{box-shadow: 0 0 5px 2px #e3e3e3}*/
.submit_button{background-color:rgb(71, 71, 71) !important;color:#fff; cursor: pointer;}

.file_box{margin-top:10px;display:flex;align-items: center;}
.ui-corner-all{display:inline-block;width:50px;padding:5px 0;text-align: center;border:1px solid #333;margin-right:10px;}

.file-preview{display: inline-flex}
.file-preview div img{max-width: 100px;}
.file-preview div p{text-align: center;}
.all_check{width:100%;text-align: left;}

/*write*/









@media screen and (min-width:600px){
    #gallery_box{width:50%;}
  
}

@media screen and (min-width:768px){
      .board_view{display:flex;justify-content: space-between}
    .board_view_button{display:flex;justify-content: flex-end}
    .board_view>div{padding:5px;font-size:11pt;display:flex;}
    
    
    .category_full{display:flex;align-items: center;flex-direction: row-reverse;justify-content: space-between}
    .search_box{width:auto;}
    
}


@media screen and (min-width:800px){
    #gallery_box{width:33.3333%;}
}/**
 * FilePond Custom Styles
 */
.filepond--drop-label {
	color: #4c4e53;
}

.filepond--label-action {
	text-decoration-color: #babdc0;
}

.filepond--panel-root {
	border-radius: 2em;
	background-color: #edf0f4;
	height: 1em;
}

.filepond--item-panel {
	background-color: #595e68;
}

.filepond--drip-blob {
	background-color: #7f8a9a;
}