#bbsWrap{position:relative; width:100%; margin:0 auto;}
#bbsWrap input, #bbsWrap select, #bbsWrap img{vertical-align:middle;}

#categoryTabBox{position:relative; width:100%; height:30px; z-index:30; margin:0 0 30px 0;}
#categoryTabBox ul.categoryTab{position:absolute; top:0px; left:0px; height:30px;}
#categoryTabBox ul.categoryTab li{float:left; border-top:solid 1px #ddd; border-bottom:solid 1px #ddd; border-right:solid 1px #ddd; text-align:center; line-height:30px; font-size:20px;}
#categoryTabBox ul.categoryTab li:first-child{border-left:solid 1px #ddd;}
#categoryTabBox ul.categoryTab li a{display:block; padding:0 20px;}
#categoryTabBox ul.categoryTab li a:hover{background-color:#333; color:#fff; font-weight:300;}
#categoryTabBox ul.categoryTab li.on{background-color:#333; color:#fff; font-weight:300;}
#categoryTabBox ul.categoryTab li.on a{color:#fff;}

#bbsHeader{position:relative; width:100%; margin:0 0 20px 0;}
#bbsHeader p.total{padding:0; font-size:20px; color:#222;}
#bbsHeader p.total span{font-weight:600; color:#ff0000;}

#bbsBtn{text-align:center; overflow:hidden; font-size:0; margin:0 0 20px 0;}
#bbsBtn .innerDiv{display:inline-block;}
#bbsBtn a,
#bbsBtn button{float:left; display:block; text-align:center; font-size:20px; font-weight:300; line-height:40px; padding:0 30px; margin:0 5px;}
#bbsBtn a.btnList,
#bbsBtn button.btnList{border:solid 1px #333; background-color:#333; color:#fff;}
#bbsBtn a.btnList:hover,
#bbsBtn button.btnList:hover{border:solid 1px #333; background-color:#fff; color:#333;}
#bbsBtn a.btnModify,
#bbsBtn button.btnModify{border:solid 1px #009688; background-color:#009688; color:#fff;}
#bbsBtn a.btnModify:hover,
#bbsBtn button.btnModify:hover{border:solid 1px #009688; background-color:#fff; color:#009688;}
#bbsBtn a.btnDel,
#bbsBtn button.btnDel{border:solid 1px #cd0a0a; background-color:#cd0a0a; color:#fff;}
#bbsBtn a.btnDel:hover,
#bbsBtn button.btnDel:hover{border:solid 1px #cd0a0a; background-color:#fff; color:#cd0a0a;}
#bbsBtn a.btnWrite,
#bbsBtn button.btnWrite{border:solid 1px #008A3E; background-color:#008A3E; color:#fff;}
#bbsBtn a.btnWrite:hover,
#bbsBtn button.btnWrite:hover{border:solid 1px #008A3E; background-color:#fff; color:#008A3E;}

#searchWrap{padding:20px 0; background-color:#eee; font-size:0; margin:0 0 100px 0; text-align:center;}
#searchWrap .searchBox{display:inline-block; width:70%; overfloW:hidden;}
#searchWrap select{float:left; display:block; width:20%; height:50px; line-height:50px; font-size:20px; font-weight:300; color:#000; padding:0 15px; margin:0 1% 0 0; border:solid 1px #ccc; background:url(./img/arr_select.png) 90% center no-repeat #fff; appearance:none; -webkit-appearance:none; -moz-appearance:none; -o-appearance:none;}
#searchWrap select::-ms-expand{display:none;}/* ie에서 기본 스타일 없애줌 */
#searchWrap select option{}
#searchWrap input{float:left; display:block; width:57%; height:50px; line-height:50px; font-size:20px; font-weight:300; color:#000; padding:0 15px; margin:0 2% 0 0; border:solid 1px #ccc;}
#searchWrap button{float:left; display:block; width:20%; height:50px; line-height:50px; font-size:20px; font-weight:300; color:#fff; padding:0 15px; background-color:#000; text-align:center;}

