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

#categoryTabBox{position:relative; width:100%; z-index:30; margin:0 0 50px 0;}
#categoryTabBox ul.categoryTab{overflow:hidden;}
#categoryTabBox ul.categoryTab li{float:left; text-align:center; line-height:50px; font-size:20px; background-color:#f1f1f1;}
#categoryTabBox ul.categoryTab li a{display:block; padding:0 10px;}
#categoryTabBox ul.categoryTab li a:hover{background-color:#000; color:#fff; font-weight:400;}
#categoryTabBox ul.categoryTab li.on{background-color:#000; color:#fff; font-weight:700;}
#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:17px; color:#222;}
#bbsHeader p.total span{font-weight:500; 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:17px; font-weight:400; line-height:30px; padding:0 30px; margin:0 5px; border-radius:20px;}
#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 #1E79AE; background-color:#1E79AE; color:#fff;}
#bbsBtn a.btnWrite:hover,
#bbsBtn button.btnWrite:hover{border:solid 1px #1E79AE; background-color:#fff; color:#1E79AE;}

#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:17px; font-weight:400; 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:50%; height:50px; line-height:50px; font-size:17px; font-weight:400; 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:17px; font-weight:400; color:#fff; padding:0 15px; background-color:#000; text-align:center;}

/*리스트*/
#bbsList{position:relative; width:100%; margin:0 0 50px 0;}
#bbsList .galleryBox{position:relative; width:100%; margin:0 0 20px 0;}
#bbsList .galleryBox ul{overflow:hidden;}
#bbsList .galleryBox ul > li{float:left; position:relative; width:calc(97%/4); margin:0 1% 1% 0;}
#bbsList .galleryBox ul > li:nth-child(4n){margin:0 0 1% 0;}
#bbsList .galleryBox ul > li > a{display:inline-block;width:100%;text-align:center;}
#bbsList .galleryBox ul > li .thumb{width:100%; height:300px; margin: 0; border:solid 1px #fff; overflow:hidden; background-color:#fafafa;}
#bbsList .galleryBox ul > li .thumb>img{height:100%;}
#bbsList .galleryBox ul > li:hover .thumb{border:solid 1px #6f6259;}
#bbsList .galleryBox ul > li .show_detail{width:100%; padding:20px 0 0 0;}
#bbsList .galleryBox ul > li .show_detail h3.title{text-align:center; font-size:16px; font-weight:500; line-height:22px; color:#222; margin:0 0 5px 0;}
#bbsList .galleryBox ul > li .show_detail p.stitle{text-align:center; font-size:14px; font-weight:300; line-height:20px; color:#777; letter-spacing:-1px; }
#bbsList .galleryBox .nodata{text-align:center; width:100%; border:solid 1px #ccc; text-align:center; font-size:18px; font-weight:300; line-height:300px;}
/*//리스트*/

/*상세*/
#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:600;}
#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:16px;}
#bbsView .dc_viewheader .snsDiv{display:block; 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{margin:0 0 20px 0;}
#bbsView .dc_viewcon .dc_contents p{}
#bbsView .dc_viewcon .dc_contents p img{width:100%;}
#bbsView .dc_viewcon .movieBox{clear:both; text-align:center; margin:0 0 20px 0;}
#bbsView .dc_viewcon .movieBox iframe{width:100%; height:600px;}

#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:18px; 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; padding:5px 0;}
#bbsWrite dl dt{float:left; width:15%; font-size:16px; color:#333; line-height:30px; padding:0 10px; text-align:center; font-weight:500;}
#bbsWrite dl dd{float:left; width:85%; font-size:16px; color:#333; line-height:30px; padding:0 10px;}
#bbsWrite dl dd input{border:solid 1px #ddd; padding:0 10px; font-size:16px; color:#333; }
#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 textarea{padding:5px 10px; font-size:16px; color:#333; }
/* //쓰기 */



