#basic_bbs fieldset { min-width: 0; padding: 0; margin: 0; border: 0; }
#basic_bbs .readonly{display:none;}
/* 게시판 */
#basic_bbs .sc-board-form {width:100%;}
#basic_bbs .sc-board-form fieldset {width:100%;  overflow:hidden;}
#basic_bbs .sc-board-header {display: flex; align-items: center; justify-content: flex-end;}
#basic_bbs .sc-board-header .board-info {float:left;  font-size:15px;  color:#777;  line-height:65px;  font-weight:300;  letter-spacing:0;}
/* 게시판 헤더 - 우측 검색영역 */
#basic_bbs .sc-board-header .sc-board-search {width: 35vw; display: flex; align-items: center; justify-content: space-between; margin-bottom:5rem; overflow:hidden; border:1px solid var(--gray); border-radius: 10rem;} 
#basic_bbs .sc-board-header .sc-board-search .board-search-box {/* float:left; display:block; */}
#basic_bbs .sc-board-header .sc-board-search input.input-search {flex:1; height:6rem; padding:0 3rem; font-size: 2rem; line-height: 1.2; border: none; margin-right: auto; width:100%;}
#basic_bbs .sc-board-header .sc-board-search .search-btn {width:8rem; height:6rem; border: none;/* background:url(/admin/images/search-icon.png) no-repeat center center;  */ transition-property:border-color, background-image, background-color; transition-duration:0.3s; margin-right: 0;}
#basic_bbs .sc-board-header .sc-board-search .search-btn::after {content: "\f002"; font-size: 3rem; color: var(--tanblack);}
#basic_bbs .sc-board-header .sc-board-search .search-btn:hover {/* border-color:#696969;  background-image:url(/admin/images/search-icon-white.png);  background-color:#696969; */}
@media only screen and (max-width:1023px) {	
  #basic_bbs .sc-board-header .sc-board-search {width: 50vw;}
}
@media only screen and (max-width:850px) {	
  #basic_bbs .sc-board-header .sc-board-search {width: 100%;}
}
@media only screen and (max-width:767px) {
}

/* 게시판 목록 */
#basic_bbs ul.sc-board-list {width:100%; /* margin-bottom:4rem; */ border-top:3px solid var(--theme-color); overflow:hidden;}
#basic_bbs ul.sc-board-list li {width:100%;transition:all 0.3s; border-bottom:1px solid var(--gray); box-sizing: border-box;}
#basic_bbs ul.sc-board-list li:nth-of-type(odd) {background: var(--white3);}
#basic_bbs ul.sc-board-list li.fixed {background: var(--gray);}
#basic_bbs ul.sc-board-list li:not(.fixed):hover {background: var(--white2);}
#basic_bbs ul.sc-board-list li a {display: flex; align-items: center; justify-content: space-between; padding: 0 2rem; height: 7rem;}
#basic_bbs ul.sc-board-list li a span {display: flex; align-items: center; justify-content: center;}
/* 공지숫자 종아이콘 */
#basic_bbs ul.sc-board-list li a span.bbs_number {flex:0 0 5rem; font-size:2.5rem; color:var(--mudgray); font-weight:500;}
#basic_bbs ul.sc-board-list li a span.bbs_number > i {font-size:2.85rem; color:var(--theme-color);}
/*#basic_bbs ul.sc-board-list li a span.bbs_number > i:before {content: "\e99d";}*/ /* 공지아이콘 */
/* 공지타이틀 */
#basic_bbs ul.sc-board-list li a span.bbs_title {flex:1; font-size:1.8rem; display: flex; justify-content: flex-start; align-items: center; gap: 1rem; text-overflow:ellipsis; -o-text-overflow:ellipsis; -ms-text-overflow:ellipsis; overflow:hidden; white-space:nowrap; word-wrap:break-word;  word-break:keep-all; transition:color 0.2s;}
#basic_bbs ul.sc-board-list li a:hover span.bbs_title {color:var(--theme-color);}
#basic_bbs ul.sc-board-list li a span.bbs_title:before {content:'일반'; width:4rem; height:2.5rem; border-radius:0.2rem; font-size:1.25rem; color:var(--white);background:var(--point-color); display: flex; align-items: center; justify-content: center; display: none;} /* 공지표시 display: none; */
#basic_bbs ul.sc-board-list li.news a span.bbs_title:before {content:'공지'; background:var(--theme-color); display: none;}
#basic_bbs .en ul.sc-board-list li a span.bbs_title:before {content:'NOTICE'; width:4.5rem;}
#basic_bbs .en ul.sc-board-list li.news a span.bbs_title:before {content:'NEWS';}
#basic_bbs ul.sc-board-list li a span.bbs_title:after {opacity:0; content:'new\ea14'; font-family: xeicon; display:flex; align-items: center; justify-content: center; width:auto; color:var(--accent-color); font-size: 1.6rem; letter-spacing: 0.2rem;} /* new아이콘 */
#basic_bbs ul.sc-board-list li.new a span.bbs_title:after {opacity:1; position: static; /*display: inline-block; margin-top: 0; margin-left: 5px; */}
#basic_bbs ul.sc-board-list.news-list li a span.bbs_title:before {display:none;}
/* 날짜 */
#basic_bbs ul.sc-board-list li a span.date {flex:0 0 12rem; font-size: 1.8rem; color: var(--mudgray); font-weight: 300;}
@media only screen and (max-width:1023px) {
}
@media only screen and (max-width:800px) {
  #basic_bbs ul.sc-board-list li a {padding: 0 0rem;}
  #basic_bbs ul.sc-board-list li a {height: 6rem;}
  #basic_bbs ul.sc-board-list li a span.bbs_number {font-size: 2rem;}
  #basic_bbs ul.sc-board-list li a span.bbs_number > i:before {font-size: 2.5rem;}
  #basic_bbs ul.sc-board-list li a span.bbs_title {font-size: 1.6rem;}  
  #basic_bbs ul.sc-board-list li a span.date {font-size: 1.4rem;}
}
@media only screen and (max-width:767px) {
}
@media only screen and (max-width:480px) {
  #basic_bbs ul.sc-board-list li a span.date {display: none;}  
}

