#bbsWrap{position:relative; width:100%; margin:0 auto; padding:100px 0;}
#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 30px 0;}
#categoryTabBox ul.categoryTab{overflow: hidden;}
#categoryTabBox ul.categoryTab li{float:left; width:calc(100%/6); position:relative; text-align:center; font-size:16px; text-align:Center; background-color:#ddd;}
#categoryTabBox ul.categoryTab li a{display:block; padding:15px 5px; font-size:0;}
#categoryTabBox ul.categoryTab li a p{display:inline-block; line-height:25px; font-size:20px; text-align:Center;}
#categoryTabBox ul.categoryTab li a span.icoNew{display:inline-block; color:#fff; width:19px; height:19px; line-height:20px; font-size:12px; font-weight: 700; background-color:red; border-radius:50%; margin:0 0 0 5px;}
#categoryTabBox ul.categoryTab li:hover,
#categoryTabBox ul.categoryTab li.on{background-color:#333;color:#fff; font-weight:400;;}
#categoryTabBox ul.categoryTab li:hover a,
#categoryTabBox ul.categoryTab li.on a{color:#fff;}

#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:400; line-height:40px; padding:0 30px 0; margin:0 5px; border-radius:10px;}
#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 #ffca00; background-color:#ffca00; color:#fff;}
#bbsBtn a.btnWrite:hover,
#bbsBtn button.btnWrite:hover{border:solid 1px #ffca00; background-color:#fff; color:#ffca00;}

#searchWrap{padding:20px 0; background-color:#eee; font-size:0; margin:0 0 50px 0; text-align:center;}
#searchWrap .searchBox{display:inline-block; width:70%; overfloW:hidden;}
#searchWrap select{float:left; display:block; width:20%; height:40px; line-height:40px; 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:40px; line-height:40px; 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:40px; line-height:40px; font-size:17px; font-weight:400;; color:#fff; padding:0 15px; background-color:#000; text-align:center;}

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

/*리스트*/
#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(100%/4); margin:0 0 20px 0; padding:0 1%; overflow:hidden;}
#bbsList .galleryBox ul > li .thumb{position:relative; width:100%; margin:0; overflow:hidden; background-color:#f1f1f1; text-align:Center;}
#bbsList .galleryBox ul > li .thumb:after{display: block; content: ""; padding-bottom: 100%;}
#bbsList .galleryBox ul > li .thumb a{display:block; width: 100%;}
#bbsList .galleryBox ul > li .thumb a img{position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); width:100%; height:100%;}
#bbsList .galleryBox ul > li .show_detail{width:100%; padding:5% 2% 0; text-align:center; }
#bbsList .galleryBox ul > li .show_detail p.pStitle{display:inline-block; text-align:center; font-size:18px; font-weight:700; line-height:23px; color:#ffca00; padding:0; margin:0 0 5px 0;}
#bbsList .galleryBox ul > li .show_detail h3.title{font-size:22px; font-weight:700; line-height:27px; color:#222; margin:0 0 20px 0; height:81px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
#bbsList .galleryBox ul > li .show_detail .linkBox{overflow:hidden; text-align:center; width:100%;}
#bbsList .galleryBox ul > li .show_detail .linkBox .divInner{display:inline-block; width:270px;}
#bbsList .galleryBox ul > li .show_detail .linkBox a.view{float:left; width:100px; text-align:center; font-size:16px; font-weight:700; line-height:30px; color:#333; background-color:#fff; border:solid 1px #333; padding:0 20px 0; border-radius:10px; margin:0 5px 0 0;}
#bbsList .galleryBox ul > li .show_detail .linkBox a.view:hover{color:#fff; background-color:#ffca00; border:solid 1px #ffca00;}
#bbsList .galleryBox ul > li .show_detail .linkBox a.link{float:left; width:165px; text-align:center; font-size:16px; font-weight:700; line-height:30px; color:#fff; background-color:#ffca00; border:solid 1px #ffca00; padding:0 10px 0; border-radius:10px;}
#bbsList .galleryBox ul > li .show_detail .linkBox a.link:hover{color:#ffca00; background-color:#fff; border:solid 1px #ffca00;}
#bbsList .galleryBox ul > li:hover .thumb{border:solid 2px #000;}
#bbsList .galleryBox ul > li:hover .show_detail h3.title{text-decoration:underline;}
#bbsList .galleryBox .nodata{text-align:center; width:100%; border:solid 1px #ccc; text-align:center; font-size:18px; font-weight:400;; line-height:300px;}
/*//리스트*/