/* 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 {padding:50px 5%;}
	#bbsWrap input, #bbsWrap select{font-size:16px;}

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

	#searchWrap select{height:30px; line-height:28px; font-size:16px; padding:0 5% 0 3%;}
	#searchWrap input{height:30px; line-height:28px; font-size:16px; padding:0 5%;}
	#searchWrap button{height:30px; line-height:28px; font-size:16px; padding:0 5%;}

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

	/*리스트*/
	#bbsList .galleryBox ul > li{width:calc(98%/2); margin:0 2% 2% 0;}
	#bbsList .galleryBox ul > li:nth-child(2n){margin:0 0 2% 0;}
	#bbsList .galleryBox ul > li:nth-child(4n){margin:0 0 2% 0;}
	#bbsList .galleryBox ul > li > a{display:inline-block;width:100%;text-align:center;}
	#bbsList .galleryBox ul > li .thumb{width:100%; height:300px; margin: 0; border:solid 1px #fff; overflow:hidden; background-color:#fafafa;}
	#bbsList .galleryBox ul > li .thumb>img{height:100%;}
	#bbsList .galleryBox ul > li:hover .thumb{border:solid 1px #6f6259;}
	#bbsList .galleryBox ul > li .show_detail{width:100%; padding:20px 0 0 0;}
	#bbsList .galleryBox ul > li .show_detail h3.title{font-size:16px; line-height:19px;}
	#bbsList .galleryBox ul > li .show_detail p.stitle{font-size:14px; line-height:17px;}
	#bbsList .galleryBox .nodata{font-size:15px;}
	/*//리스트*/

	/*상세*/
	#bbsView > .snsDiv{display:block; overflow:hidden; position:absolute; top:-40px; right:0;}
	#bbsView > .snsDiv a{float:left; position:relative; width:30px; height:30px; margin:0 5px 0 0; border-radius:10px;}
	#bbsView > .snsDiv a:last-child{margin:0;}
	#bbsView > .snsDiv a.snsFacebook{background:linear-gradient(to bottom, #4468B1, #4468B1);}
	#bbsView > .snsDiv a.snsTwitter{background:linear-gradient(to bottom, #44C8F5, #44C8F5);}
	#bbsView > .snsDiv a.snsBand{background:linear-gradient(to bottom, #85C440, #1FA64A);}
	#bbsView > .snsDiv a.snsKakaostory{background:linear-gradient(to bottom, #FFDA00, #FEBD10);}
	#bbsView > .snsDiv a img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
	#bbsView .dc_viewheader{padding:2%; font-size:16px; line-height:21px;}
	#bbsView .dc_viewheader .snsDiv{display:none;}
	#bbsView .dc_viewheader .dc_date{font-size:14px;}
	#bbsView .dc_viewaddfile{padding:2%;}
	#bbsView .dc_viewaddfile .addfile_list dl dt{font-size:14px;}
	#bbsView .dc_viewaddfile .addfile_list dl dd ul li a{font-size:14px;}
	#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:16px; padding:2%;}
	#view_nextprev ul li dl dt{width:12%;}
	#view_nextprev ul li dl dd{width:88%;}

	#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;}
	/*//상세*/

}

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

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

	#bbsBtn a,
	#bbsBtn button{font-size:14px;}

	#searchWrap{margin:0 0 50px 0;}
	#searchWrap .searchBox{width:90%;}
	#searchWrap select{font-size:14px; width:30%;}
	#searchWrap input{font-size:14px; width:47%;}
	#searchWrap button{font-size:14px; width:20%;}

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

	/*리스트*/
	#bbsList .galleryBox ul > li{float:none; width:100%; margin:0 0 2% 0;}
	#bbsList .galleryBox ul > li .thumb{width:100%; height:200px; line-height:200px;}
	#bbsList .galleryBox ul > li .show_detail h3.title{font-size:14px; line-height:20px;}
	#bbsList .galleryBox ul > li .show_detail p.stitle{font-size:12px; line-height:17px;}
	#bbsList .galleryBox .nodata{font-size:12px;}
	/*//리스트*/

	/*상세*/
	#bbsView > .snsDiv a{width:25px; height:25px;}
	#bbsView > .snsDiv a img{height:15px;}
	#bbsView .dc_viewheader{font-size:14px; line-height:19px;}
	#bbsView .dc_viewheader .dc_date{font-size:12px;}
	#bbsView .dc_viewaddfile .addfile_list dl dt{font-size:12px;}
	#bbsView .dc_viewaddfile .addfile_list dl dd ul li a{font-size:12px;}

	#view_nextprev ul li{font-size:14px; padding:2%;}
	#view_nextprev ul li dl dt{width:25%;}
	#view_nextprev ul li dl dd{width:75%;}
	/*//상세*/


}