/* font import */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@100;200;300;400;500;600;700;800;900&display=swap');
/* font-family: 'Noto Sans KR', sans-serif; */
/* font-family: 'Poppins', sans-serif; */
/* .center{max-width:1440px;} */

/* title */
.board_title{text-align:center; padding:20px 0;}
.board_title h4{font-size:26px; font-weight:500;}

/* board style */
.board_table{}
.board_list_box{padding-top:20px;}
.board_list_box .board_list{padding:20px 0; border-bottom:1px solid #eee; display:flex; align-items:center; flex-flow:wrap; justify-content:space-between;}
.board_list_box .board_list>a{width:100%; display:flex; align-items:center; justify-content:space-between;}
.board_list_box .board_list span{display:inline-block; text-align:center; font-size:13px; color:#333; overflow:hidden; white-space: nowrap; text-overflow: ellipsis;}
.board_list_box .board_list span.name{width:10%}
.board_list_box .board_list span.tel{width:12%;}
.board_list_box .board_list span.email{width:15%;}
.board_list_box .board_list span.title{width:15%}
.board_list_box .board_list span.detail{width:18%}
.board_list_box .board_list span.file{width:15%}
.board_list_box .board_list span.day{width:15%}

/* ex */
.board_list_box .board_list span.num{width:10%}
.board_list_box .board_list span.content{width:20%}
.board_list_box .board_list span.date{width:15%}
.board_list_box .board_list span.onoff{width:10%}


.board_list_box .board_category span{font-size:15px; font-weight:600;}

.board_table .board_list_box .board_contents .modify a{color:red;}

.board_table .board_list_box .board_category{padding:5px 0; background:#eee; border-bottom:2px solid #ccc;}
.board_table .board_list_box .board_category span{font-size:14px; font-weight:500;}

/* search form style */
.category_search_box{width:75%; padding:20px;}
.category_search_box .category_search_select{height:39px;}
.category_search_box input{height:39px; box-sizing:border-box;}
.category_search_box .search_button{height:39px; padding:8px 20px; background:#111; color:#fff; cursor:pointer;}
.add_button{text-align:right; padding-bottom:30px;}
.board_btn{display:inline-block; padding:10px 20px; margin-top:15px; background:#111; color:#fff; margin-left:10px;}

.board_table .board_list_box .write_list{padding:10px 0;}
.board_table .board_list_box .write_list span{display:inline-block; text-align:center;}
.board_table .board_list_box .write_list span.name{width:5%;}
.board_table .board_list_box .write_list span.tel{width:10%;}
.board_table .board_list_box .write_list span.email{width:10%;}
.board_table .board_list_box .write_list span.title{width:10%;}
.board_table .board_list_box .write_list span.detail{width:15%;}
.board_table .board_list_box .write_list span.file{width:10%;}
.board_table .board_list_box .write_list span.day{width:7%;}
.board_table .board_list_box .write_list span input{width:100%; box-sizing:border-box; border:1px solid #bbb; border-radius:3px; padding:10px 0 10px 10px;}
.board_table .board_list_box .write_list span select{padding:8px 10px; border:1px solid #ccc; box-sizing:border-box;}
.board_table .board_list_box .write_category{padding:10px 0; background:#eee; border-bottom:2px solid #ccc;}
.board_table .board_list_box .write_contents{padding:10px 0; display:flex; justify-content:space-around; flex-flow:wrap;}

/* paging */
.numbering{padding:30px 0; text-align:center;}
.numbering span{width:35px; height:35px; background:#fff; border:1px solid #111; box-sizing:border-box; color:#111; line-height:35px; display:inline-block; cursor:pointer;}
.numbering span.on{background:#111; color:#fff;}
.numbering .page_number{}
.numbering .page_number.on{}

.subpage_title h2{padding:20px;}

.admin_detail .center{max-width:800px;}
.admin_detail .board_table{padding:30px 10px;}
.admin_detail .board_table .board_box{border:1px solid #aaa; padding:20px; box-sizing:border-box;}
.admin_detail .board_table .board_box .info{border:1px solid #ccc; padding:0 10px;}
.admin_detail .board_table .board_box .info p{border:1px solid #ccc; padding:10px; margin:10px 0;}
.admin_detail .board_table .board_box .info p .cat{border-bottom:1px solid #eee; padding-bottom:5px; font-size:12px; color:#aaa;}
.admin_detail .board_table .board_box .info p span{display:block;}
.admin_detail .board_table .board_box .info p span.customer{padding:10px 0; font-size:14px;}
.admin_detail .board_table .detail{border:1px solid #ccc; padding:10px; margin-top:10px;}
.admin_detail .board_table .detail p{border-bottom:1px solid #eee; padding-bottom:10px; text-align:center;}
.admin_detail .board_table .detail .content{padding:10px; font-size:14px;}
.admin_detail .board_table .detail .file_img{padding:0 10px;}
.admin_detail .board_table .detail .file_img span{display:block; font-size:14px; color:#aaa;}
.admin_detail .board_table .detail .file_img span.file{padding:10px 0;}
.admin_detail .board_table .detail .file_img img{width:100%; max-width:500px;}
.admin_detail .board_btn{font-size:12px;}
.admin_detail .board_table .comment{border:1px solid #ccc; padding:10px; margin-top:10px; text-align:center;}
.admin_detail .board_table .comment p{border-bottom:1px solid #eee; padding-bottom:10px; text-align:center;}
.admin_detail .board_table .comment input{width:100%; padding:10px; box-sizing:border-box; border:0; border-bottom:1px solid #888; margin-top:10px;}
.admin_detail .board_table .comment input:focus{background:2px solid #555;}
.admin_detail .board_table .comment .write_btn{}
.admin_detail .board_table .comment .write_btn .board_btn{cursor:pointer; margin-top:30px;}

.admin_detail .board_table input{width:100%; padding:10px 10px; box-sizing:border-box;}
.admin_detail .board_table textarea{width:100%; height:400px; padding:10px 10px; box-sizing:border-box;}