/* 게시판: 공통 */
.dp--flex{display:flex; flex-wrap:wrap;}
.flex--nowrap{flex-wrap:nowrap;}
.tc {text-align: center;}

.bd--total{*font-size:0.8em; color:#666;}

.bd--cateBox{align-items:stretch; margin-bottom:3em;}
.bd--cateBox > div{flex-basis:0; flex-grow:1; padding:0 1px;}
.bd--cateBox > div > a{display:flex; align-items:center; justify-content:center; border:1px solid #ddd; transition:all .2s; padding:0.5em; text-align:center;}
.bd--cateBox > div > a:hover{background:#f5f5f5; border:1px solid #bbb;}
.bd--cateBox > div > a.on{background:#676767; border:1px solid #676767; color:#fff;}
.bd--cateBox small.total{display:none; font-size:14px; color:#999; text-align:center;}
.bd--cateBox > div > a.on small.total{color:#ddd;}
.span_cate{display:inline-block; color:#fff; background:var(--keycolor); border-radius:50px; line-height:1; padding:5px 1em;}

.bd--list .noData{text-align:center !important; padding:2em 0 !important; width:100% !important;}

/* Pagination */
.pagination {margin-top:2em; margin-bottom:var(--bottomSpace)}
.pagination .paginationList {display: flex; justify-content: center; align-items: center; column-gap: 0.5em;}
.pagination .paginationList > li {}
.pagination .paginationList > li > a{width:1.625rem; height: 1.625rem; border:1px solid #ddd; text-align: center;}
.pagination .paginationList > li > a:hover {text-decoration: none;}
.pagination .paginationList > li > a.page_current{font-weight:600; background:#333; color:#fff;}
.pagination .paginationList > li > a.page_first,
.pagination .paginationList > li > a.page_prev,
.pagination .paginationList > li > a.page_next,
.pagination .paginationList > li > a.page_last{background:#dfdfdf; color:#333; font-weight:600; letter-spacing: -2px;}

/* btn */
.boardBtn_wrap {display: flex; column-gap: 10px;justify-content: center; margin-top:4rem; margin-bottom:8rem; position:relative; width:100%;}
.boardBtn_wrap.post {}
.boardBtn_wrap.view {}
.boardBtn_wrap.view .auth_wrap{display: flex; column-gap: 10px;}
.boardBtn_wrap .btn {padding: 0.5em 2em; background: #dfdfdf; cursor: pointer;}
.boardBtn_wrap .btn.write {background:var(--keycolor); color:#fff; padding: 0.5em 4em }
.boardBtn_wrap .btn.modify {background:var(--keycolor); color:#fff; padding: 0.5em 4em }
.boardBtn_wrap .btn.list {position:absolute; top:0; right:0; background:#333; color:#fff;}

.span_NS{position:relative; display:inline-block; font-size:0; width:19px; height:19px; border-radius:100%; vertical-align:middle; margin-top:-2px; line-height:1;}
.span_NS i{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); font-size:12px; font-style:normal;}
.span_new{color:#fff; background:var(--clr--pink); margin-left:5px;}
.span_secret{color:#666; margin-right:5px;}
.span_secret i{font-size:13px;}

.bd_search {text-align: center; margin-top: 2rem;}
.bd_search select, .bd_search .inputSearch, .bd_search .btnSearch {display: inline-block; vertical-align: middle; height: 50px;}
.bd_search select {padding:0.5em 2em 0.625em 1em; border-radius: 2rem;}
.bd_search .inputSearch {border-right: none; border-radius:2rem 0 0 2rem; }
.bd_search .btnSearch {padding: 0.625rem 1rem 0.625rem 1rem; margin-left: -4px; border: 1px solid #dfdfdf; border-left: none; border-radius: 0 2rem 2rem 0;}



/* 게시판: 일반 리스트 게시판 */
.bd--default.bd--list{*font-size:0.9em;}
.bd--default.bd--list .row{display:flex; justify-content:space-between; padding:0.5em 0; border-top:1px solid #eaeaea; align-items:center;}
.bd--default.bd--list .row:last-child{border-bottom:1px solid #eaeaea;}
.bd--default.bd--list .row > *{text-align:center; padding:0.3em;}
.bd--default.bd--list .num{width:100px;}
.bd--default.bd--list .category{width:180px;}
.bd--default.bd--list .title{width:50%; flex-grow:1; max-width:70%;}
.bd--default.bd--list .writer{width:150px;}
.bd--default.bd--list .date{width:150px;}
.bd--default.bd--list .hit{width:80px;}
.bd--default.bd--list .comme_name{width:120px;}
.bd--default.bd--list .comme_con{width:calc(100% - 270px); text-align:left;}

.bd--default.bd--list .thead .row{background:#f5f5f5;}
.bd--default.bd--list .tbody .title{text-align:left;}
.bd--default.bd--comme_list .row{border-top:1px dashed #ddd;}
.bd--default.bd--comme_list .row:first-child{border-top:0;}
.bd--default.bd--list .telnum{width:150px;}
.bd--default.bd--list .daterange{width:200px;}

/* 게시판: 썸네일형 리스트 게시판 */
.bd--thumb.bd--list{}
.bd--thumb.bd--list .row{padding:1em 0;}
.bd--thumb.bd--list .thumb{width:30%; padding-right:1em; box-sizing: border-box;}
.bd--thumb.bd--list .thumb a{display:block; position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden; border:1px solid #eaeaea; transition:all .2s;}
.bd--thumb.bd--list .thumb img{position:absolute; left:0; top:0; width:100%; height:100%; object-fit:cover; transition:all .3s;}
.bd--thumb.bd--list .thumb + div{width:70%; align-self:center;}
.bd--thumb.bd--list .category{font-size:0.8em; padding-bottom:0.5em; margin-bottom:0.5em;}
.bd--thumb.bd--list .title{font-weight:500; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all .2s; margin-bottom:0.5em; font-size:1.125em;}
.bd--thumb.bd--list .content{*font-size:0.8em; overflow:hidden; text-overflow:ellipsis; -display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; height:3.2em; line-height:1.6em; margin-bottom:2em; color:#999;}
.bd--thumb.bd--list .date{*font-size:0.8em; color:#999; padding-top:0.5em;}
.bd--thumb.bd--list .date span.line{display:inline-block; width:1px; height:0.85em; background:#aaa; margin:-3px 0.5em 0;}
.bd--thumb.bd--list .row a:hover .thumb span{border-color:var(--keycolor);}
.bd--thumb.bd--list .row a:hover .thumb img{transform:scale(1.1);}
.bd--thumb.bd--list .row a:hover .title{color:var(--keycolor);}


/* 게시판 뷰페이지(공통) */
#bd_content{word-break:break-all;}
.bd--default.bd--view{margin-bottom:2em; *margin-top:80px;}
.bd--default.bd--view > .titleBox{margin-bottom:1.2em;}
.bd--default.bd--view > .titleBox .cate{color:var(--clr--main);}
.bd--default.bd--view > .titleBox .title{font-size:1.5em; font-weight:600;}
.bd--default.bd--view > .info{justify-content:center; align-items:center; margin-bottom:1.5em;}
.bd--default.bd--view > .info > * + *{position:relative;}
.bd--default.bd--view > .info > * + *:before{position:absolute; content:""; left:0; top:50%; width:1px; height:16px; background:#ddd; margin-top:-8px;}
.bd--default.bd--view > .info .writter{font-size:0.9em; padding:0 1em;}
.bd--default.bd--view > .info .date{font-size:0.9em; color:#999; padding:0 1em;}
.bd--default.bd--view > .contents{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:2em 1em; min-height:15em;}
.bd--default.bd--view > .file{padding:0.5em 0; background:#f5f5f5; border-bottom:1px solid #ddd;}
.bd--default.bd--view > .file > p{width:100px; font-weight:500; text-align:center; word-break:keep-all;}
.bd--default.bd--view > .file > ul{width:calc(100% - 120px);}
.bd--default.bd--view > .file > ul li + li{margin-top:0.2em;}
.bd--default.bd--view > .file > ul li a{display:inline; margin-right:0.5em; transition:all .2s;}
.bd--default.bd--view > .file > ul li a:hover{color:var(--clr--main);}
.bd--default.bd--view > .file > ul li .size{color:#999; font-size:14px;}
.bd--default.bd--view > .contents img{height:auto !important;}

.pn_listBox{margin-bottom:2em;}
.pn_listBox .pn_list{border:1px solid #eaeaea; border-right:0; border-left:0; padding:0.5em 0;}
.pn_listBox .pn_list + .pn_list{margin-top:-1px;}
.pn_listBox .pn_list:first-child{border-top-color:#ddd;}
.pn_listBox .pn_list:last-child{border-bottom-color:#ddd;}
.pn_listBox .pn_list dt{width:100px; font-weight:500; text-align:center; cursor:default;}
.pn_listBox .pn_list dt span{position:relative; display:inline-block; vertical-align:middle; width:10px; height:2px; margin-left:0.2em;}
.pn_listBox .pn_list dt span:before,
.pn_listBox .pn_list dt span:after{position:absolute; content:""; width:6px; height:2px; background:#999; top:50%; margin-top:-2px;}
.pn_listBox .pn_list.pn_list_prev dt span:before{transform:rotate(-45deg); left:0;}
.pn_listBox .pn_list.pn_list_prev dt span:after{transform:rotate(45deg); right:0;}
.pn_listBox .pn_list.pn_list_next dt span:before{transform:rotate(45deg); left:0;}
.pn_listBox .pn_list.pn_list_next dt span:after{transform:rotate(-45deg); right:0;}
.pn_listBox .pn_list dd{width:calc(100% - 120px);}
.pn_listBox .pn_list a{overflow:hidden; text-overflow:ellipsis; white-space:nowrap; display:block;}
.pn_listBox .pn_list a:hover{text-decoration:underline;}


@media(max-width:1200px){

}

@media(max-width:768px){
  
  /*  */
  .bd--default.bd--list .thead {display: none;}
  .bd--default.bd--list .tbody .row{flex-wrap: wrap;}
  .bd--default.bd--list .tbody .row > div{width: 100%; text-align: initial;}
  .bd--default.bd--list .title {max-width: none; width: 100%;}
  .bd--default.bd--list .date {color:#999;}
  .bd--default.bd--list .num,
  .bd--default.bd--list .writer,
  .bd--default.bd--list .hit {display: none;}

  /*  */
  .bd--thumb.bd--list .row+.row {border-top:1px solid #f4f4f4}
  .bd--thumb.bd--list .row .dp--flex {flex-wrap: wrap;}
  .bd--thumb.bd--list .thumb {width: 100%; min-width: 200px; margin-bottom:6px;}
  .bd--thumb.bd--list .thumb + div {width: 100%;}
  .bd--thumb.bd--list .title a {text-overflow: ellipsis; overflow: hidden;}
  .bd--thumb.bd--list .content { margin-bottom:0;}

  /*  */
  .pagination .paginationList {flex-wrap: wrap; row-gap: 4px;}


}


@media(max-width:640px){

}