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


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


/* Post 페이지 */
.boardPostArea {}
.boardPostArea select {color:#aaa}
.boardPostArea select.active {color:inherit;}
.boardPostArea .field+.field {margin-top:1rem;}
.boardPostArea .field input[type="text"]{width:80%;}



/* View 페이지 */
.boardViewArea {}
.boardViewArea .boardViewArea_top{padding:1em 0; box-sizing:border-box; border-top:2px solid #333; border-bottom:1px solid #ddd;}
.boardViewArea .boardViewArea_top .bd_category{font-weight:600; color:#064988;}
.boardViewArea .boardViewArea_top .bd_title{font-weight:600; font-size:1.875rem;}
.boardViewArea .boardViewArea_top .bd_write_info {display: flex; flex-wrap: wrap; color:#888;}
.boardViewArea .boardViewArea_top .bd_write_info dt {font-weight:600}
.boardViewArea .boardViewArea_top .bd_write_info dd {margin-left:0.5em;}
.boardViewArea .boardViewArea_top .bd_write_info dd+dt {margin-left:1em;}

/* 이전글|다음글 */
.boardPage {display:flex; justify-content: space-between; border-top:1px solid #ddd; border-bottom: 1px solid #ddd; margin-top:2em; padding: 1em 2em; box-sizing:border-box; }
.boardPage .pn_list{position:relative; box-sizing: border-box; width:50%; }
.boardPage .pn_list a {position:absolute; top:50%;  transform:translateY(-50%);width: 30px; height: 30px;  content:''; border-radius:100%; display:flex; align-items: center; justify-content: center; font-weight: 600; background:var(--keycolor); color:#fff; }
.boardPage .pn_list.prev a:hover {text-decoration: none;}
.boardPage .pn_list.prev a{left:0;content:'<';}
.boardPage .pn_list.next a{right:0;content:'>';}
.boardPage .pn_list dl {}
.boardPage .pn_list.prev dl{padding-left:40px; padding-right:1em;}
.boardPage .pn_list.next dl{padding-right:40px; padding-left:1em; text-align: right;}
.boardPage .pn_list dl dt{font-weight:600; font-size:0.9em;}
.boardPage .pn_list dl dd{overflow:hidden; text-overflow: ellipsis; white-space: nowrap; word-break:keep-all; -webkit-line-clamp: 1; }


/* list 페이지 - 갤러리 */
.gallery_con { }
.gallery_con .gallery_list {display: flex; flex-wrap:wrap; column-gap: 2%; row-gap:2rem;}
.gallery_con .gallery_list li {width:calc(94% / 4); }
.gallery_con .gallery_list li .thumb {width:100%; height:410px; background:#dfdfdf;}
.gallery_con .gallery_list li .thumb img{max-width:100%; max-height:100%;}
.gallery_con .gallery_list li .desc {position:relative; }
.gallery_con .gallery_list li .desc .bd_title{font-size:1.25em; font-weight:600; overflow: hidden; text-overflow: ellipsis; ;}
.gallery_con .gallery_list li .desc .bd_date{}
.gallery_con .gallery_list li .desc .label.new {position:absolute; top:-50px; right:0; width:50px;height:50px;background:var(--keycolor); color:#fff; text-align: center;}