/* search + button, 최근엔 검색이 따로 빠져서 버튼만 활용, 정리 필요 */
.search_bbs{display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:20rem;}
.search_bbs .search{display:flex; flex-wrap:wrap; align-items:stretch; gap:5rem;}
.search_bbs .search input[type="text"]{flex:none; width:200rem; height:45rem;}
.search_bbs .search select{flex:auto; height:45rem;}
.search_bbs .search .button{min-width:auto;} 
.search_bbs .btn{display:flex; flex-wrap:wrap; align-items:stretch; gap:5rem;}
.search_bbs .btn.reserve span{margin-left:5rem;}
/* 일부 스킨에서 활용 */
.search_bbs{ text-align: center }
.search_bbs .btn{ display: inline-block }
.search_bbs .btn.left{ float: left }
@media(max-width:768px){
	.search_bbs .btn.reserve{float:none; clear:left;}
}
@media(max-width:640px){
	.search_bbs{justify-content:center;}
	.search_bbs .search,
	.search_bbs .btn{flex:0 1 100%;}
	.search_bbs .btn{justify-content:center; margin-top:10rem;}
	.search_bbs .search select{flex:none; width:30%;}
	.search_bbs .search input[type="text"]{flex:auto; width:calc(70% - 95rem);}
	.search_bbs .search .button{flex:none; width:80rem; padding-left:5rem; padding-right:5rem;}
	/* 일부 스킨에서 활용 */
	.search_bbs .btn.left{ float: none }
}
@media(max-width:380px){
	.search_bbs .search{position:relative;}
	.search_bbs .search select{position:absolute; left:0; top:0; width:70rem;}
	.search_bbs .search .button{position:absolute; right:0; top:0; width:70rem; height:45rem;}
	.search_bbs .search input[type="text"]{width:100%; padding-left:80rem; padding-right:70rem;}
}

/* pagination */
.pagination{margin-top:30rem; padding-top:30rem; text-align:center;}
.pagination > *{display:inline-flex; justify-content:center; align-items:center; min-width:38rem; min-height:38rem; box-sizing:border-box; margin:2rem 3rem; background:#fff; border:1px solid #ddd; border-radius:100%; vertical-align:top; text-align:center; color:#777; font-size:14rem; font-weight:600; transition:border-color 0.3s ease 0s;}
.pagination a[class^="btn_"]{width:38rem; border-color:transparent; background-image:url(../../images/board/btn_pagination.png); background-repeat:no-repeat; background-size:152rem 76rem; text-indent:100%; overflow:hidden; white-space:nowrap; font-size:0rem;}
.pagination a[class^="btn_"]:hover,
.pagination a[class^="btn_"]:focus{background-position-y:-38rem;}
.pagination a.btn_prev{background-position-x:-38rem;}
.pagination a.btn_next{background-position-x:-76rem;}
.pagination a.btn_last{background-position-x:-114rem;}
.pagination span{border-color:#222; color:#222;}
.pagination a:not([class^="btn_"]):hover,
.pagination a:not([class^="btn_"]):focus{border-color:#cecece; background:#f5f5f5;}
	/* 댓글안 페이징 */
[data-bbs-view="comment"] .pagination a[class^="btn_"]{background-color:transparent;}
	/* 페이징과 버튼좌우 -권한있는경우만 사용 */
.box-pagin-flex{display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; margin-top:60rem;}
.box-pagin-flex .pagination{flex:auto; margin:0 !important; padding-top:0;}
.box-pagin-flex.col .pagination{flex:none;}
@media(max-width:768px){
	/* 페이징과 버튼좌우 -권한있는경우만 사용 */
	.box-pagin-flex{justify-content:center;}
	.box-pagin-flex > *:not(.pagination){flex:0 1 100%; padding-top:30rem; text-align:center;}
}
@media(max-width:480px){
	.pagination{margin:30rem 0 30rem;}
	.pagination a{width:29rem; height:29rem; font-size:14rem;}
	.pagination .btn_pager::after{background-size:5rem; background-position:52% 51%;}
	.pagination .btn_end::after{background-size:8rem; background-position:50% 11rem;}
}