p,ul,h2,h3{margin:0;padding:0;}
li{list-style: none;}
.board_view{border-top:none !important}
/*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;}




#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;}
.borad_id{width:50%;text-align: left;}
.borad_id img{float:left;}
.borad_id a{display:block;float:left;padding:45px 0 45px 20px;}
.board_button{display:flex;justify-content: flex-end;margin-top:20px;}
.board_button button{background-color: #fff;border:1px solid #e3e3e3;padding:5px;width:65px;text-align: center;border-left:none;}
.board_button a{background-color: #fff;border:1px solid #e3e3e3;padding:5px;width:65px;text-align: center;;display:inline-block;font-size:10pt;}
.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{width:100%;margin-top:3%;display:flex;justify-content: center;;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;}


.wezine_box a{padding:10px !important;float:none;}
.webzine_name{padding:10px 0;border-bottom:1px solid #e3e3e3;font-weight: bold;font-size:14pt;}
.webzine_view{padding:10px 0}
.webzine_writer{padding:10px 0;border-top:1px solid #e3e3e3;display:flex;justify-content:space-between;}
.webzine_writer span{font-weight: bold;}

.webzine_img div{width:250px;display:flex;justify-content: center;align-items: center;}
.webzine_img div img{width:100%;height:100%;}
.webzine_img a{display:block;width:100%;height:100%;}
.webzine_box{padding:15px 0 !important;display: block;}


.board_button{justify-content: center;position: relative;}
.board_button>div:first-child{position: absolute;left:0;}
.search_box input:hover{background-color: #00ff0000 !important}
.search_box input{width:auto;text-align: left;cursor: inherit;border-radius: none;margin-left:0;}
.search_box select{margin-right:0;}
.board_button a{margin-left:0;}
.board_button a:last-child{border-left:none;}
.board_button>div{display:flex;align-items: flex-start}
.board_button .search_box{margin:0}
/*list*/





/*view*/
.board_view_button{display:flex;justify-content: flex-end;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{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;}
#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}
.board_button2>div a{border-left:none;}
.board_button2>div a:nth-child(1){border-left:1px solid #e3e3e3;}
/*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-preview{display: inline-flex}
.file-preview div img{max-width: 100px;}
.file-preview div p{text-align: center;}

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

/*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*/


@media screen and (min-width:1200px){
    .webzine_img div{width:350px;}
}