/*상세*/
#bbsView{position:relative; width:100%;}
#bbsView .thumbBox{background-color:#f1f1f1; padding:5% 0; overflow:hidden; display:flex; align-items:center;}
#bbsView .thumbBox .right{width:100%; padding:0; text-align:Center;}
#bbsView .thumbBox .right p.pStitle{display:inline-block; font-size:20px; font-weight:400;; line-height:35px; color:#000; background-color:#d8ff00; text-align:center; border-radius:10px; padding:3px 10px 0;}
#bbsView .thumbBox .right h3.title{font-size:35px; font-weight:700; line-height:40px; color:#222; margin:0 0 10px 0;}
#bbsView .detailBox{background-color:#fafafa; padding:5%;}
#bbsView .detailBox .linkBox{overflow:hidden; text-align:center; }
#bbsView .detailBox .linkBox a.link{display:inline-block; text-align:center; font-size:17px; font-weight:600; line-height:30px; color:#fff; background-color:#ffca00; border:solid 1px #ffca00; padding:3px 10px 0; border-radius:10px;}
#bbsView .detailBox .linkBox a.link:hover{color:#ffca00; background-color:#fff; border:solid 1px #ffca00;}
#bbsView .detailBox .detailCon{margin:50px 0;}
#bbsView .detailBox dl{overflow:hidden; margin:0 0 5px 0;}
#bbsView .detailBox dl:last-child{margin:0;}
#bbsView .detailBox dl dt{float:left; width:10%; font-size:18px; font-weight:600; line-height:35px; color:#222;}
#bbsView .detailBox dl dd{float:left; width:40%; font-size:18px; font-weight:400;; line-height:35px; color:#222; letter-spacing:-1px;}
#bbsView .detailBox dl dd p{font-size:18px; font-weight:400;; line-height:30px; color:#222; letter-spacing:-1px; padding:3px 0 0 0;}
#bbsView .detailBox dl dd a{width:150px; text-align:center; font-size:14px; font-weight:400;; line-height:20px; color:#fff; letter-spacing:-1px; background-color:#653E83; border:solid 1px #653E83; padding:6px 10px;}
#bbsView .detailBox dl dd a:hover{color:#653E83; background-color:#fff; border:solid 1px #653E83;}

#view_nextprev{position:relative; width:100%; margin:0 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;}
/*//상세*/


