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

input, textarea{border-radius: 5px;border: 1px solid #cacaca;height: 25px;padding: 5px;}

.board_box{margin: 50px 0px;}

.validate_box button{width: 100%;padding: 5px 10px;font-size: 14px;color: #fff;background: #333;border: 0;cursor: pointer;border-radius: 5px;}
.validate_box button:hover{background: #000}

.width100 {width: 100px}


/*list*/
.admin_container>h2{padding:0 0 40px 0}
.wirte_title{padding:20px 0 10px 10px}
table {border-collapse: collapse;width: 100%;}
td, th {text-align: center;padding: 7px;font-size:11pt;width:auto;}
.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;}



#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;}

.reply_depth1{margin-left: 20px;}
.reply_depth2{margin-left: 20px;}
.reply_depth3{margin-left: 20px;}

.borad_id{width:50%;text-align: left;}
.borad_id img{float:left;}
.borad_id a{display:block;float:left;padding:5px 0 5px 20px;}

.board_button{display:flex;justify-content: flex-end;margin-top:20px;}
.board_button button{background-color: #fff;border:1px solid #e3e3e3;padding:5px;text-align: center;padding: 5px 20px;}
.board_button a{background-color: #fff;border:1px solid #e3e3e3;padding:5px;text-align: center;;display:inline-block;font-size:10pt;padding: 5px 20px;}
.board_button input{background-color: #fff;border:1px solid #e3e3e3;padding:5px;text-align: center;}

.board_button a{transition: 0.5s all;margin-left:5px;}
.board_button a:hover{background-color:#333;color:#fff;}
.board_button input{transition: 0.5s all;cursor: pointer;margin-left:5px;}
.board_button input:hover{background-color:#333;color:#fff;}


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


.board_write tr td{width:70%;text-align: left;}
.wirte_title{padding:20px 0 10px 10px;}
.admin_container>h2{padding: 0 0 40px 0}

.notice_list{font-weight: 600;background: #fff9e7;}
.list_comment{background: #ffcc3e;padding: 0px 5px;border-radius: 5px;font-size: 12;font-weight: 600;}

.head{display: block;}
.categoty_box {margin-top: 10px;margin-bottom: 10px;height: 30px;}
.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;}

/*list*/


/*view*/
.write_button{display:flex;justify-content: flex-end;margin-top:20px;}
.write_button a{display:inline-block;padding:5px;background-color: #fff !important;color:#333 !important;border:1px solid #e3e3e3;font-size:10pt;width:65px;text-align: center;transition: 0.5s all;}
.write_button a:hover{background-color: #333 !important;color:#fff  !important}

.board_view{display:flex;border-top:2px solid rgb(150,150,150);margin-top:10px;border-bottom:1px solid #e3e3e3;justify-content: space-between}
.board_view>div{padding:5px;font-size:11pt;display:flex;}
.board_view>div>div{padding:0 20px}
.board_view>div:nth-child(1){;padding:5px 0 5px 20px;}
.board_view2{padding:20px;}
.board_view2 table{width:100% !important}
#removeFile{;background-color: rgb(49,34,64);color:#fff;border:none;margin:5px 0 0 5px;;padding:5px;}
.preview_detail0{;align-items: center}

.file-preview>div{position: relative;padding:5px;display: block}
.file-preview>div #removeFile{position: absolute;right:0;top:0;cursor: pointer;}

.secret_validate{padding: 10%;}
.validate_box{width: 300px;margin: auto;border: 1px solid #e3e3e3;padding: 50px;}
.validate_box p{text-align: center;font-weight: 600;}
.validate_box input{width: 100%;height: 30px;margin-top: 10px;margin-bottom: 10px;}
/*view*/


/*write*/
.select_category select{padding: 5px 10px;}
.write_check{display:flex;margin-top:10px;}
.write_check li:nth-child(2){padding: 0 0 0 10px;margin-left:30px;}
.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:50px;}
.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}

.wirte_writer input{padding:5px;border-radius: 5px;border:1px solid #e3e3e3;margin:10px 0}
.submit_button{background-color:#676767 !important;color:#fff; cursor: pointer;}
.submit_button:hover{background: #333 !important;}

.file_box input{height: 35px;}

.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;}


.file_box_text {margin-top: -30px;display: inline-block;}

.board_write .write_button{display: inline-block;margin-left: 20px;margin-top: 0px}

.menu_box {margin-bottom: 30px;}
.menu_box a {padding: 5px 20px;border: 1px solid #e3e3e3;}
.menu_box a:hover{background-color: #333;color: #fff;}
.menu_box .actives{background-color: #333;color: #fff;}

.category_list{padding: 10px;border: 1px solid #e3e3e3;border-radius: 5px;}
.category_list ul li{border-bottom: 1px solid #e3e3e3;padding: 10px;}
.category_list ul li span:nth-child(1){font-weight: 600}
.category_list ul li .button{margin-left: 10px;}
.category_list ul li i{font-size: 13pt;margin-right: 5px}

#modifyBox {vertical-align: middle;}
#modifyBox span{margin-right: 10px;}
#modifyBox input{vertical-align: middle;}
#modifyBox a{border: 1px solid #e3e3e3;padding: 5px 20px;font-size: 9pt;vertical-align: middle;transition: 0.5s all;}
#modifyBox a:hover{background-color: #333;color: #fff;}

.board_write table {border: 1px solid #e3e3e3}
.board_write table tr{display: flex;border-bottom: 1px solid #e3e3e3}
.board_write table tr th{background: #f3f3f3;padding: 10px;}
.board_write table tr td{width: 100%;text-align: left;padding: 10px;}


.board_write tr th p{font-weight: 400;font-size: 10pt}
.board_write tr td textarea{width: 300px;height: 100px}

.board_write p {font-size: 10pt;}


/*write*/

/*comment*/
.comment_wirte_box {margin-top: 50px;border: 1px solid #e3e3e3;padding: 20px;}
.comment_wirte_box .comment_submit{text-align: right;margin-top: 20px;}
.comment_wirte_box .button {padding: 5px 20px;background: #fff;border: 1px solid #e3e3e3;}
.comment_wirte_box .button:hover{background: #333;color: #fff;cursor: pointer;}
.comment_wirte_box table{background: #FBFBFB;border: 1px solid #e3e3e3;}
.comment_wirte_box th{border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;padding: 10px;min-width: 200px;}
.comment_wirte_box td{width: 20%;text-align: left;border-bottom: 1px solid #e3e3e3;padding: 10px;}
.comment_wirte_box td textarea{width: 100%;min-height: 100px;}

.comment_box{padding: 10px;background: #FBFBFB;border: 1px solid #e3e3e3;}
.comment_view{padding: 20px;border-bottom:1px solid #e3e3e3; }
.comment_title span{padding: 0px 10px;font-size: 12px;}
.comment_content{padding:10px;font-size: 14px;}

.comment_button{text-align: right;}
/*comment*/

/*loading*/
.wrap-loading{ position: fixed;left:0;right:0;top:0;bottom:0;background: rgba(0,0,0,0.2); filter: progid:DXImageTransform.Microsoft.Gradient(startColorstr='#20000000', endColorstr='#20000000');}
.wrap-loading div{position: fixed;top:50%;left:50%;margin-left: -21px;margin-top: -21px;}
.display-none{display:none;}
/*loading*/

@media screen and (min-width:768px){
    .head{display:flex;align-items: center;flex-direction: row-reverse;justify-content: space-between}
    .search_box{width:auto;}
    .categoty_box {margin-top: 35px;margin-bottom: 20px;}
}