@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap');

/* 한글 폰트 font-family: 'Noto Sans KR', sans-serif; */

/* community section style  */
.community_section{width:100%; height:auto; background:#101010; padding:50px 0 70px 0;}


.community_section .sub_page_title h2{color:#8f1202;}
.community_section .sub_page_title b{color:#fff;}

.community_section .sub_page_title .title_line{background: #fff; width:90px;}

/* board table area style  */

.board_table{width:60%; margin:60px auto; }

.board_table .board_list{width:100%; height:auto;}
.board_table .board_list li{padding: 10px 0; box-sizing: border-box; border-bottom:1px solid rgb(97, 97, 97);}
.board_table .board_list li:nth-child(even){background:rgb(41, 41, 41);}
.board_table .board_list li:nth-child(odd){background:rgb(32, 32, 32);}
.board_table .board_list li span{float:left; display:block; text-align: center; font-size:14px; font-family:'Montserrat', sans-serif 'Noto Sans KR', sans-serif; color:#fff; }

.board_table .board_list li.board_title{border-top:1.5px solid #fff; border-bottom:1.5px solid #fff;background:#101010; padding:15px 0; }
.board_table .board_list li.board_title span{color:#fff; font-weight: bold; }
.board_table .board_list span.num{width:15%;}
.board_table .board_list span.title{width:50%;}
.board_table .board_list span.id{width:20%;}
.board_table .board_list span.hits{width:15%;}

.board_panel .board_list span.check{width:10%;}
.board_panel .board_list span.title{width:40%;}

.board_list .board_contents span.title{cursor: pointer;}
.board_list .board_contents span.title a{color:#fff;}





.board_table a.board_btn:nth-child(1){background:#555;}
.board_table .community_btn{width:100%; height:auto; margin-top:10px;}

/* //------------------------write_form.php------------------- */
.write_box{width:100%; height:auto; box-sizing:border-box; padding:10px;}
.write_box p{width:100%; height:auto; margin-bottom:10px;}
.write_box p label{float:left; display:block; height:30px; width:20%; background:#8f1202; font-size:14px; color:#fff; display:flex; justify-content: center; align-items: center;}
.write_box p input{float:right; width:79%; height:30px; box-sizing: border-box; padding:10px; border:1px solid #333;}
.write_box p textarea{width:100%; resize: none; height:200px; font-family:'Montserrat', sans-serif 'Noto Sans KR', sans-serif;  box-sizing: border-box; padding:15px;  border:1px solid #333;}


.write_box em.view_content{width:100%; height:auto; display:block; font-style: normal; font-family:'Montserrat', sans-serif 'Noto Sans KR', sans-serif;  box-sizing: border-box; padding:15px;  border:1px solid #333;  background:#fff; }


.write_btn{float:right; padding:0 10px; box-sizing: border-box; }
.write_btn>a{float:right; padding:10px 20px; box-sizing: border-box; background:#333;}
.write_btn>a:nth-child(1){margin-left:5px;}



/* .community_section */
.community_section.padding_fit{padding:50px  0;}
.numbering{width:100%; text-align:center; padding:10px 0; color:#fff;}
.numbering .fa{padding:0 5px; transition:all 0.4s; cursor: pointer;}
.numbering span:hover{color:#8f1202; cursor: pointer; }
.numbering span.on{color:#8f1202;}


/* search box */

.board_table a.board_btn{float:right; background:#444; padding:10px 20px; }
.community_btn .search_box{float:left; width:60%; height:auto;}
.community_btn .search_box select{width:25%; float:left; display:block; box-sizing: border-box; height:35px; outline:0; border:0; box-sizing: border-box; padding:0 10px;}
.community_btn .search_box .search_input{width:60%;float:left; display:block; border:0; outline:0; height:35px; margin-left: 1%; box-sizing: border-box; padding:0 10px;}
.community_btn .search_box button{width:10%;float:left;display:block; height:35px; border:0; outline:0; margin-left: 1%;}




/* reply area style  */
#answer{display:block; width:100%; padding: 10px 50px 10px 100px; box-sizing:border-box; text-align: left;  border-top:1px solid #444; display:none;}