.boardListArea { padding: 120px 0 180px; max-width: 1520px;}
.srboardTop {  border: 1px solid var(--border-color); justify-content: center; margin-bottom: 80px;}
.srboardTop span { position: relative; display: block; padding: 30px 20px; width: 200px; font-size: 20px; font-weight: 500; color: #aaa; text-align: center;font-family: 'Pretendard';} 
.srboardTop span.active { color: var(--accent-color); font-weight: 600;}
.srboardTop span:not(:first-child)::before { content: ''; display: block; position: absolute; top: 50%; left: 0; width: 1px; height: 24px; background: var(--border-color); transform: translateY(-50%);}
.listGallery.news .gallListArea { display: flex; gap: 50px; flex-wrap: wrap;}  
.listGallery.news .gallListArea:has(.li-gall-none){display:block;}
.listGallery.news .colUll > ul:has(.li-gall-none){display:block;} 
.listGallery.news .colUll > ul { grid-template-columns: repeat(2, 1fr)}
.listGallery.news .notice-list { width: 43%; position: sticky;  top: 50px;    align-self: start;}
.listGallery.news .notice-list .swiper { background: #000125; padding-bottom: 50px;}
.listGallery.news .notice-list .swiper-slide { height: auto !important; min-height: 100%; display: flex; flex-direction: column;}
.listGallery.news .notice-list figure { padding-bottom: 67%; margin-bottom: 30px;}
.listGallery.news .notice-list a { display: block; width: 100%; height: 100%; padding: 50px; color: #fff;}
.listGallery.news .notice-list .item-header { display: flex; justify-content: space-between; align-items: center; margin-bottom: 30px;}
.listGallery.news .notice-list .item-header .category { font-size: 22px; font-weight: 600;}
.listGallery.news .notice-list .item-header .date { font-size: 16px; font-weight: 500; opacity: .5; font-family: 'Pretendard';}
.listGallery.news .notice-list .item-texts .title { font-size: 24px; font-weight: 700; margin-bottom: 20px; line-height: 1.5; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.listGallery.news .notice-list .item-texts .text { font-size: 16px; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;word-wrap:break-word; }
.listGallery.news .notice-list .swiper-pagination { position: static;}
.listGallery.news .notice-list .swiper-pagination-bullet { width: 8px; height: 8px; background: rgba(255,255,255,.2); opacity: 1; margin: 0 10px;}
.listGallery.news .notice-list .swiper-pagination-bullet-active { background: #fff; width: 12px; height: 12px;}
.srboardList .listGallery .colUll { flex: 1 0 0; width: auto;}
.srboardList .listGallery .colUll li figure { padding-bottom: 66%; margin-bottom: 20px;}
.srboardList .listGallery .colUll li .item-header { display: flex; align-items: center; gap: 10px; margin-bottom: 20px;}
.srboardList .listGallery .colUll li .item-header .category { font-size: 20px; font-weight: 600;}
.srboardList .listGallery .colUll li .item-header .date { font-size: 16px; color: #888; font-family: 'Pretendard';}
.srboardList .listGallery .colUll li .title { font-weight: 600; margin-bottom: 20px; line-height: 1.5; overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-wrap:break-word;}
.srboardList .listGallery .colUll li .arrow { display: block;}
.pager { margin-top: 80px;}

@media screen and (max-width: 1280px) {

}

@media screen and (max-width: 1024px) {
  .srboardTop { padding: 20px 0;}
  .listGallery.news .notice-list a { padding: 30px;}
}

@media screen and (max-width: 768px) {
  .boardListArea { padding: 60px 0  80px;} 
  .srboardTop { padding:   0; margin-bottom: 40px;} 
  
  .srboardTop span {width: auto; padding: 13px 20px; font-size: 16px; } 
  .srboardTop span:not(:first-child)::before{height:16px;}


  .listGallery.news .notice-list .swiper { padding-bottom: 30px;}
  .listGallery.news .notice-list { width: 100%; position:relative; top:auto;}
  .listGallery.news .notice-list .swiper-pagination-bullet-active { width: 10px; height: 10px;}
  .listGallery.news .notice-list .swiper-pagination-bullet { margin: 0 5px;}
  .listGallery.news .notice-list .item-header { margin-bottom: 20px;}
  .listGallery.news .notice-list .item-header .category { font-size: 18px;}
  .listGallery.news .notice-list .item-header .date { font-size: 14px;}
  .listGallery.news .notice-list .item-texts .title { font-size: 19px; margin-bottom: 15px;}
  .listGallery.news .notice-list .item-texts .text{font-size: 14px;}
  .listGallery.news .colUll > ul { gap: 20px 10px;}
  .srboardList .listGallery .colUll li .item-header .category { font-size: 16px;}
  .srboardList .listGallery .colUll li .title { margin-bottom: 10px;}
  .srboardList .listGallery .colUll li .item-header{margin-bottom: 10px;}
  .srboardList .listGallery .colUll li .item-header .date { font-size: 14px;}
}
.srboardWrite .writeTable .rowTbl td > input[type='radio'] { width: auto;}
.file-upload {overflow:hidden;width:100%;position:relative;}
.file-upload button.findBtn {width:100%;height:35px;line-height:35px;background:#333;border:1px solid #333;border-left:none;color:#fff;box-sizing:border-box;}
.file-upload label {display:block;}
.file-upload span {float:left;width:78%;height:35px;line-height:35px;padding:0 15px;border:1px solid #d8d8d8;color:#333;background:#f1f1f1;border-right:none;box-sizing:border-box; font-family:'Noto Sans KR',Sans-serif;}
.file-upload .upload-btn input.file {position:absolute;top:0;right:0;width:100%;height:35px;cursor:pointer;opacity:0;filter:alpha(opacity=0);-ms-filter: "alpha(opacity=0)";-khtml-opacity:0;-moz-opacity:0}
.file-upload .upload-btn {float:left;width:22%;height:35px; position:relative;}

@-moz-document url-prefix() {
	.file-upload {width:100%}
	.file-upload input.text {float:left;width:100%}
}