/* 게시판 페이저 */
/* 페이징 */
#basic_bbs .pagination-list-wrap {display: flex; justify-content: center; align-items: center; padding:5rem 0;}
#basic_bbs .pagination-list-wrap .prev-btn-wrap .prev-btn-list,
#basic_bbs .pagination-list-wrap .next-btn-wrap .next-btn-list {display: flex; align-items: center; justify-content: center; gap: 2rem; color: var(--gray);}
/* 화살버튼 hover */
#basic_bbs .pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn-faster:hover,
#basic_bbs .pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn:hover,
#basic_bbs .pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn-faster:hover,
#basic_bbs .pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn:hover {color: var(--theme-color);}
/* 화살버튼 */
#basic_bbs .pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn-faster,
#basic_bbs .pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn,
#basic_bbs .pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn-faster,
#basic_bbs .pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn {display: block;}
#basic_bbs .pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn-faster::after {content: "\f049"; font-size: 2rem;}
#basic_bbs .pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn::after {content: "\f0d9"; font-size: 2rem;}
#basic_bbs .pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn-faster::after {content: "\f050"; font-size: 2rem;}
#basic_bbs .pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn::after {content: "\f0da"; font-size: 2rem;}
/* 페이징넘버 */
#basic_bbs .pagination-list-wrap .paging-wrap {padding: 0 3rem;}
#basic_bbs .pagination-list-wrap .pagination-list {display: flex; align-items: center; justify-content: center; gap: 1rem;}
#basic_bbs .pagination-list-wrap .pagination-list .paging-num {display: flex; align-items: center; justify-content: center;}
#basic_bbs .pagination-list-wrap .pagination-list .paging-num .pagination {display: flex; align-items: center; justify-content: center; width: 3rem; height: 3rem; border-radius: 10rem; background: var(--white); color: var(--mudgray); border: 1px solid var(--white);}
#basic_bbs .pagination-list-wrap .pagination-list .paging-num .pagination:hover,
#basic_bbs .pagination-list-wrap .pagination-list .paging-num .pagination.active {background: var(--theme-color); color: var(--white); border: 1px solid var(--theme-color); font-weight: 500;}



