
.bbs_list {border-top:2px solid #555; border-bottom:1px solid #aaa}
.bbs_list thead th {font-size:1.2rem; padding:1.25rem; border-bottom:1px solid #aaa; font-weight:500; color:#222; text-align:center; white-space:nowrap}
.bbs_list td { font-size: 1.2rem; padding:1rem; border-bottom:1px solid #ddd; color:#666; line-height:2}
.bbs_list td[aria-label="첨부파일"] img {width:2.5rem}
.bbs_list td[aria-label="제목"] a {display:inline-block; /*font-size:1.6rem;*/ font-size: 1.5rem; max-width:100%; color:#000; vertical-align:middle; position:relative; white-space:nowrap; text-overflow:ellipsis; width:99.9%; overflow:hidden}

/* 게시글 공지글 */
.bbs_list .noti_top {background-color: #f1f1f1;}

/* 빈 게시판 */
.bbs_list .empty {text-align: center; padding: 20px 0;}
.bbs_list .empty i {font-size: 5rem;}
.bbs_list .empty p {font-size: 1.4rem; margin-top: 8px;}


/* 게시판 내용 */
/* .bbs_view { min-width:300px;} */
.bbs_view > .tit {border-top:2px solid #134aa9; font-size:1.4rem; padding:1.4rem 0; border-bottom:1px solid #ddd; font-weight:400; color:#333; text-align:center; word-break:keep-all; margin-bottom:0px}
.bbs_view .info {padding:1rem 0; border-bottom:1px solid #dddd; background-color:#f8f9fa; color:#666; text-align:center; font-size: 1rem;}
.bbs_view .info li {display:inline-block; vertical-align:top}
.bbs_view .info li + li::before {display:inline-block; position:relative; top:-1px; width:1px; height:1.4rem; margin:0 1.5rem 0 1rem; background-color:#ddd; content:''; vertical-align:middle}
.bbs_view .info strong {margin-right:0.75rem; font-weight:400; color:#000}
.bbs_view .contents {padding:4rem; border-bottom:1px solid #ddd; min-height: 200px;}
.bbs_view .contents .img {margin-top:2rem}
.bbs_view .contents .img + .img {margin-top:1rem}
.bbs_view .txt_center {margin-bottom:2rem}


/* 게시판 내용 파일 */
.bbs_view .file {position: relative; padding: 1rem 0 0.3rem; border-bottom: 1px solid #ddd;}
.bbs_view .file .title {display: inline-block; vertical-align: top; line-height: 3.8rem; width: 14.5rem; font-weight: 500; color: #333; text-align: center; font-size: 1.2rem;}
.bbs_view .file .list {display:inline-block; width:calc(100% - 15rem); font-size: 1.5rem;}
.bbs_view .file .list li {overflow:hidden; position:relative; min-height:3rem; padding-right:21rem; text-overflow:ellipsis; white-space:nowrap; line-height:2.5; font-size: 1.2rem;}
.bbs_view .file .list li + li {margin-top:0.5rem;}
.bbs_view .file .list li > a {color:#444; -webkit-transition:all 0.2s; transition:all 0.2s}
.bbs_view .file .list li > a:hover, 
.bbs_view .file .list li > a:focus {color:#116eb4}
.bbs_view .file .list .link {position:absolute; right:0; top:0}

.bbs_view .btn_line { height: 2.8rem; border: 1px solid #999; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 8.5rem; padding: 0 1rem; background-color: #fff; color: #333; text-align: center; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; line-height: 2.8; }
.bbs_view .btn_line:hover, 
.bbs_view .btn_line:focus { border-color: #333 !important; background-color: #333 !important; color: #fff; }
.bbs_view .link .btn_line { height: 3.5rem; line-height: 2.6; }
.bbs_view .link .btn_line i {margin-left: 8px;}
.bbs_view .btn_fill { height: 2.8rem; border: 1px solid #333; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 1.4rem; display: inline-block; min-width: 8.5rem; padding: 0 1rem; background-color: #333; color: #fff; text-align: center; vertical-align: top; -webkit-transition: all 0.2s; transition: all 0.2s; line-height: 2.8; }
.bbs_view .btn_fill:hover, 
.bbs_view .btn_fill:focus { background-color: transparent !important; color: #333; }
.bbs_view .file .list .txt {font-size:1rem; color:#999; margin-left: 5px;}

/* 게시판 내용 목록 버튼 */
.board_btns {margin-top:3rem; text-align:center}
.board_btns .txt {margin:-2rem 0 1rem; font-size:1.5rem; color:#999; text-align:left}
.board_btns .btn {height:5rem; border:1px solid #333; line-height:4.8rem; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font-size:1.6rem; display:inline-block; min-width:10.5rem; padding:0 2rem; background-color:#333; color:#fff; text-align:center; vertical-align:middle; -webkit-transition:all 0.2s; transition:all 0.2s; font-weight:500; margin:0 0.25rem}
.board_btns .btn:hover, 
.board_btns .btn:focus {background-color:transparent; color:#333}
.board_btns .btn.type1 {border:1px solid #ddd; background-color:#fff; color:#333}
.board_btns .btn.type1:hover, 
.board_btns .btn.type1:focus {border-color:#333}
.board_btns .btn.type3 {border:1px solid #d9d9d9; background-color:#d9d9d9; color:#777}
.board_btns .btn.type4 {border:1px solid #134aa9; background-color:#134aa9; color:#fff}
.board_btns .btn.type5 {border:1px solid #3ab0c3 ; background-color:#3ab0c3 ; color:#fff; float: right;}
.board_btns .btn.type6 {border:1px solid #dc3545 ; background-color:#dc3545 ; color:#fff;}

/* 게시판 이전글 다음글 */
.prevnext {margin-top:4rem; border-bottom:1px solid #aaa}
.prevnext li {overflow:hidden; padding:1.2rem 0; border-top:1px solid #ddd; color:#333; font-size: 1.2rem;}
.prevnext li.next span::before {content:'\f107'}
.prevnext span {float:left; width:15rem; color:#666;}
.prevnext span::before {display:inline-block; position:relative; top:1px; font-family: "Font Awesome 5 Free"; font-weight: 900; vertical-align:top; font-size:1.2rem; float:left; width:5rem; content:'\f106'; text-align:center}
.prevnext a {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; float:right; width:calc(100% - 15rem)}




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

  /* 게시판 내용보기 */
	.bbs_view th {background:none !important; color:#999; display:block; text-align:left !important}
	.bbs_view td {display:block; padding-top:0}
	.bbs_view .contents {padding:2.9rem 1.5rem; /*overflow-x:scroll*/ font-size: 1.5rem;}
  .bbs_view .file { padding: 1rem 1.5rem 0.3rem; }
  .bbs_view .file .title { display: block; text-align: left; line-height: inherit; font-size: 1.4rem; margin-bottom: 5px; }
  .bbs_view .file .list { width: 100%; font-size: 1.4rem; }

  .board_btns {margin-top: 20px;}
  .board_btns .btn { height: 4rem; line-height: 4rem; min-width: 9rem; padding: 0 1.4rem; font-size: 1.4rem; }

  .prevnext {margin-top: 3rem;}
  .prevnext li {font-size: 1.4rem; padding: 1.1rem 0;}
  .prevnext span {width: 10rem;}
  .prevnext span::before {width: 4rem;}
  .prevnext a {width: calc(100% - 10rem);}


}

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


  /* 게시판 내용 정보 */
	.bbs_view > .tit {padding:1.2rem; font-size: 1.6rem; line-height: 1.6;}
	.bbs_view .info {padding:1rem 1.5rem;}
	.bbs_view .info li {display:block; text-align:left; font-size: 1.3rem;}
	.bbs_view .info li + li::before {display:none}
	.bbs_view .info li.cate {padding:0}
	.bbs_view .info strong {color:#999}
	.bbs_view .txt_center {margin-bottom:1rem}
	
	
	/* 게시판 내용 파일 */
	.bbs_view .file .list li:first-child{border-top:0}
	.bbs_view .file .list li {border-top:1px dashed #eee; padding-right:0}
	.bbs_view .file .list .link {position:relative; display:block}
  .bbs_view .link .btn_line { height: auto; line-height: 1.9; font-size: 1.2rem; padding: 3px 0; }
	.bbs_view .file .list .link a[target="_blank"] {display:none}

}

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

	/* .bbs_list_head .form .item {display:block; width:100%; padding:0 0 0.5rem}
	.bbs_list_head .form .item.button {width:100% !important; padding:0} */
}


@media screen and (max-width: 480px) {
  /* .bbs_list table td:after {margin: 0 0.4rem 0 0.6rem;} */
}

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