/*리스트*/
#bbsList{background-color:#fff; margin:0 0 30px 0;}
#bbsList table.dc_bbslist{width:100%; position:relative; border-top:2px solid #333; border-collapse:collapse; border-spacing:0;}
#bbsList table.dc_bbslist thead{background-color:#f6f6f6;}
#bbsList table.dc_bbslist col.dc_col_check{display:table-column; width:5%;} /*체크박스 넓이*/
#bbsList table.dc_bbslist col.dc_col01{display:table-column; width:10%;} /*게시글 번호 넓이*/
#bbsList table.dc_bbslist col.dc_col02{display:table-column; width:auto;} /*게시글 제목 넓이*/
#bbsList table.dc_bbslist col.dc_col03{display:table-column; width:15%;} /*게시글 날짜 넓이*/
#bbsList table.dc_bbslist th{padding:20px 10px; border-bottom:1px solid #ddd; text-align:center; font-size:24px; line-height:30px; font-weight:600; vertical-align:middle;}
#bbsList table.dc_bbslist th.dc_td_check{display:table-cell;}
#bbsList table.dc_bbslist th.dc_td01{display:table-cell;}
#bbsList table.dc_bbslist th.dc_td02{display:table-cell;}
#bbsList table.dc_bbslist th.dc_td03{display:table-cell;}
#bbsList table.dc_bbslist th.dc_td04{display:table-cell;}
#bbsList table.dc_bbslist td{padding:20px 10px; border-bottom:1px solid #ddd; text-align:center;font-size:24px; line-height:30px; color:#333; font-weight:300; vertical-align:middle;}
#bbsList table.dc_bbslist td.dc_td_check{display:table-cell;}
#bbsList table.dc_bbslist td.dc_td01{display:table-cell;}
#bbsList table.dc_bbslist td.dc_td02{display:table-cell;}
#bbsList table.dc_bbslist td.dc_td03{display:table-cell;}
#bbsList table.dc_bbslist td.dc_td04{display:table-cell;}
#bbsList table.dc_bbslist td .dc_mob{display:none;}
#bbsList table.dc_bbslist td p{text-align:center; padding:0;}
#bbsList table.dc_bbslist td p.dc_notice{}
#bbsList table.dc_bbslist td p.dc_title{text-align:left;}
#bbsList table.dc_bbslist td p.dc_title.notice a{font-weight:600; line-height:23px;}
#bbsList table.dc_bbslist td p.dc_title img{margin:0 0 0 5px;}
#bbsList table.dc_bbslist td p.dc_date{}
#bbsList table.dc_bbslist td p.dc_hit{}
#bbsList table.dc_bbslist td p a{color:#333;}
#bbsList table.dc_bbslist td p a:hover{color:#333;}
#bbsList table.dc_bbslist td p.none{text-align:center;font-size:20px; line-height:200px; color:#333; font-weight:300;}
#bbsList table.dc_bbslist td span.cate{position:relative; margin:0 10px 0 0; color:#707070; padding:0 10px 0 0; font-weight:600;}
#bbsList table.dc_bbslist td span.cate:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:0px; width:1px; height:10px; background-color:#333;}
/*//리스트*/

