/* 게시판 리스트 */
#top_box{overflow:hidden;height:25px;margin:10px 0 0px;}
#top_box .category{float:left;width:50%;}
#top_box .category select{width:130px;height:22px;vertical-align:middle;}
#top_box .category input{vertical-align:middle;}
#top_box .total{float:right;width:50%;text-align:right;}

#bbs_list {width:100%;border-collapse:collapse;text-align:center;font-size:13px;}
#bbs_list thead th{height:35px;background:#f1f1f1;border-top:1px solid #000000;border-bottom:1px solid #B9B9B9;color:#4b526f;}
#bbs_list thead th a{color:#000;}
#bbs_list tbody td{padding:6px 0;border-bottom:1px solid #d9d9d9; }
#bbs_list tbody td.alL{text-align:left;width:60%;}


.bbs_news ul{overflow:hidden;width:100%;height:auto;}
.bbs_news li{float:left;width:385px;box-sizing:border-box;margin:10px 0;height:auto;}
.bbs_news li .ph{overflow:hidden;float:left;display:block;margin-right:10px;width:150px;height:150px;border:1px solid #c8c8c8;box-sizing:border-box;}
.bbs_news li .p_tit{float:left;width:215px;display:block;height:30px;margin-bottom:5px;text-overflow: ellipsis; font-size:14px;box-sizing:border-box;}
.bbs_news li .p_tit a{float:left;width:215px;height:30px;color:#0060a1;}
.bbs_news li  .p_summary{float:left;width:215px;height:100px;padding:10px 0;text-align:left;}
.bbs_news li.empty{width:100%;text-align:center;margin-right:0;padding:10px 0;border:none;border-top:3px solid #116794;border-bottom:3px solid #116794;}
.noprod{height:100px;padding:100px 0;text-align:center;}
#search_form {position:relative;padding:15px 0;margin:3px 0 10px;background:#fff;text-align:center;border:1px solid #cbcbcb}
#search_form input, #search_form select {vertical-align:middle;height:26px;line-height:26px;border:1px solid #cbcbcb }
#search_form .inp_s{border:1px solid #dfdfdf;line-height:19px;height:24px;}
#search_form .b_sch{border:1px solid #626262;background:#8e8e8e;line-height:20px;width:115px;height:26px;color:#fff;font-size:16px;vertical-align:middle;font-family:나눔고딕, NanumGothic, 맑은고딕, Malgun Gothic, 돋움, Dotum;}

.paging{margin:10px 0;text-align:center;}
.paging a{margin:0 5px;vertical-align:middle;color:#858585;}
.paging strong{vertical-align:middle;color:#4e88ae;}
.paging img{vertical-align:middle;}

@media only screen and (max-width : 768px) {
.bbs_news ul{overflow:hidden;width:100%;height:auto;}
.bbs_news li{float:left;width:360px;box-sizing:border-box;margin:10px 0;height:auto;}
.bbs_news li .ph{overflow:hidden;float:left;display:block;margin-right:10px;width:150px;height:150px;border:1px solid #c8c8c8;box-sizing:border-box;}
.bbs_news li .p_tit{float:left;width:200px;display:block;height:30px;margin-bottom:5px;text-overflow: ellipsis; font-size:14px;box-sizing:border-box;}
.bbs_news li .p_tit a{float:left;width:200px;height:30px;}
.bbs_news li  .p_summary{float:left;width:200px;height:100px;padding:10px 0;text-align:left;}
.bbs_news li.empty{width:100%;text-align:center;margin-right:0;padding:10px 0;border:none;border-top:3px solid #116794;border-bottom:3px solid #116794;}
.noprod{height:100px;padding:100px 0;text-align:center;}
}


/* 게시판 버튼배경 */
.btn_g, .btn_w{display:inline-block;height:29px;line-height:29px;font-weight:bold;}
.btn_g{padding:0 30px;background:#aaaaaa;color:#fff;border:1px solid #949494;}
.btn_w{padding:0 20px;background:#f3f3f3;border:1px solid #c9c9c9;color:#676767;}


/* 게시판 뷰 */

.view_info{overflow:hidden;width:100%;border-bottom:1px solid #b9b9b9;background:#f1f1f1;}
.view_info dt{float:left;width:12%;min-height:22px;padding:5px 0 5px 2%;}
.view_info dd{float:left;width:81%;min-height:22px;padding:5px 2%;background:#f1f1f1 url('img/bg_bar.png') 0 bottom no-repeat;}
.date{float:left;width:50%;}
.print{float:right;width:50%;text-align:right;}
#view_content{min-height:400px;height:auto !important;height:150px;}
#view_content p{line-height:20px;}
#view_content div img{padding:20px 0;}
.content_img{width:304px;float:left;border:1px solid #dedede;margin-right:20px;box-sizing:border-box;}
.content_text{width:100%;}
.content_text img{max-width:100%;}
#view_tit{float:right;width:446px;background:#f1f1f1;line-height:34px;vertical-align:middle;margin:0 0 30px;font-size:18px;color:#000;text-align:center;}

.file_list_chart{width:100%;border-collapse:collapse;border-top:1px solid #dddddd;border-bottom:1px solid #dddddd;}
.file_list_chart  th {height:45px;line-height:45px;padding:1px 0;text-align:left;font-weight:bold;font-size:18px;}
.file_list_chart  td{min-height:45px;padding:0 5px;line-height:45px;font-weight:bold;}
.file_list_chart a{border-radius:5px;padding:10px 20px;background:#108ccf;color:#fff;}
.file_list_chart a:hover{background:#003856;box-shadow:2px 2px 2px 2px #ddd ;}

.rep_view{padding:5px 0;}
.rep_view .rep_info{overflow:hidden;width:100%;padding:5px 0;background:#efefef;}
.rep_view .rep_info .fL{padding-left:10px;}
.rep_view .rep_cont{padding:5px 0;}

.rep_write{overflow:hidden;width:100%;border-top:1px solid #b9b9b9;border-bottom:1px solid #b9b9b9;padding:15px 0 10px;background:#eeeeee;} 
.rep_write .writer{float:left;width:10%;text-align:left;padding-left:2%;}
.rep_write .writer input{width:83px;}
.rep_write .writer span{display:block;margin-bottom:8px;}
.rep_write .cont{float:left;width:70%;padding:0 2%;}
.rep_write .cont textarea{width:100%;height:50px;border:1px solid #dfdfdf;}
.rep_write .btn{float:left;width:10%;}


/*  프린트 페이지 */
.print_page{width:700px;padding:10px 20px; }
#print_content	{width:750px;padding:0;background:url('img/print_bg_02.gif') 0 0 repeat-y;}


/* 게시판 쓰기 */
#write_tit{background:#f1f1f1;border-top:2px solid #000000;border-bottom:1px solid #B9B9B9;color:#4b526f;height:34px;line-height:34px;vertical-align:middle;margin:15px 0 0;font-size:15px;color:#000;text-align:center;}
#bbs_form{width:100%;border-collapse:collapse;}
#bbs_form th{background:#f1f1f1;width:15%;padding:3px 0 3px 10px;border-bottom:1px solid #B9B9B9;}
#bbs_form td{background:#f1f1f1;padding:3px 0 3px 10px;;border-bottom:1px solid #B9B9B9;}
#eb_content{width:100%;min-height:270px;height:auto !important;height:270px;}


#file_up{position:relative;overflow:hidden;width:100%;border-top:1px solid #B9B9B9;border-bottom:1px solid #B9B9B9;background:#f1f1f1;}
#file_up iframe{position:absolute;top:0;left:0}
#file_up strong{float:left;display:block;width:15%;height:150px;background:#f1f1f1;padding:3px 0px;text-align:center;}
#file_up .file_up_list{float:left;width:81%;padding:3px 0 3px 2%;}
#file_up .inp_file{width:65%;border: 1px solid #DFDFDF;height:20px;vertical-align:middle;}
#file_up .file_list_choice{width:100%;margin:10px 0 0}
#file_up .file_list_choice select{width:90%;border: 1px solid #DFDFDF;}

.inp{line-height:20px;height:20px;vertical-align:middle;}
.wid300{width:300px;}

.btn_g, .btn_w{display:inline-block;height:29px;line-height:29px;font-weight:bold;}
.btn_g{padding:0 30px;background:#aaaaaa;color:#fff;border:1px solid #949494;}
.btn_w{padding:0 20px;background:#f3f3f3;border:1px solid #c9c9c9;color:#676767;}


@media only screen and (max-width : 480px) {
/*리스트 리사이징*/
#bbs_list {width:100%;border-collapse:collapse;text-align:center;font-size:13px;}
#bbs_list thead th{width:95%;height:35px;background:#f1f1f1;border-top:1px solid #000000;border-bottom:1px solid #B9B9B9;color:#4b526f;}
#bbs_list thead th a{width:95%;color:#000;}
#bbs_list tbody td{width:95%;padding:1px 0;border-bottom:1px solid #d9d9d9; }
#bbs_list tbody td.hid{display:none; }
#bbs_list tbody td.alL{text-align:left;width:90%;}
.bbs_news ul{overflow:hidden;width:95%;}
.bbs_news li{float:left;width:95%;height:150px;padding:10px;}
.bbs_news li .ph{float:left;display:block;margin-right:10px;width:100%;border:1px solid #c8c8c8;}
.bbs_news li .ph img{width:100%;}
.bbs_news li .p_tit{display:block;overflow:hidden;width:95%;height:18px;margin-bottom:5px;text-overflow: ellipsis; white-space: nowrap;font-size:16px;}
.bbs_news li .p_tit a{width:95%;height:16px;overflow:hidden;}
.bbs_news li .p_summary{float:left;width:100%;height:100px;overflow:hidden;padding:5px 0;text-align:justify;}
.bbs_news li.empty{width:100%;text-align:center;margin-right:0;padding:10px 0;border:none;border-top:3px solid #116794;border-bottom:3px solid #116794;}

/*뷰 리사이징*/
#view_tit{background:#f1f1f1;height:50px;line-height:22px;vertical-align:middle;margin:15px 0 0;font-size:16px;color:#000;padding-left:2%;}
.content_img{float:left;border:1px solid #dedede;padding:1px;}
.content_text{float:left;width:100%;margin-left:0;}
.print{display:none;float:right;width:50%;text-align:right;}

.bbs_news ul{overflow:visible;width:95%;}
.bbs_news li{float:left;width:96%;min-height:150px;height:auto;padding:10px 2%;}
.bbs_news li .ph{float:left;display:block;margin:0 20px 20px 0;width:100%;height:auto;border:1px solid #c8c8c8;}
.bbs_news li .p_tit{display:block;overflow:hidden;width:98%;height:18px;margin:10px 0;text-overflow: ellipsis; white-space: nowrap;}
.bbs_news li .p_tit a{width:95%;height:18px;overflow:hidden;}
.bbs_news li  .p_summary{float:left;width:100%;height:auto;overflow:hidden;padding:5px 0;}
.bbs_news li.empty{width:100%;text-align:center;margin-right:0;padding:10px 0;border:none;border-top:3px solid #116794;border-bottom:3px solid #116794;}


.rep_write .cont{float:left;width:55%;padding:0 2%;}

.view_info .print{display:none;}
#view_content img{width:100%;}
}