#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{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:#000;}
#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%; height:100px; background-color:#f1f1f1; display: flex; align-items: center; justify-content: center; padding: 0 6%;}
#bbsList .galleryBox ul > li .show_detail h3.title{text-align:center; font-size:20px; font-weight:500; line-height:25px; color:#222; word-break: keep-all;}
#bbsList .galleryBox .nodata{text-align:center; width:100%; border:solid 1px #ccc; text-align:center; font-size:20px; font-weight:300; line-height:300px;}
/*//리스트*/

/*상세*/
#bbsView{position:relative; width:100%; margin:0 0 50px 0;}
#bbsView .control{position:absolute; top:0px; left:0; width:100%;}
#bbsView .control a{position:absolute; top:0px; width:80px; height:80px; text-indent:-99999px;}
#bbsView .control a.btnPrev{left:0; border:solid 1px #d7d7d7; background: url(./img/btnPrev.png) no-repeat 50% 50% #fff; cursor:pointer;}
#bbsView .control a.btnNext{right:0; border:solid 1px #d7d7d7; background: url(./img/btnNext.png) no-repeat 50% 50% #fff; cursor:pointer;}
#bbsView .titleBox{margin:0 0 50px 0;}
#bbsView .titleBox h3.titleKo{text-align:center; font-size:32px; font-weight:700; line-height:80px; color:#222; word-break: keep-all;}
#bbsView .titleBox h4.titleEn{text-align:center; font-size:18px; font-weight:400; line-height:30px; color:#222; letter-spacing:-1px; }
#bbsView .titleBox h5.titleCh{text-align:center; font-size:16px; font-weight:400; line-height:30px; color:#222; letter-spacing:-1px; }
#bbsView .thumbBox{background-color:#000; padding:5%; text-align:center;}
#bbsView .thumbBox img{margin-bottom:20px;}
#bbsView .thumbBox .imgBox{clear:both;}
#bbsView .thumbBox .imgBox img{width:100%;}
#bbsView .snsDiv{position:relative; width:100%; text-align:center;}
#bbsView .snsDiv > div{display:inline-block; overflow:hidden; }
#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.snsURL{background:linear-gradient(to bottom, #666, #666);}
#bbsView .snsDiv a img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width: auto;}
#bbsView .detailBox{background-color:#ccc; padding:5%;}
#bbsView .detailBox dl{overflow:hidden; margin:0 0 5px 0;}
#bbsView .detailBox dl:last-child{margin:0;}
#bbsView .detailBox dl:last-child dd{width:90%;}
#bbsView .detailBox dl dt{float:left; width:10%; font-size:18px; font-weight:700; line-height:35px; color:#222;}
#bbsView .detailBox dl dd{float:left; width:40%; font-size:18px; font-weight:300; line-height:35px; color:#222; letter-spacing:-1px; }
#bbsView .detailBox dl dd p{font-size:18px; font-weight:300; line-height:30px; color:#222; letter-spacing:-1px;  padding: 3px 0 0 0;}
/*//상세*/

/* 쓰기 */
#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 .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:hover .thumb{border:solid 1px #6f6259;}
	#bbsList .galleryBox ul > li .show_detail{width:100%; height:70px;}
	#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:18px; line-height:200px;}
	/*//리스트*/

	/*상세*/
	#bbsView .control a{width:50px; height:50px;}
	#bbsView .titleBox h3.titleKo{font-size:18px; line-height:50px;}
	#bbsView .thumbBox{}
	#bbsView .thumbBox p img{width:100%;}
	/*//상세*/

	/* 쓰기 */
	#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 .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:16px; line-height:21px;}
	#bbsList .galleryBox ul > li .show_detail p.stitle{font-size:16px; line-height:21px;}
	#bbsList .galleryBox .nodata{font-size:16px; line-height:100px;}
	/*//리스트*/

	/*상세*/
	#bbsView .control{position:relative; top:unset; left:unset; width:100%; overflow:hidden; margin:0 0 30px 0;}
	#bbsView .control a{position:relative; top:unset; width:49%; height:30px;}
	#bbsView .control a.btnPrev{left:unset; float:left;}
	#bbsView .control a.btnNext{right:unset; float:right;}
	#bbsView .titleBox{margin:0 0 20px 0;}
	#bbsView .titleBox h3.titleKo{font-size:20px; line-height:25px;}
	#bbsView .thumbBox .snsDiv a{width:25px; height:25px;}
	#bbsView .thumbBox .snsDiv a img{height:15px;}
	/*//상세*/


}