/*상세*/
#bbsView{position:relative; width:100%; background-color:#fff;}
#bbsView > .snsDiv{display:none;}
#bbsView .dc_viewheader{position:relative; width:100%; padding:20px; overflow:hidden; border-top:solid 2px #333; border-bottom:solid 1px #333; font-size:20px; color:#333; background-color:#f6f6f6; line-height:30px;}
#bbsView .dc_viewheader .dc_subject{float:left; font-weight:700; font-size:26px; color:#000;}
#bbsView .dc_viewheader .dc_subject span.cate{position:relative; margin:0 10px 0 0; color:#707070; padding:0 10px 0 0; font-weight:600;}
#bbsView .dc_viewheader .dc_subject span.cate:after{content:''; display:block; position:absolute; top:50%; transform:translateY(-50%); right:0px; width:1px; height:10px; background-color:#333;}
#bbsView .dc_viewheader .dc_date{float:right; font-weight:300; line-height:30px; font-size:20px;}
#bbsView .dc_viewheader .snsDiv{float:right; overflow:hidden; margin:0 0 0 20px;}
#bbsView .dc_viewheader .snsDiv a{float:left; position:relative; width:30px; height:30px; margin:0 5px 0 0; border-radius:10px;}
#bbsView .dc_viewheader .snsDiv a:last-child{margin:0;}
#bbsView .dc_viewheader .snsDiv a.snsFacebook{background:linear-gradient(to bottom, #4468B1, #4468B1);}
#bbsView .dc_viewheader .snsDiv a.snsTwitter{background:linear-gradient(to bottom, #44C8F5, #44C8F5);}
#bbsView .dc_viewheader .snsDiv a.snsBand{background:linear-gradient(to bottom, #85C440, #1FA64A);}
#bbsView .dc_viewheader .snsDiv a.snsKakaostory{background:linear-gradient(to bottom, #FFDA00, #FEBD10);}
#bbsView .dc_viewheader .snsDiv a.snsURL{background:linear-gradient(to bottom, #666, #666);}
#bbsView .dc_viewheader .snsDiv a img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
#bbsView .dc_viewaddfile{clear:both; position:relative; width:100%; padding:10px 20px; border-bottom:solid 1px #333; margin:0 0 30px 0; background-color:#f1f1f1;}
#bbsView .dc_viewaddfile .addfile_list{}
#bbsView .dc_viewaddfile .addfile_list dl{overflow:hidden;}
#bbsView .dc_viewaddfile .addfile_list dl dt{float:left; width:100px;}
#bbsView .dc_viewaddfile .addfile_list dl dd{float:left;}
#bbsView .dc_viewaddfile .addfile_list dl dd ul{overflow:hidden;}
#bbsView .dc_viewaddfile .addfile_list dl dd ul li{float:left; margin:0 10px 0 0;}
#bbsView .dc_viewaddfile .addfile_list dl dd ul li a{color:#0063b1;}

#bbsView .dc_viewcon{clear:both; position:relative; width:100%; padding:20px;}
#bbsView .dc_viewcon p.dc_imgcenter{text-align:center; margin:0 0 20px 0;}
#bbsView .dc_viewcon .dc_contents{}
#bbsView .dc_viewcon .dc_contents p{}
#bbsView .dc_viewcon .dc_contents p img{}

#view_file{width:100%; vertical-align:middle;}
#view_filename{width:100%; padding:6px;}
#view_filename .addfile_list{position:relative; width:100%;}
#view_filename span.add_file{width:10%; padding:5px 10px; background-color:#ddd; border-radius:10px; color:#666; margin:3px 5px 3px 0px; text-align:center; display:inline-block;}
#view_filename span.add_file_nm{width:80%;}

#view_nextprev{position:relative; width:100%; margin:10px auto 50px; background-color:#fafafa; border-top:solid 1px #333;}
#view_nextprev ul{}
#view_nextprev ul li{font-size:22px; border-bottom:solid 1px #ddd; padding:20px 20px;}
#view_nextprev ul li dl{overflow:hidden;}
#view_nextprev ul li dl dt{float:left; width:8%;}
#view_nextprev ul li dl dd{float:left; width:92%;}
#view_nextprev ul li a{color:#666;}

