#bbs_list{margin:0;padding:0}.bbs_search{margin-bottom:20px}.bbs_search:after{content:'';display:block;clear:both}.bbs_search select,.bbs_search input[type="text"],.bbs_search input[type="submit"]{margin:0;padding:0;outline:0;border:0;background-color:#fff;font-size:14px;color:#646464;vertical-align:middle;height:40px;line-height:40px;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box;width:100%}.bbs_search .total{float:left;height:40px;line-height:40px;font-size:14px;color:#969696}.bbs_search .total strong{font-weight:600;color:#323232}.bbs_search .search_box{float:right}.bbs_search .search_box select{display:none}.bbs_search .search_box select,.bbs_search .search_box .input{float:left}.bbs_search .search_box select,.bbs_search .search_box input[type="text"],.bbs_search .search_box input[type="submit"]{border:1px solid #dcdcdc}.bbs_search .search_box select{width:100px;padding-left:10px}.bbs_search .search_box .input{width:250px;position:relative;margin-left:10px}.bbs_search .search_box .input input[type="text"]{padding:0 60px 0 10px}.bbs_search .search_box .input input[type="submit"]{position:absolute;top:0;right:0;background-color:#2f5ea0;color:#fff;font-weight:600;width:50px;border-color:#2f5ea0}#bbs_list .bbs_header ul,#bbs_list .bbs_list ul{display:table;table-layout:fixed;width:100%}#bbs_list .bbs_header ul li,#bbs_list .bbs_list ul li{display:table-cell;vertical-align:middle;height:50px}#bbs_list ul li.no{width:7%;text-align:center}#bbs_list ul li.subject{width:76%}#bbs_list ul li.date{width:10%;text-align:center}#bbs_list ul li.view{width:7%;text-align:center}#bbs_list.type_file ul li.no{width:10%;text-align:center}#bbs_list.type_file ul li.subject{width:80%}#bbs_list.type_file ul li.file{width:10%;text-align:center}#bbs_list.type_file ul li.date{width:10%;text-align:center}#bbs_list.type_file ul li.view{width:7%;text-align:center}#bbs_list .bbs_header{border-top:1px solid #0e60ac;border-bottom:1px solid #dcdcdc}#bbs_list .bbs_header ul li{text-align:center;font-size:15px;color:#323232;font-weight:500;background-color:#f5f5f5;height:70px;line-height:70px}#bbs_list .bbs_list{margin-bottom:20px}#bbs_list .bbs_list ul{border-bottom:1px solid #dcdcdc}#bbs_list .bbs_list ul li,#bbs_list .bbs_list ul li.subject a{font-size:15px;color:#323232;font-weight:400}#bbs_list .bbs_list ul li a{display:block;height:50px;line-height:50px;padding:0 10px 0 20px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}#bbs_list .bbs_photo{overflow:hidden}#bbs_list .bbs_photo ul{display:flex;flex-wrap:wrap}#bbs_list .bbs_photo li{width:24%}#bbs_list.product .bbs_photo li{width:33.3333%}#bbs_list.product .bbs_photo .empty{width:100%;text-align:center;font-size:14px;color:#505050}#bbs_list .bbs_photo li>.inner{margin:0 20px 20px;padding:0 !important}#bbs_list .bbs_photo li .figure{display:block}#bbs_list .bbs_photo li .figure img{width:100%}#bbs_list.product .bbs_photo li .figure{border:1px solid #dcdcdc;border-bottom:0}#bbs_list .bbs_photo li .dscr{font-size:14px;color:#828282;padding:15px 10px;background-color:#f5f5f5;border:1px solid #dcdcdc;line-height:1.4;position:relative}#bbs_list .bbs_photo li .dscr strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500;color:#323232;margin-bottom:15px}#bbs_list .bbs_photo li .dscr .over{position:absolute;top:0;left:0;width:100%;height:100%;background-color:#0e60ac;color:#d9d9d9;font-weight:bold;font-size:20px;display:none}#bbs_list .bbs_photo li .dscr .over .dis_tbl,#bbs_list .bbs_photo li .dscr .over .dis_td{height:100%;text-align:center}#bbs_list .bbs_photo li .dscr .over img{margin-left:10px}#bbs_list .bbs_photo li:hover .dscr .over{display:block}#bbs_list .bbs_footer .btn_wrap{text-align:right;margin-bottom:30px}#bbs_list .bbs_footer .btn_wrap a{display:inline-block;*zoom:1;*display:inline;width:110px;height:40px;line-height:40px;color:#fff;font-size:15px;font-weight:500;background-color:#2f5ea0;text-align:center}#bbs_list .bbs_footer .bbs_pager{text-align:center}#bbs_list .bbs_footer .bbs_pager .ui-pagenate a,#bbs_list .bbs_footer .bbs_pager .ui-pagenate strong{font-size:140px;color:#969696;width:20px;line-height:20px;margin:0;padding:0;border:0;text-align:center}#bbs_list .bbs_footer .bbs_pager .ui-pagenate strong{color:#646464}#bbs_list .ui-btn{display:inline-block;padding:.6em 1em;margin:1em 0;cursor:pointer;vertical-align:middle;font-size:14px;background-color:#34629d;text-shadow:0 -1px 0 rgba(0,0,0,0.5);color:#FFF}#bbs_detail .detail_header{border-top:1px solid #0e60ac;border-bottom:1px solid #dcdcdc}#bbs_detail .detail_header h4{font-size:20px;font-weight:normal;text-align:center;padding:20px 10px}#bbs_detail .detail_header p{font-size:13px;text-align:right;padding:10px 10px;border-top:1px dashed #dcdcdc;background-color:#fafafa}#bbs_detail .detail_header p span{font-size:11px;margin:0 7px;color:#828282;vertical-align:top}#bbs_detail .detail_con{padding:50px 10px;border-bottom:1px solid #969696;margin-bottom:20px}#bbs_detail .detail_footer .btn_wrap{text-align:right}#bbs_detail .detail_footer .btn_wrap a{display:none;*zoom:1;*display:inline;font-size:14px;text-align:center;width:60px;height:35px;line-height:35px;background-color:#969696;color:#fff;margin-left:5px;border-radius:3px}#bbs_detail .detail_footer .btn_wrap .btn_list{background-color:#2f5ea0;color:#fff;display:inline-block}#bbs_detail .detail_footer .btn_wrap .btn_edit{background-color:#646464}#bbs_write .write_con{padding-top:20px;border-top:2px solid #323232;border-bottom:1px solid #969696;margin-bottom:30px}#bbs_write .write_con dl{display:table;width:100%;margin-bottom:20px}#bbs_write .write_con .td{display:table-cell;vertical-align:middle;font-size:14px;color:#646464}#bbs_write .write_con dl dt.td{width:100px;text-align:center;font-size:16px;font-weight:500}#bbs_write .write_con dl dd input[type="text"]{margin:0;padding:0 10px;outline:0;border:1px solid #dcdcdc;height:40px;line-height:40px;vertical-align:middle;width:100%;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;-ms-box-sizing:border-box;-o-box-sizing:border-box;box-sizing:border-box}#bbs_write .write_con dl.con .td{vertical-align:top}#bbs_write .write_con dl.con dt{padding-top:20px}#bbs_write .write_footer .btn_wrap{text-align:right}#bbs_write .write_footer .btn_wrap a{display:inline-block;*zoom:1;*display:inline;width:110px;height:40px;line-height:40px;color:#fff;font-size:15px;font-weight:500;background-color:#2f5ea0;text-align:center}#bbs_write .write_footer .btn_wrap a.cancel{background-color:#969696}@media screen and (max-width:1280px){#bbs_list .bbs_photo li{width:33.3333%}}@media screen and (max-width:1023px){#bbs_list .bbs_list ul li,#bbs_list .bbs_list ul li a{font-size:14px}#bbs_write .write_con dl{margin-bottom:0}#bbs_write .write_con .td{display:block;width:100%;padding:15px 0}#bbs_write .write_con dl dt.td{width:100%;background-color:#fafafa}#bbs_list .bbs_photo ul{margin:0 -10px}#bbs_list .bbs_photo li>.inner{margin:0 10px 20px}}@media screen and (max-width:767px){#bbs_list .bbs_search select,#bbs_list .bbs_search input[type="text"],#bbs_list .bbs_search input[type="submit"]{height:30px;line-height:30px;font-size:13px}#bbs_list .bbs_search .total{height:30px;line-height:30px;font-size:13px}#bbs_list .bbs_search .search_box select{width:80px}#bbs_list .bbs_search .search_box .input{margin-left:5px;width:200px}#bbs_list ul li.no,#bbs_list ul li.view{display:none}#bbs_list ul li.subject{width:70%}#bbs_list ul li.date{width:30%}#bbs_list.type_file ul li.subject{width:65%}#bbs_list.type_file ul li.file{width:10%}#bbs_list.type_file ul li.date{width:25%}#bbs_list .bbs_header{display:none}#bbs_list .bbs_list{border-top:2px solid #323232}#bbs_list .bbs_list ul li,#bbs_list .bbs_list ul li a{font-size:13px}#bbs_list .bbs_list ul li a{padding:0 5px}#bbs_list .bbs_photo ul{margin:0 -5px}#bbs_list .bbs_photo li,#bbs_list.product .bbs_photo li{float:left;width:50%}#bbs_list .bbs_photo li>.inner{margin:0 5px 20px}}@media screen and (max-width:339px){#bbs_list .bbs_search .search_box select{width:60px;font-size:12px}#bbs_list .bbs_search .search_box .input{margin-left:5px;width:150px}#bbs_list .bbs_photo li,#bbs_list.product .bbs_photo li{float:none;width:100%}}