/* 게시판 읽기 페이지 */
/* 글 제목 */
#basic_bbs .sc-board-title {display: flex; align-items: center; justify-content: space-between; height: 10rem; line-height: 10rem; border-top: 4px solid var(--mudgray); border-bottom:1px solid var(--gray); background: var(--white); font-size: 2.5rem; box-sizing: border-box;}
#basic_bbs .sc-board-title span {/* display:inline-block; height: 10rem; line-height: 10rem; */}
/* 공지목록숫자 */
#basic_bbs .sc-board-title span.bbs_number {/* width:auto; */padding: 0 3rem;} /* 공지아이콘 */
#basic_bbs .sc-board-title span.bbs_number::after {content: "\e99d"; font-family: xeicon; font-size: 3rem; color: var(--theme-color);}
#basic_bbs .sc-board-title span.bbs_number i {display: none;}
#basic_bbs .sc-board-title span.bbs_title {flex: 1; /* width: 25rem; */ display: flex; align-items: center; justify-content: space-between; margin-right: auto; margin-left: auto; color:var(--black); letter-spacing:-0.05em; font-weight:500; text-overflow:ellipsis;  -o-text-overflow:ellipsis;  -ms-text-overflow:ellipsis;  overflow:hidden; white-space:nowrap; word-wrap:break-word; word-break:keep-all; position:relative;} 
/* 공지표시  display: none */
#basic_bbs .sc-board-title span.bbs_title:before {content:'일반';  display:inline-block;  width:30px;  height:20px;  border-radius:2px;  margin-right:15px;  font-size:11px;  color:var(--white);  line-height:20px;  font-family:'돋움', sans-serif;  font-weight:300;  text-align:center;  vertical-align:middle;  background:#74a131; display: none;}
#basic_bbs .news.sc-board-title span.bbs_title:before {content:'공지';  display:inline-block;  width:30px;  height:20px;  border-radius:2px;  margin-right:15px;  font-size:11px;  color:var(--white);  line-height:20px;  font-family:'돋움', sans-serif;  font-weight:300;  text-align:center;  vertical-align:middle;  background:#2b5db2; display: none}
#basic_bbs .en .sc-board-title span.bbs_title:before {content:'NOTICE';  width:45px; display: none}
/* .en ul.sc-board-list li.news a span.bbs_title:before {content:'NEWS';} */
/* .sc-board-title.news-title span.bbs_title:before {display:none;} */
/* #basic_bbs .sc-board-title span.bbs_title:after {opacity:0;  content:'NEW';  display:block;  width:auto;  padding:3px 5px;  border-radius:5px;  font-size:12px;  line-height:12px;  color:var(--white);  text-align:center;  font-weight:300;  margin:0 auto 8px;  background: rgb(225,0,0);  background: linear-gradient(135deg, rgba(225,0,0,1) 0%, rgba(175,0,0,1) 100%);  position:absolute;  top:50%;  right:0;  margin-top:-11px;} */
#basic_bbs .sc-board-title span.bbs_title:after {opacity:0; content:'new\ea14'; font-family: xeicon; display:flex; align-items: center; justify-content: center; width:auto; color:var(--accent-color); font-size: 2rem; letter-spacing: 0.2rem;} /* new아이콘 */
#basic_bbs .sc-board-title.new span.bbs_title:after {opacity:1; position: static; /* display: inline-block; margin-top: 0; margin-left: 5px; */}
/* 날짜 */
#basic_bbs .sc-board-title span.date {/* width:auto;  */padding: 0 3rem; font-size:2rem; color:var(--mudgray); font-weight:300;}
#basic_bbs .sc-board-file {display: flex; align-items: center; justify-content: space-between; height: 5rem;border-top: 4px solid var(--mudgray); border-bottom:1px solid var(--gray); background: var(--white); font-size: 1.8rem; box-sizing: border-box;padding: 30px;}
@media only screen and (max-width:1023px) {
}
@media only screen and (max-width:850px) {
}
@media only screen and (max-width:800px) {
  #basic_bbs .sc-board-title span.bbs_number {display: none;}
  #basic_bbs .sc-board-title span.bbs_title:before {display: none;}
  #basic_bbs .sc-board-title span.bbs_title:after {display: none;}
  #basic_bbs .sc-board-title span.date {padding: 0; font-size: 1.2rem;}
  #basic_bbs .sc-board-title {height: 7rem; line-height: 7rem; font-size: 2rem;}
  #basic_bbs .sc-board-file{padding:0px; height: 7rem;}
}
@media only screen and (max-width:500px) {
	#basic_bbs .sc-board-file{flex-direction: column;line-height: 3.5rem;height:auto; align-items: flex-start;}
}

#basic_bbs .sc-board-article {padding:5rem 0; border-bottom:1px solid var(--gray); /*text-align: center;*/}
#basic_bbs .sc-board-article .sc-board-imgbox {width:100%; margin-bottom: 3rem; font-size:0; text-align:center;}
#basic_bbs .sc-board-article .sc-board-imgbox img {max-width:100%;}
#basic_bbs .sc-board-article .article-contents {width:100%;}
#basic_bbs .sc-board-article .article-contents p {width:100%; font-size:2rem; color:var(--tanblack); line-height:2; font-weight:400;}
#basic_bbs .sc-board-article .article-contents p img,
#basic_bbs .sc-board-article .article-contents img {max-width: unset; width: 100%;}
#basic_bbs .sc-board-article .article-contents p span {color:var(--tanblack); font-weight:400;}
#basic_bbs .preview-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px;}
@media only screen and (max-width:1023px) {
}
@media only screen and (max-width:480px) {
  
}