#comment_list{clear:both; margin-top:20px;}
.comment_reply{background:url(/img/board/ico_reply.gif) no-repeat;}
.clist{border-top:1px solid #c3c3c3;}
.clist p.cl_infor{overflow:hidden; height:100%; padding:8px 0 5px 0; border-bottom:1px dotted #eee;}
.clist span.cl_name{float:left;}
.clist span.cl_ip{float:left; color:#b2b2b2; font-size:11px;}
.clist span.cl_control{float:right; text-align:right; color:#888; font-size:11px;}
.clist p.cl_content{clear:both; overflow:hidden; margin-bottom:5px; padding:7px; word-break:break-all; word-wrap:break-word;}

#comment_reply{display:none; float:left; border:none;}
.cform{overflow:hidden; height:100%; margin-bottom:10px; padding:5px; border:1px solid #eee;}
.cform p.cw_infor{overflow:hidden; height:100%; padding-bottom:5px;}
.cform span.cw_control, .cform span.cw_cont{float:left;}
.cform span.cw_etc, .cform span.cw_wrkey, .cform span.cw_write{float:right;}
.cform #co_content{width:98%; height:41px; word-break:break-all; word-wrap:break-word;}
/*//상세*/

/* 쓰기 */
#bbsWrite{position:relative; width:100%; margin:0 0 50px 0; border-top:solid 2px #333;}
#bbsWrite dl{overflow:hidden; border-bottom:solid 1px #ddd;}
#bbsWrite dl dt{float:left; width:20%; padding:13px 2%; text-align:center; font-size:20px; line-height:30px; color:#333; font-weight:800;}
#bbsWrite dl dt label{text-align:center; font-size:20px; line-height:30px; color:#333; font-weight:800;}
#bbsWrite dl dd{float:left; width:80%; padding:10px 2%; font-size:20px; line-height:30px; color:#333; font-weight:400;}
#bbsWrite dl dd label{display:inline-block; font-size:20px; line-height:30px; color:#333; font-weight:300;}
#bbsWrite dl dd input{border:solid 1px #ddd; padding:0 10px; font-size:20px; color:#333;}
#bbsWrite dl dd input[type="checkbox"]{width:20px; height:20px; margin:0 5px 3px 0;}
#bbsWrite dl dd input.dc_input00{width:30%; padding:5px 10px;}
#bbsWrite dl dd input.dc_input01{width:100%; padding:5px 10px;}
#bbsWrite dl dd input[name="notice_end_dt"]{width:150px; text-align:center;}
#bbsWrite dl dd textarea{padding:5px 10px; font-size:20px; color:#333;}
#bbsWrite dl dd select{width:300px; padding:5px 10px; font-size:20px; line-height:21px; color:#333;}
#bbsWrite dl dd span.noticeEnd{}
/* //쓰기 */

/* password */
#pwd_wrap{width:600px; margin:0 auto; padding:20px 0;}
#pwd_wrap p{margin:15px 0; padding-top:30px; text-align:center; border-top:#e4e4e4 1px dotted;}
#pwd_title{padding:15px 0; border-bottom:2px solid #ebebeb;}
#pwd_cont{padding:30px; text-align:center;}
#pwd_cont span{margin-right:35px;}
#pwd_cont input{vertical-align:middle;}


/* movecopy */
#mc_wrap{width:484px; margin:0 auto; padding:20px 0;}
#mc_wrap p.mc_btn{text-align:center; margin-top:10px; padding:15px 0; border-top:1px dotted #e4e4e4;}
#mc_title{padding:0 0 10px 0; border-bottom:2px solid #ebebeb;}
#mc_header{padding:20px 20px 0 20px;}

#mc_list{padding:10px 20px 20px 20px;}
#mc_list li{padding:5px 0; border-bottom:1px solid #e9e9e9;}
#mc_list li input{vertical-align:middle;}
#mc_list li.last{border:none;}





/*태블릿 css*/
@media(max-width:1399px){

	#bbsWrap input, #bbsWrap select{font-size:18px;}

	#bbsBtn a,
	#bbsBtn button{font-size:18px; line-height:40px;}

	#searchWrap{margin:0 0 50px 0;}
	#searchWrap select{height:40px; line-height:38px; font-size:18px; padding:0 15px 0 10px;}
	#searchWrap input{height:40px; line-height:38px; font-size:18px; padding:0 10px;}
	#searchWrap button{height:40px; line-height:38px; font-size:18px; padding:0 10px;}

	#bbsHeader{margin:0 0 10px 0;}
	#bbsHeader p.total{font-size:18px;}

	/*리스트*/
	#bbsList table.dc_bbslist th{padding:10px 5px; font-size:18px; line-height:23px;}
	#bbsList table.dc_bbslist td{padding:10px 5px; font-size:18px; line-height:23px;}
	/*//리스트*/

	/*상세*/
	#bbsView .dc_viewheader{padding:2%; font-size:18px; line-height:23px;}
	#bbsView .dc_viewheader .snsDiv{display:none;}
	#bbsView .dc_viewheader .dc_date{font-size:18px;}
	#bbsView .dc_viewaddfile{padding:2%;}
	#bbsView .dc_viewaddfile .addfile_list dl dt{font-size:18px;}
	#bbsView .dc_viewaddfile .addfile_list dl dd ul li a{font-size:18px;}
	#bbsView .dc_viewcon{padding:2%;}
	#bbsView .dc_viewcon p.dc_imgcenter img{width:100%;}

	#view_nextprev{position:relative; width:100%; margin:10px auto 50px; background-color:#fafafa; border-top:solid 1px #333;}
	#view_nextprev ul li{font-size:18px; padding:2%;}
	#view_nextprev ul li dl dt{width:20%;}
	#view_nextprev ul li dl dd{width:80%;}
	/*//상세*/

	/* 쓰기 */
	#bbsWrite dl dt{width:25%; font-size:18px;}
	#bbsWrite dl dt label{font-size:18px;}
	#bbsWrite dl dd{width:75%; font-size:18px;}
	#bbsWrite dl dd label{font-size:18px;}
	#bbsWrite dl dd input{font-size:18px;}
	#bbsWrite dl dd textarea{font-size:18px;}
	#bbsWrite dl dd select{font-size:18px; line-height:23px;}
	/* //쓰기 */


}

/*모바일 css*/
@media(max-width:767px){

	#bbsWrap input, #bbsWrap select{font-size:16px;}

	#bbsBtn a,
	#bbsBtn button{font-size:16px; line-height:30px;}

	#searchWrap{margin:0 0 50px 0;}
	#searchWrap .searchBox{width:90%;}
	#searchWrap select{width:30%; height:30px; line-height:30px; font-size:16px; padding:0 15px 0 10px;}
	#searchWrap input{width:47%; height:30px; line-height:30px; font-size:16px; padding:0 10px;}
	#searchWrap button{width:20%; height:30px; line-height:30px; font-size:16px; padding:0 10px;}

	#bbsHeader p.total{font-size:16px;}

	/*리스트*/
	#bbsList table.dc_bbslist col.dc_col01{width:15%;} /*게시글 번호 넓이*/
	#bbsList table.dc_bbslist col.dc_col03{width:20%;} /*게시글 날짜 넓이*/
	#bbsList table.dc_bbslist th{padding:20px 10px; font-size:16px; line-height:21px;}
	#bbsList table.dc_bbslist td{padding:20px 10px; font-size:16px; line-height:21px;}
	#bbsList table.dc_bbslist td p.none{font-size:16px; line-height:100px;}
	/*//리스트*/

	/*상세*/
	#bbsView .dc_viewheader{padding:2%; font-size:16px; line-height:21px;}
	#bbsView .dc_viewheader .dc_date{font-size:16px;}
	#bbsView .dc_viewaddfile{padding:2%;}
	#bbsView .dc_viewaddfile .addfile_list dl dt{font-size:16px;}
	#bbsView .dc_viewaddfile .addfile_list dl dd ul li a{font-size:16px;}
	#bbsView .dc_viewcon{padding:2%;}

	#view_nextprev{position:relative; width:100%; margin:10px auto 50px; background-color:#fafafa; border-top:solid 1px #333;}
	#view_nextprev ul li{font-size:16px; padding:2%;}
	#view_nextprev ul li dl dt{width:12%;}
	#view_nextprev ul li dl dd{width:88%;}
	/*//상세*/

	/* 쓰기 */
	#bbsWrite dl dt{font-size:16px;}
	#bbsWrite dl dt label{font-size:16px;}
	#bbsWrite dl dd{font-size:16px;}
	#bbsWrite dl dd label{font-size:16px;}
	#bbsWrite dl dd input{font-size:16px;}
	#bbsWrite dl dd textarea{font-size:16px;}
	#bbsWrite dl dd select{font-size:16px; line-height:21px;}
	/* //쓰기 */


}