/* list */
#bbslist {margin:auto;padding:0 0 30px 0;}
.category_wrap{padding:40px 0px !important}

.sear_cate{padding:40px 0px !important;}
.sear_cate .container{display:flex; flex-direction: row; flex-wrap: nowrap; justify-content: space-between; align-items: stretch;
												 border-bottom:2px solid #aaa; padding-bottom:20px}
.sear_cate .search_box {width:500px}
.sear_cate .search_box .sear_list{display:flex; flex-direction: row; flex-wrap: nowrap; 
																	justify-content: space-between; align-items: stretch;
																	width:100%; }
.sear_cate .search_box .sear_list select{margin-right:5px; width:200px}
.sear_cate .search_box .sear_list input{margin-right:5px;}
.sear_cate .search_box .sear_list button{white-space: nowrap;}
.sear_cate .cate_box {width:200px; max-width:300px}

.list_wrap{padding:10px 0px !important;}
.list_wrap table{}
.list_wrap table tr{}
.list_wrap table tr.notice{background:#e0fbff}
.list_wrap table tr th{text-align:center; font-size:18px; background:#efefef; box-shadow:none;
										white-space:nowrap; vertical-align: middle;}
.list_wrap table tr th.sbj{text-align:left}
.list_wrap table tr td{font-size:16px; text-align:center; padding:5px !important;  box-shadow:none; vertical-align: middle;s}
.list_wrap table tr td.sbj{text-align:left; position:relative;}
.list_wrap table tr td.sbj a{width:95%; text-overflow:ellipsis; overflow:hidden; display:block; white-space:nowrap;}
.list_wrap table tr td.sbj a .cate{color:red}
.list_wrap table tr td.sbj span{s}


@media only screen and (max-width: 992px) {


	.list_wrap table tr th{font-size:14px}
	.list_wrap table tr td{font-size:14px}
	.sear_cate{padding:40px 0px 10px 0px !important}
	.sear_cate .search_box{width:calc(100% - 310px)}
	.sear_cate .form-select{padding:3px}
	.sear_cate .search_box .sear_list input{padding:3px}
	.sear_cate .search_box .sear_list button{padding:3px}
}/*992*/

@media only screen and (max-width: 768px) {

	.list_wrap table tr .hit{display:none;}
	.list_wrap table tr .name{display:none;}
	.sear_cate .search_box{width:calc(100% - 210px)}
	

}/*768*/

@media only screen and (max-width: 576px) {

	.sear_cate .container{flex-direction: column;}
	.sear_cate .search_box{width:100%; margin-bottom:5px}
	.sear_cate .cate_box{width:100%; max-width:100%}
	.list_wrap table tr .date{display:none;}	
	.list_wrap table thead{display:none;}
	.list_wrap table tbody{}
	.list_wrap table tbody tr{display: flex; flex-direction: row; flex-wrap: wrap;
													margin-bottom:10px; border:#ccc}
	.list_wrap table tbody tr td.num{width:50px;background:#efefef; }
	.list_wrap table tbody tr td.sbj{width:calc(100% - 50px);; text-align:center}
	.list_wrap table tbody tr td.sbj a{width:100%;}
	.list_wrap table tbody tr td.sbj span{display:none}

}/*576*/



/* @list */


/* view *//* view */
#bbsview {padding:60px 0px}
#bbsview .view_singo{}
#bbsview .view_singo ol{text-align:end}
#bbsview .view_singo ol li{list-style:none; display:inline-block;}
#bbsview table{}
#bbsview .content  {padding:20px 3px}
#bbsview .up_file{margin:0; padding:0px}
#bbsview .up_file li{list-style:none;}
/* @view */


/* @view */


/* write */
#bbswrite {margin:auto;padding:0 0 30px 0;}
#bbswrite td {padding:2px 0 2px 0;}
#bbswrite .editbox {padding:15px 0 15px 0;}
#bbswrite .td1 {width:60px;font-weight:bold;color:#444444;vertical-align:top;padding:10px 0 0 0;letter-spacing:-1px;}
#bbswrite .td2 {}
#bbswrite .td2 .guide {font-size:11px;font-family:dotum;color:#999;padding:10px 0 10px 0;}
#bbswrite .td2 .guide img {position:relative;top:3px;}
#bbswrite .td2 .check {color:#666;}
#bbswrite .td2 .check input {position:relative;top:2px;}
#bbswrite .td2 .input {height:18px;}
#bbswrite .td2 .subject {width:400px;}
#bbswrite .td2 select {margin:1px;width:404px;padding:2px 2px 2px 0;}
#bbswrite .td2 select .cattt {background:#efefef;}
#bbswrite .td2 img {}
#bbswrite .td2 .after {padding:10px 0 0 0;color:#999;font-size:11px;font-family:dotum;letter-spacing:-1px;}
#bbswrite .iconbox {border-left:#e0e0e0 solid 1px;border-top:#e0e0e0 solid 1px;border-right:#e0e0e0 solid 1px;background:#f9f9f9;padding:6px 0 8px 7px;}
#bbswrite .iconbox a {padding:0 3px 0 3px;font-size:11px;font-family:dotum;color:#333;}
#bbswrite .iconbox a:hover {color:#7899C7;}
#bbswrite .iconbox a img {position:relative;top:2px;left:-2px;margin-right:3px;}
#bbswrite .iconbox .split {padding:0 2px 0 2px;margin-bottom:-1px;}
#bbswrite .bottombox {text-align:center;padding:20px 0 20px 0;margin:15px 0 0 0;border-top:#efefef solid 1px;}
#bbswrite .bottombox .btngray {font-weight:bold;width:60px;height:25px;}
#bbswrite .bottombox .btnblue {font-weight:bold;width:80px;height:25px;}
/* @write */