input[type='checkbox'],
input[type='radio'],
input[type='submit'] { height: auto;}
.boardListArea { padding-bottom: 160px;}
.srboardTop .selArea { display: none;}
.srboardList .listGallery .colUll > ul { grid-template-columns: repeat(3, 1fr); gap: 60px 40px;}
.srboardTop .total { display: flex; align-items: center; gap: 9px; font-size: 2.8rem; font-weight: 700; color: #ddd; padding-bottom: 20px; border-bottom: 1px solid #ddd; flex: 1; margin: 70px 0 40px;}
.srboardTop .total span { color: #000;}
.srboardList .listGallery .colUll > ul > li > dl > dd.title > a { white-space: wrap; overflow: hidden; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; margin: 10px 0 16px; font-size: 2.2rem; font-weight: 700;}
.srboardList .listGallery .colUll > ul > li > dl > dd.summary { font-size: 1.6rem; margin-bottom: 40px; color: #555; font-family: 'Pretandard';}
.srboardList .listGallery .colUll > ul > li > dl > dt { margin: 0;}
.srboardList .listGallery .colUll > ul > li > dl > dt > a.img { border-radius: 0;}
.srboardList .listGallery .colUll > ul > li > dl > dd.category { margin: 0;}
.srboardList .listGallery .colUll > ul > li > dl > dd.title { margin: 0;}
.srboardList .listGallery .colUll > ul > li > dl > dd.date { margin: 0; font-size: 16px; font-family: 'Pretandard'; color: #666;}
.srboardView { margin-top: 140px;}
.srboardView .viewArea .viewTitle { border: none; padding: 0;}
.srboardView .viewArea .viewTitle .subInfo { justify-content: space-between;}
.srboardView .viewArea .viewTitle .subInfo { padding: 0 0 40px; }
.srboardView .viewArea .viewTitle h4 { padding: 0; font-size: 4rem; margin-bottom: 40px; text-align: left; font-weight: 700;}
.srboardView .viewArea .viewCont { padding: 60px 0;}
.srboardView .viewArea .preViewTitle dl dt::before { content: none; display: none;}
.srboardView .viewArea .preViewTitle dl dt:after { font-family: 'xeicon' !important; font-size: 1.3em;}
.srboardView .viewArea .preViewTitle dl dt.prev:after {content: "\e945";}
.srboardView .viewArea .preViewTitle dl dt.next:after {content: "\e942";}
.srboardView .viewArea .preViewTitle dl dt { position: relative; flex: 0 0 94px; justify-content: space-between; display: flex; align-items: center;}
.srboardView .viewArea .preViewTitle dl dt.prev::before,
.srboardView .viewArea .preViewTitle dl dt.next::before { content: ''; display: block; width: 1px; height: 16px; background: #d9d9d9; position: absolute; right: -25px; top: 50%; transform: translateY(-50%); margin: 0;}
.srboardView .viewArea .viewCont { color: initial; font-weight: 400;}
.file-upload button.findBtn { border-radius: 0;}
.btnGray { border-radius: 0;}
.srboardView .bottomBtn .btnList { background: var(--clr-primary); color: #fff; font-size: 1.6rem; font-weight: 600; display: flex; justify-content: center; align-items: center; border-radius: 8px;}
.srboardList .listGallery .colUll > ul > li.li-gall-none { grid-column: 1/-1; text-align: left;}
.boardListArea.pop .srboardList .listGallery .colUll > ul > li > dl > dt > a.img { padding-bottom: 128%; border: 1px solid #e5e5e5;}
.boardListArea.pop .srboardList .listGallery .colUll > ul > li > dl > dt > a.img img { padding: 67px 83px 83px;}
.boardListArea.pop .srboardList .listGallery .colUll > ul > li > dl > dd.title > a { margin-bottom: 0; text-align: center;}
.boardListArea.pop .srboardList .listGallery .colUll > ul > li > dl > dd.date { display: none;}
.popup-overlay { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 1000;}
.popup-overlay .popup-container { display: flex; align-items: center; justify-content: center; height: 100%;}
.popup-overlay .popup-content { text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: max-content; max-width: 100%; height: 80%; display: flex; flex-direction: column; justify-content: center; align-items: center;}
.popup-overlay #popupImage { margin-bottom: 20px; max-height: 100%;}
.popup-overlay #popupImage img { max-height: 100%;}
.popup-overlay #popupText { font-size: 2.4rem; font-weight: 700; color: #fff;}
.btn-close { position: absolute; top: 100px; right: 0; font-weight: 100; font-size: 90px; cursor: pointer; padding: 5px; width: 54px; height: 54px; display: flex; align-items: center; justify-content: center; color: #fff; background: rgba(0, 0, 0, 0.31); border-radius: 0;}
.srboardList .listGallery .colUll > ul > li > dl > dt > a.img img { object-fit: contain;}
@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .popup-overlay .popup-content { height: 60%;}
  .srboardList .listGallery .colUll > ul { grid-template-columns: repeat(2, 1fr); gap: 60px 20px;}
  .srboardList .listGallery .colUll > ul > li > dl > dd.title > a { font-size: 1.8rem;}
  .srboardTop .total { font-size: 2rem;}
  .srboardView .viewArea .viewTitle h4 { font-size: 3rem;}
}

@media screen and (max-width: 767px) {
  .srboardList .listGallery .colUll > ul { grid-template-columns: repeat(1, 1fr); gap: 50px 20px;}
  .srboardList .listGallery .colUll > ul > li > dl > dd.summary { margin-bottom: 20px;}
  .boardListArea { padding-bottom: 80px;}
  .popup-overlay #popupImage { margin-bottom: 10px;}
  .popup-overlay #popupText { font-size: 1.8rem;}
  .btn-close { top: 70px; width: 44px; height: 44px; font-size: 60px;}
  .srboardView .viewArea .viewTitle h4 { font-size: 2.2rem; margin-bottom: 20px;}
  .srboardView .viewArea .preViewTitle dl { padding: 10px;}
  .srboardView .bottomBtn .btnList { height: 45px; line-height: 1.5;}
  .srboardView { margin-top: 80px;}
  .boardListArea.pop .srboardList .listGallery .colUll > ul > li > dl > dt > a.img img { padding-inline: 30px;}
}