/* 쓰기 */
#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:600;}
#bbsWrite dl dt label{line-height: 33px;}
#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 input.dc_input02{width:20%; padding:5px 10px;}
#bbsWrite dl dd textarea{padding:5px 10px; font-size:16px; color:#333;}
#bbsWrite dl dd select{border:solid 1px #ddd; 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;}

	#categoryTabBox ul.categoryTab li a p{line-height:21px; font-size:16px;}

	#bbsBtn a,
	#bbsBtn button{font-size:18px; 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:16px;}

	/*리스트*/
	#bbsList .galleryBox ul > li{width:calc(100%/3); margin:0 0 50px 0;}
	#bbsList .galleryBox ul > li .show_detail{width:100%; padding:5% 2% 0; text-align:center; }
	#bbsList .galleryBox ul > li .show_detail p.pStitle{font-size:16px; line-height:21px;}
	#bbsList .galleryBox ul > li .show_detail h3.title{font-size:20px; line-height:25px; height:50px;}
	#bbsList .galleryBox ul > li .show_detail h5.price{font-size:16px; line-height:21px; margin:0 0 10px 0;}
	#bbsList .galleryBox ul > li .show_detail p.view{line-height:20px; padding:0 10px 0;}
	#bbsList .galleryBox ul > li .show_detail .linkBox .divInner{width:100%;}
	#bbsList .galleryBox ul > li .show_detail .linkBox a.view{width:40%; font-size:14px; line-height:30px; padding:0 2%; margin:0 1% 0 0;}
	#bbsList .galleryBox ul > li .show_detail .linkBox a.link{width:59%; font-size:14px; line-height:30px; padding:0 2%;}	
	#bbsList .galleryBox .nodata{font-size:16px; line-height:200px;}
	/*//리스트*/

	/*상세*/
	#bbsView .thumbBox .left{width:40%;}
	#bbsView .thumbBox .left p.state{display:none;}
	#bbsView .thumbBox .right{width:60%; padding:30px 0 0 5%;}
	#bbsView .thumbBox .right p.state{font-size:14px;}
	#bbsView .thumbBox .right h3.title{font-size:25px; line-height:30px; margin:0 0 20px 0;}
	#bbsView .thumbBox .right .detail{margin:0 0 20px 0;}
	#bbsView .thumbBox .right .detail dl dt{font-size:15px;}
	#bbsView .thumbBox .right .detail dl dd{font-size:15px;}
	#bbsView .thumbBox .right .etcBox a.link{font-size:14px;}

	#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:15px;}
	#bbsWrite dl dd{font-size:15px;}
	#bbsWrite dl dd input{font-size:15px;}
	#bbsWrite dl dd textarea{font-size:16px;}
	/* //쓰기 */


}

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

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

	#categoryTabBox ul.categoryTab li a{padding:5px;}
	#categoryTabBox ul.categoryTab li{font-size:14px;}
	#categoryTabBox ul.categoryTab li a p{line-height: 20px; font-size:14px; padding: 4px 0 0 0;}

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

	#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{width:calc(100%/1); margin:0 0 50px 0;}
	#bbsList .galleryBox ul > li > a{display:block;}
	#bbsList .galleryBox ul > li .thumb{float:none; width:100%;}
	#bbsList .galleryBox ul > li .thumb p.state{display:block; position:absolute; top:10px; left:10px; display:inline-block; font-size:12px; font-weight:400;; line-height:25px; color:#fff; background-color:#333; text-align:center; border-radius:10px; padding:0 10px; margin:0 0 10px 0; z-index:1;}
	#bbsList .galleryBox ul > li .thumb p.state.reg{color:#fff; background-color:#ff0000;}
	#bbsList .galleryBox ul > li .thumb p.state.end{color:#fff; background-color:#333;}
	#bbsList .galleryBox ul > li .show_detail{float:none; width:100%; padding:20px 10px 0 10px; text-align:center;}
	#bbsList .galleryBox ul > li .show_detail p.state{display:none;}
	#bbsList .galleryBox ul > li .show_detail h3.title{text-align:center; font-size:17px; line-height:22px; margin:0 0 20px 0; height:auto;}
	#bbsList .galleryBox ul > li .show_detail .detail{margin:0 0 20px 0;}
	#bbsList .galleryBox ul > li .show_detail .detail dl dt{font-size:14px; line-height:21px;}
	#bbsList .galleryBox ul > li .show_detail .detail dl dd{font-size:14px; line-height:21px;}
	#bbsList .galleryBox ul > li .show_detail p.view{width:30%; font-size:14px; line-height:21px; padding:4px 10px 3px; border-radius:10px; color:#fff; background-color:#0e4293; border:solid 1px #0e4293;}
	#bbsList .galleryBox .nodata{font-size:14px;}
	/*//리스트*/

	/*상세*/
	#bbsView .thumbBox{display:block;}
	#bbsView .thumbBox .right{float:none; width:100%; padding:20px 5% 0;}
	#bbsView .thumbBox .right p.pStitle{font-size:14px; line-height:25px;}
	#bbsView .thumbBox .right h3.title{text-align:center; font-size:18px; line-height:23px;}
	#bbsView .detailBox .linkBox a.link{font-size:14px; line-height:25px;}

	#bbsView .detailBox .detailCon img{width:100%;}

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

}