#basic_bbs .sc-board-footer {/* width:100%; overflow:hidden;  */display:flex; align-items: center; justify-content: space-between; padding: 3rem 0; font-size: 2rem;}
#basic_bbs .sc-board-footer a {display:block;}
#basic_bbs .sc-board-footer .view-btn {display: flex; align-items: center; /*justify-content: space-between;*/ gap: 0rem; box-sizing: border-box; flex:1;}
#basic_bbs .sc-board-footer .view-btn.view-next-btn {flex-direction: row-reverse;}
#basic_bbs .sc-board-footer .view-btn span.btn-text {display:flex; align-items: center; justify-content: center; border-radius: 10rem; padding: 0rem 2rem; height: 5rem; color: var(--theme-color); border: 1px solid currentColor; transition:.3s;}
#basic_bbs .sc-board-footer .view-btn span.btn-text:hover {background: var(--theme-color); border: 1px solid currentColor; color: var(--white);}
#basic_bbs .sc-board-footer .view-btn span.preview-title {display: block; color:var(--mudgray); line-height:1.1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.3s; margin: 0 1rem; font-size: 1.8rem;}
#basic_bbs .sc-board-footer .view-prev-btn span.btn-text::before {content: "\e93b"; font-family: xeicon; font-size: 2rem;}
#basic_bbs .sc-board-footer .view-next-btn span.btn-text::after {content: "\e93e"; font-family: xeicon; font-size: 2rem;}

/* #basic_bbs .sc-board-footer .view-btn:hover span.btn-text {color:red;}
#basic_bbs .sc-board-footer .view-btn:hover span.preview-title {color:red;}
#basic_bbs .sc-board-footer .view-next-btn {float:right;  text-align:right;}
#basic_bbs .sc-board-footer .view-prev-btn span.btn-text {left:0;}
#basic_bbs .sc-board-footer .view-next-btn span.btn-text {right:0;}
#basic_bbs .sc-board-footer .view-prev-btn span.btn-text:before {content:'';  float:left;  display:block;  width:30px;  height:40px;  background:url(../../images/sub/view-left.png) no-repeat left center;}
#basic_bbs .sc-board-footer .view-next-btn span.btn-text:after {content:'';  float:right;  display:block;  width:30px;  height:40px;  background:url(../../images/sub/view-right.png) no-repeat right center;} */
/* 리스트버튼 */
#basic_bbs .sc-board-footer .bbs-list-btn {display:flex; align-items: center; justify-content: center; border-radius: 10rem; padding: 0rem 2rem; height: 5rem; background: var(--theme-color); border: 1px solid currentColor; color: var(--white); transition:.3s;}
#basic_bbs .sc-board-footer .bbs-list-btn::before {content: "\e95f"; font-family: xeicon; font-size: 2rem;}
#basic_bbs .sc-board-footer .bbs-list-btn i {display: none; /* margin-right:10px;  font-size:12px;  color:#4d4d4d;  line-height:38px;  transition:all .3s; */}
#basic_bbs .sc-board-footer .bbs-list-btn:hover {background: var(--white); border: 1px solid currentColor; color: var(--theme-color);}
/* #basic_bbs .sc-board-footer .bbs-list-btn:hover i {color:white;} */

.xi-angle-left,.xi-angle-right{display:none !important;}
@media only screen and (max-width:1023px) {
  /* #basic_bbs .sc-board-footer .view-prev-btn {padding-right:30px;}
  #basic_bbs .sc-board-footer .view-next-btn {padding-left:30px;}
  #basic_bbs .sc-board-footer .view-btn {width:43.263473053892215568862275449102%;}
  #basic_bbs .sc-board-footer .bbs-list-btn {width:13.473053892215568862275449101796%;} */
}
@media only screen and (max-width:800px) {
  /* #basic_bbs .sc-board-footer .view-btn {width:50%;  padding:0;  margin-bottom:10px;}
  #basic_bbs .sc-board-footer .view-next-btn span.btn-text {float:right;}
  #basic_bbs .sc-board-footer .bbs-list-btn {float:none;  width:100%;}
  #basic_bbs .sc-board-footer .view-btn span.btn-text {position:static;}
  #basic_bbs .sc-board-footer .view-btn span.preview-title {display:none;} */
  #basic_bbs .sc-board-footer .view-btn span.preview-title {display: none;}
  #basic_bbs .sc-board-footer .view-btn span.btn-text {font-size: 0; gap: 0;}
  #basic_bbs .sc-board-footer .view-btn span.btn-text {width: 5rem; height: 5rem; padding: 0;}
  
}
@media only screen and (max-width:480px) {
  #basic_bbs .sc-board-footer .bbs-list-btn {font-size: 0; gap: 0; padding:0; width: 5rem;}
}