/* 게시판 공통 */
.bbs-wr{margin-bottom: 170px;}
@media screen and (max-width: 767px) {
  .bbs-wr { margin-bottom: 80px;}
}

/* 페이징 */
.paging{display:flex; justify-content:center; align-items:center; margin-top: 100px;}
.paging a{display:inline-flex; width:40px; height:40px; align-items:center; justify-content:center; border-radius:50%; color: #666; font-size: 16px;}
.paging a.on{ background: var(--accent-color); color: #fff; flex-shrink: 0;}



/* 게시판 상단 & 검색 */
.bbs-top{display:flex; justify-content:space-between; gap:20px; align-items:flex-end; margin-bottom: 30px;}
.bbs-top .total{font-size: 16px;}
.bbs-top .total strong{ color: var(--accent-color);}
.bbs-sch{position:relative; display:flex; justify-content:space-between; gap:10px; align-items:center;}
.bbs-sch select{width:125px; height:50px; line-height: 50px; padding:0 20px; border-radius:50px; border:1px solid #ddd; font-size: 16px; background: url('/images/ico_select.png') #fff no-repeat center right 20px;}
.bbs-sch input{width:380px; height:50px; line-height: 50px; padding:0 20px; border-radius:50px; border:1px solid #ddd; font-size: 16px;}
.bbs-sch button{ color: var(--accent-color); width:50px; height:50px;  display:flex; justify-content:center; align-items:center; position:absolute; right:0; top:0; font-size: 1.2em;}
@media screen and (max-width: 767px) {
  .bbs-top { flex-wrap: wrap;}
  .bbs-top .total { width: 100%;}
  .bbs-sch { flex: 1;}
  .bbs-sch form { display: flex; justify-content: space-between; gap: 5px; width: 100%;}
  .bbs-sch select { font-size: 14px; flex: 0 0 30%; width: auto;}
  .bbs-sch input { font-size: 14px; width: 70%;}
}


/* 기본 리스트 */
.bbs-list table{width:100%; border-top:1px solid #000;}
.bbs-list table th{background: #F7F7F7; padding:20px 10px;}
.bbs-list table td{padding:20px 10px; border-bottom:1px solid #ddd; font-size: 16px; color: #777;}
.bbs-list table td.sbj{font-size: 20px; color: #000;}
.bbs-list table td.sbj a:hover{ color: var(--accent-color); font-weight: 600;}
.bbs-list table td.sbj .xi-paperclip{transform:rotate(45deg); vertical-align: middle; color: #777;}
.bbs-list table td.download a{width: 40px; height: 40px; display:flex; align-items:center; justify-content:center; color: var(--accent-color); background: #fff; border:1px solid #ddd; border-radius:50%;}
.bbs-list table td.download a:hover{ background: var(--accent-color); border-color:var(--accent-color); color: #fff;}
@media screen and (max-width: 767px) {
  .bbs-list table td.sbj { font-size: 16px;}
}


/* 갤러리 리스트 */
.bbs-gallery{border-top:1px solid #000; padding-top: 28px;}
.bbs-gallery > ul{display:flex; flex-wrap:wrap;}
.bbs-gallery > ul > li{ width: 100%; margin-bottom: 28px; padding-bottom: 28px; border-bottom: 0.5px solid #ddd;}
.bbs-gallery > ul > li a {display: flex; gap: 32px; align-items: center;}
.bbs-gallery > ul > li .thumb{position:relative; aspect-ratio: 360/215; flex: 0 0 360px;}
.bbs-gallery > ul > li .thumb > img{position:absolute; left:0; top:0; object-fit:cover; width:100%; height:100%;}
.bbs-gallery > ul > li .info {flex: 1 0 0; min-width: 0;}
.bbs-gallery > ul > li .sbj{font-size: 24px; font-weight: 600; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word; }
.bbs-gallery > ul > li .date{ font-size: 16px; color: #666;margin-top: 10px;}
@media screen and (max-width: 767px) {
  .bbs-gallery > ul > li { width: 100%;}
  .bbs-gallery > ul > li .thumb {flex: 1 0 0;}
  .bbs-gallery > ul > li .sbj { font-size: 18px;}
  .bbs-gallery > ul > li .date { font-size: 14px;}
  .bbs-gallery > ul > li a {gap: 16px;}
}



/* 게시판 뷰 */
.view-head{padding:60px 20px; text-align: center; border-top:1px solid #000; border-bottom:1px solid #ddd;}
.view-head h2{font-size: 32px;}
.view-head p{font-size:16px; color: #999;}
.view-file{width:100%; max-width:1100px; margin:0 auto; margin-top: 80px;}
.view-file dl{margin:5px 0; background: #f7f7f7; border-radius:50px; font-size: 16px; display:flex; align-items:center;padding:10px  ;}
.view-file dl dt{width:120px; padding:0 10px; }
.view-file dl dd{width:calc(100% - 120px);}
.view-file dl dd > a{display:flex; justify-content:space-between; align-items:center;}
.view-file .xi-paperclip{transform:rotate(45deg); vertical-align: middle; margin-right: 5px; color: var(--accent-color); font-size: 1.2em;}
.view-file .xi-download{width: 40px; height: 40px; border-radius:50%; border:1px solid #ddd; background: #fff; color: var(--accent-color);  display:flex; align-items:center; justify-content:center;}
.view-cont{width:100%; max-width:1100px; margin:0 auto; padding:40px 0 80px;  }
.view-btm {position:relative; padding-top: 40px;  height:106px;display:flex; justify-content:space-between; align-items:center; border-top:1px solid #ddd;}
.view-btm i{font-size: 1.2em; vertical-align:middle;}
.view-btm .btn-list a{width:66px; height:66px; border-radius:50%; background: var(--accent-color); color: #fff; display:flex; align-items:center; justify-content:center; position:absolute; left:50%; top:40px; margin-left:-33px; font-size: 1.3em; line-height: 1;}