@charset "utf-8";


:root{
	/* 게시판 */
	--primary-color: #555;
	--secondary-color: #888;
	--white2: #f8f8f8; /* hover */
	--white3: #fdfdfd; /* odd */
	--new-color: #ffa22c;
	--navy: #213d81;
	--blue: #0a83d4;
	--point: #0a83d4;
	--yellow: #ffec30;
}

/******** 포토갤러리 이용후기 ********/

#bru_bbs fieldset { min-width: 0; padding: 0; margin: 0; border: 0;}
#bru_bbs .readonly{display:none;}
/* 게시판 */
#bru_bbs .sc-board-form {width:100%;}
#bru_bbs .sc-board-form fieldset {width:100%; overflow:hidden;}
/* 게시판 헤더 */
#bru_bbs .sc-board-header {display: flex; justify-content: flex-end; display:none;}
/* 게시판 헤더 - 좌측 게시판 페이지수 정보 */
#bru_bbs .sc-board-header .board-info {float:left; font-size:15px; color:#777; line-height:65px; font-weight:300; letter-spacing:0;}
/* 게시판 헤더 - 우측 검색영역 */
#bru_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;} 
#bru_bbs .sc-board-header .sc-board-search .board-search-box {/* float:left; display:block; */}
#bru_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;}
#bru_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;}
#bru_bbs .sc-board-header .sc-board-search .search-btn::after {content: "\f002"; font-size: 3rem; color: var(--tanblack);}
#bru_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; */}

/* 게시판 탭 */
#bru_bbs .filters {padding: 0 0 5rem;}
#bru_bbs .filters ul {display: flex; flex-direction: row; flex-wrap: wrap; grid-template-columns: repeat(auto-fill, minmax(15%, auto)); /* height: 5rem; */ line-height: 5rem; border-radius: 5rem; gap: 1rem;}
#bru_bbs .filters ul li {display: flex; justify-content: center; background: var(--input-bg); color: var(--mudgray); width: fit-content; padding: 0 3rem; border: 1px solid var(--lightgray); border-radius: 5rem; border-radius: 5rem; cursor: pointer; transition-property: all; transition: .3s;}
#bru_bbs .filters ul li:hover {background: var(--white); color: var(--theme-color); border: 1px solid var(--theme-color);}
#bru_bbs .filters ul li.active, #bru_bbs .filters ul li:hover.active {background: var(--theme-color); color: var(--white); border: 1px solid currentColor;}


/* 게시판 목록 */
/* 게시판타입 기존 column */ 
/* 목록 썸네일 */
#bru_bbs ul.sc-board-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(31%, auto)); gap: 5rem 3rem; width: 100%;}
#bru_bbs ul.sc-board-list li {display: flex; align-items: center; justify-content: space-between; flex-direction: column; height: auto; background: var(--notice-basic-color); box-sizing: border-box;}
#bru_bbs ul.sc-board-list li:after {content:""; display: block; width: 100%; height: 1px; background: var(--lightgray); margin-top: 4rem; margin-bottom: 2rem;}
#bru_bbs ul.sc-board-list li a {display: flex; align-items: center; flex-direction: column; width: 100%;}
#bru_bbs ul.sc-board-list li.news {background: var(--notice-color);}
#bru_bbs ul.sc-board-list li.news a:hover {/* background: var(--simple-hover-color); */}
#bru_bbs ul.sc-board-list li .bg {background-repeat: repeat; background-position: center; background-size: cover; overflow: hidden; background: var(--brightgray);}
/* #bru_bbs ul.sc-board-list li .bg figure {background-image: url(../images/main/news03.jpg); width: 110%; height: 110%; object-fit: cover; overflow: hidden;} */
#bru_bbs ul.sc-board-list li .bg img {/* width: 100%; height: 100%; */ object-fit: cover; filter: brightness(0.75); overflow: hidden;}
#bru_bbs ul.sc-board-list li .bg:hover img {filter: brightness(1); transform: var(--transform);}
#bru_bbs ul.sc-board-list li .copy {color: var(--tanblack); width: 100%; display: flex; flex-direction: column; padding: 3rem 0; word-break: break-all;}
#bru_bbs ul.sc-board-list li .copy p.date {font-weight: 100; font-size: 1.8rem;  color: var(--mudgray);}
#bru_bbs ul.sc-board-list li .copy p.date span {padding-right: 1rem;}
#bru_bbs ul.sc-board-list li .copy .mtxt {margin: 1rem 0 1rem 0; font-weight: 400; font-size: 2.4rem; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; position: relative;}
#bru_bbs ul.sc-board-list li .copy .mtxt::before {content: ""; display: block; clear: both; position: absolute; top: 0; left: 0;}
#bru_bbs ul.sc-board-list li .copy .stxt {font-size: 2.2rem; line-height: 1.5; color: var(--mudgray); font-weight: 300; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; word-break: keep-all; overflow: hidden;}
#bru_bbs ul.sc-board-list li .copy em {color: var(--main-color); font-weight: bold;}
#bru_bbs ul.sc-board-list li .copy-hidden {display: none;}
#bru_bbs ul.sc-board-list li.fixed {background: var(--notice-basic-color);}
#bru_bbs ul.sc-board-list li:not(.fixed):hover {background: var(--notice-color);}
#bru_bbs ul.sc-board-list li a span.bbs_number {display: none;}
#bru_bbs ul.sc-board-list li a span.bbs_title {width:80.188679245283018867924528301887%;  max-width:850px;  min-width:0;  font-size:18px;  color:var(--tanblack);  letter-spacing:-0.5px;  font-weight:400;  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;  position:relative; padding-right:40px;}
#bru_bbs ul.sc-board-list li a:hover span.bbs_title {color:var(--accent-color);}
#bru_bbs ul.sc-board-list li a 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;}
#bru_bbs ul.sc-board-list li.news a span.bbs_title:before {content:'공지';  background:#2b5db2;}
#bru_bbs .en ul.sc-board-list li a span.bbs_title:before {content:'NOTICE';  width:45px;}
#bru_bbs .en ul.sc-board-list li.news a span.bbs_title:before {content:'NEWS';}
#bru_bbs ul.sc-board-list li a 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: white;  text-align:center;  font-weight:300;  margin:0 auto 8px; 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;}
#bru_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;}
#bru_bbs ul.sc-board-list.news-list li a span.bbs_title:before {display:none;}
#bru_bbs ul.sc-board-list li a span.date {/* width:12.264150943396226415094339622642%; */width: 100%; font-size:14px; color: var(--main-color); /* text-align:right;  */letter-spacing:0; font-weight:300;}


/* 타입01 .bbs-type-01 2025-03-12 */ 
/* 목록 썸네일 */
#bru_bbs.bbs-type-01 ul.sc-board-list {}
#bru_bbs.bbs-type-01 ul.sc-board-list li {position: relative; border:0 hidden;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .copy .date {}
#bru_bbs.bbs-type-01 ul.sc-board-list li .copy .stxt {}
#bru_bbs.bbs-type-01 ul.sc-board-list li .bg {position: relative; border-radius: 1rem; overflow: hidden;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .bg img {width: 100%; height: 100%; object-fit: cover; filter: brightness(1); overflow: hidden;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .bg .copy-hidden {width:100%; height: 100%; background: rgba(0,0,0,.5); display: flex; flex-direction: column; gap: 1rem; align-items: center; justify-content: center; text-align: center; padding: 0 6rem; position: absolute; top: 0; left: 0; opacity: 0; transform: translateY(35rem); transition: var(--transition); box-sizing:border-box;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .bg:hover .copy-hidden {position: absolute; opacity: 1; transform: translateY(0rem); transition: var(--transition);}
#bru_bbs.bbs-type-01 ul.sc-board-list li .copy-hidden span {display: table-cell; color: var(--lightgray); font-weight: 200; width:100%; box-sizing: border-box;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .copy-hidden .mtxt {font-size: 2.2rem; font-weight: 400; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .copy-hidden .mtxti {display: none;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .copy-hidden .stxt {font-size: 1.8rem; line-height:1.3; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 4; word-break: auto-phrase; overflow: hidden;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .copy-hidden .date {display: none;}
#bru_bbs.bbs-type-01 ul.sc-board-list li .copy-hidden .more-bt {padding:.8rem 2rem; border:1px solid var(--gray); border-radius: 0rem; line-height: 1.1; font-size: 1.65rem; color: var(--lightgray); width: fit-content;}


/* 타입02 .bbs-type-02 2025-03-12 */ 
/* 목록 썸네일 */
#bru_bbs.bbs-type-02 ul.sc-board-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(25%, auto));}
#bru_bbs.bbs-type-02 ul.sc-board-list li {position: relative; border:0 hidden;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy {width: 100%; padding: 3rem 0; text-align: left;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy .date {display: none;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy .mtxt {display: none;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy .stxt {font-weight: 300; font-size: 2.2rem; /* display: inline-block; */}
#bru_bbs.bbs-type-02 ul.sc-board-list li .bg {position: relative;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .bg img {width: 100%; height: 100%; object-fit: cover; filter: brightness(1); overflow: hidden;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .bg .copy-hidden {width:100%; height: auto; background: var(--gradient); display: flex; flex-direction: column; gap: 4rem; align-items: center; justify-content: center; text-align: left; padding: 2rem 5rem; position: absolute; bottom: 0; left: 0; transform: translateY(0rem); transition: var(--transition); box-sizing:border-box;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy-hidden span {display: table-cell; color: var(--lightgray); width:100%; padding: 0 0; box-sizing: border-box;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy-hidden .mtxt {font-size: 2.2rem; font-weight: 400; text-align: right; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy-hidden .mtxti {font-size: 2.2rem; font-weight: 400; text-align: left; overflow:hidden;  white-space:nowrap; text-overflow:ellipsis; display:none;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy-hidden .stxt {display:none;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy-hidden .more-bt {display:none;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .copy-hidden .date {display: none;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .bg:hover .copy-hidden {position: absolute; height: 100%; width:100%; gap: 1rem; opacity: 1; transform: translateY(0rem); transition: var(--transition); box-sizing:border-box;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .bg:hover .copy-hidden .mtxt {text-align: center; font-size: 2rem; /*text-align: left!important;*/  /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */}
#bru_bbs.bbs-type-02 ul.sc-board-list li .bg:hover .copy-hidden .mtxti {text-align: center; font-size: 2rem; display:none!important; /*white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */}
#bru_bbs.bbs-type-02 ul.sc-board-list li .bg:hover .copy-hidden .stxt {font-size: 1.8rem; font-weight: 200; line-height:1.3; margin:0; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; overflow: hidden;}
#bru_bbs.bbs-type-02 ul.sc-board-list li .bg:hover .copy-hidden .more-bt {display:block; padding: 1rem 3rem; border:1px solid var(--gray); border-radius: 5rem; line-height: 1; font-size: 1.85rem; color: var(--lightgray); width: fit-content;}


/* 타입03 .bbs-type-03 2025-03-12  */ 
/* 목록 썸네일 */
#bru_bbs.bbs-type-03 ul.sc-board-list {display: grid; grid-template-columns: repeat(auto-fill, minmax(18%, auto)); gap: 5rem 1.5rem; padding-top: 3rem;}
#bru_bbs.bbs-type-03 ul.sc-board-list li .copy {padding: 2rem 0; word-break: break-word;}
#bru_bbs.bbs-type-03 ul.sc-board-list li .copy .mtxt {font-size: 2.2rem; white-space: wrap;}
#bru_bbs.bbs-type-03 ul.sc-board-list li .copy .stxt {font-size: 1.75rem; -webkit-box-orient:unset; word-break: break-word;}
/* 목록 리스트 */
#bru_bbs.bbs-type-03 ul.sc-board-list.row {display: grid; grid-template-columns: repeat(auto-fill, minmax(33%, auto)); gap: 0 5rem; }
#bru_bbs.bbs-type-03 ul.sc-board-list.row li a {}
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .bg {flex-basis: 40%; width:unset; position:relative;}
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .copy {flex:1; margin-right: 0; margin-left: 3rem; font-size: 2.4rem; box-sizing: border-box;} 
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .copy .stxt {font-size: 2rem;}
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .bg .copy-hidden {position: absolute; bottom: 0; right: 0; display:flex!important; justify-content: flex-end; width: 100%; color: var(--white); background: linear-gradient(90deg, transparent, rgba(0, 0, 0, .9)); backdrop-filter: var(--backdrop-filter); opacity: .85; font-size: 2rem; padding: 1rem 2rem; box-sizing: border-box; white-space: nowrap; overflow: hidden; text-overflow: ellipsis}
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .copy-hidden .mtxti {display:block!important; padding: 0; text-align: right; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .copy-hidden .mtxt,
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .copy-hidden .stxt,
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .copy-hidden .more-bt {display:none!important;}
#bru_bbs.bbs-type-03 ul.sc-board-list.row li .bg:hover .copy-hidden .mtxti {display:block!important;}




/* 게시판 목록 - 리스트형 공통 row 2025-02-20 yun */
#bru_bbs ul.sc-board-list.row {display: flex; flex-direction: column; gap: 0rem;}
#bru_bbs ul.sc-board-list.row li {display:unset;}
#bru_bbs ul.sc-board-list.row li a {display: flex; flex-direction: row; justify-content: flex-start; align-items: flex-start; box-sizing: border-box;}
#bru_bbs ul.sc-board-list.row li .bg {width: 35%; margin-right: auto; margin-left: 0;}
#bru_bbs ul.sc-board-list.row li .copy {width: 55%; padding:0; margin-right: auto; margin-left: 0; gap:1rem;}
#bru_bbs ul.sc-board-list.row li .copy .date {}
#bru_bbs ul.sc-board-list.row li .copy .mtxt {margin: 0; display: block!important;}
#bru_bbs ul.sc-board-list.row li .copy .stxt {-webkit-line-clamp: 3;}
#bru_bbs ul.sc-board-list.row li .copy-hidden .mtxt {font-size: 2rem!important; display: none;}
#bru_bbs ul.sc-board-list.row li .copy-hidden .mtxti {display: block!important; width: 100%; padding: 0rem 2rem; box-sizing: border-box;}
#bru_bbs ul.sc-board-list.row li .bg:hover .copy-hidden .mtxt {display: none!important;}
#bru_bbs ul.sc-board-list.row li:after {margin-top: 3rem; margin-bottom: 3rem;}
/*#bru_bbs ul.sc-board-list.row li:nth-of-type(odd) {background: var(--white2);}*/



/***** 게시판 페이저 공통 *****/
/************** 타입1과 타입2는 페이저, 목록버튼, 날짜등 숨김처리 **************/
[class*=bbs-type-] .pagination-list-wrap,
[class*=bbs-type-] .sc-board-title .date,
[class*=bbs-type-] .sc-board-footer .view-btn,
[class*=bbs-type-] ul.sc-board-list li .copy .date,
[class*=bbs-type-] ul.sc-board-list.row li .copy .date
{display:none!important;}
/* 페이징 */
.pagination-list-wrap {display: flex; justify-content: center; align-items: center; padding:5rem 0;}
.pagination-list-wrap .prev-btn-wrap .prev-btn-list,
.pagination-list-wrap .next-btn-wrap .next-btn-list {display: flex; align-items: center; justify-content: center; gap: 2rem; color: var(--mudgray);} /* 이전다음컬러 */
/* 화살버튼 hover */
.pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn-faster:hover,
.pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn:hover,
.pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn-faster:hover,
.pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn:hover {color: var(--theme-color);}
/* 화살버튼 */
.pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn-faster,
.pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn,
.pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn-faster,
.pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn {display: block;}
.pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn-faster::after {content: "\f100"; font-size: 2rem;}
.pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn::after {content: "\f104"; font-size: 2rem;}
.pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn-faster::after {content: "\f101"; font-size: 2rem;}
.pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn::after {content: "\f105"; font-size: 2rem;}
/* 페이징넘버 */
.pagination-list-wrap .paging-wrap {padding: 0 3rem;}
.pagination-list-wrap .pagination-list {display: flex; align-items: center; justify-content: center; gap: 1rem;}
.pagination-list-wrap .pagination-list .paging-num {display: flex; align-items: center; justify-content: center;}
.pagination-list-wrap .pagination-list .paging-num .pagination {display: flex; align-items: center; justify-content: center; width: 4rem; height: 4rem; border-radius: 10rem; background: var(--white); color: var(--mudgray); border: 1px solid var(--white);}
.pagination-list-wrap .pagination-list .paging-num .pagination:hover,
.pagination-list-wrap .pagination-list .paging-num .pagination.active {background: var(--mudgray); color: var(--white); border: 1px solid var(--mudgray); font-weight: 500;}

/***** 게시판 읽기 페이지 공통 *****/
/* 글 제목 */
#bru_bbs .sc-board-title {width:100%; height: unset; line-height: unset; display: flex; flex-direction: column; align-items: flex-start; justify-content: space-between; gap: 1rem; border-top: 4px solid var(--theme-color); background: var(--white); font-size: 3rem; color: var(--theme-color); box-sizing: border-box; padding: 3rem 1rem; line-height: 1.3;}
#bru_bbs .sc-board-title span {}
#bru_bbs .sc-board-title, #bru_bbs .sc-board-article {border-bottom: 1px solid var(--lightgray);} /* 상하라인 */
#bru_bbs .sc-board-title .bbs_number {width: auto; padding:0 1rem; display:none;}
#bru_bbs .sc-board-title .bbs_number::after {content: "\f249"; font-size: 3rem; display:none;}
#bru_bbs .sc-board-title .bbs_title {width: 100%; font-weight:500; line-height: 1.3;}
#bru_bbs .sc-board-title .date {width: auto; color:var(--mudgray); letter-spacing:0; font-weight:300; font-size: 2rem;}
#bru_bbs .sc-board-article {padding: 3rem 0;}
#bru_bbs .sc-board-article .sc-board-imgbox {width:100%; margin-bottom: 3rem; font-size:0; text-align:center;}
#bru_bbs .sc-board-article .sc-board-imgbox img {max-width:100%;}
#bru_bbs .sc-board-article .article-contents {width:100%; font-size:2.2rem; line-height:1.5; color: var(--mudgray); font-weight:300;}
#bru_bbs .sc-board-article .article-contents img {padding-bottom: 2rem;}
#bru_bbs .sc-board-article .article-contents p {width:100%;}
#bru_bbs .sc-board-article .article-contents p span {color:var(--tanblack); font-weight:400;}
#bru_bbs .preview-title{display: none; color: var(--mudgray); line-height: 1.1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; transition: all 0.3s; margin: 0 2rem; font-size: 1.85rem; font-weight: 300;}
#bru_bbs .sc-board-footer {width:100%; overflow:hidden; display:flex; align-items: center; justify-content: space-between; padding: 5rem 0; font-size: 2rem;}
#bru_bbs .sc-board-footer a {display:block;}
#bru_bbs .sc-board-footer .view-btn {display:flex; align-items: center; justify-content: space-between; gap: 0;}
#bru_bbs .sc-board-footer .view-btn:hover {color: var(--theme-color);}
/* 이전다음버튼 */
#bru_bbs .sc-board-footer .view-btn .btn-text {display:flex; align-items: center; justify-content: center; gap: 0.5rem; border-radius: 10rem; padding: 0rem 2rem; height: 5rem; color: var(--theme-color); border: 1px solid currentColor; transition:.3s;}
#bru_bbs .sc-board-footer .view-btn .btn-text:hover {background: var(--theme-color); border: 1px solid currentColor; color: var(--white);}
#bru_bbs .sc-board-footer .view-prev-btn .btn-text::before {content: "\f104"; font-size: 2rem;}
#bru_bbs .sc-board-footer .view-next-btn .btn-text::after {content: "\f054"; font-size: 2rem;}
/* 리스트버튼 */
#bru_bbs .sc-board-footer .bbs-list-btn {display:flex; align-items: center; justify-content: center; gap: 0.5rem; margin-left: auto; margin-right: auto; border-radius: 10rem; padding: 0rem 2rem; height: 5rem; background: var(--theme-color); border: 1px solid currentColor; color: var(--white); transition:.3s;}
#bru_bbs .sc-board-footer .bbs-list-btn::before {content: "\f0c9"; font-size: 2rem;} /* 리스트 */
#bru_bbs .sc-board-footer .bbs-list-btn:hover {background: var(--white); border: 1px solid currentColor; color: var(--theme-color);}
.xi-angle-left,.xi-angle-right{display:none !important;}


/* 첨부파일 */
#bru_bbs .sc-board-file {display: flex; flex-wrap: wrap align-items: center; gap:2rem; padding: 2rem 0; color:var(--mudgray);}
#bru_bbs .sc-board-file .preview_file {display: flex; align-items: center; gap: .5rem; font-size: 1.8rem; font-weight:200;}
#bru_bbs .sc-board-file .preview_file::before {content:'\f0c6'; font-size: 1.8rem; color:var(--tanblack);}
/* 아티클 */
#bru_bbs .sc-board-article {padding: 3rem 0;}
#bru_bbs .sc-board-article .sc-board-imgbox {width:100%; margin-bottom: 3rem; font-size:0; text-align:center;}
#bru_bbs .sc-board-article .sc-board-imgbox img {max-width:100%;}
#bru_bbs .sc-board-article .article-contents {width:100%; font-size:2.2rem; line-height:1.5; color: var(--mudgray); font-weight:300;}
#bru_bbs .sc-board-article .article-contents img {padding-bottom: 2rem;}
#bru_bbs .sc-board-article .article-contents p {width:100%; /*font-size:2rem!important; color:var(--tanblack)!important; line-height:2; font-weight:400;*/}
#bru_bbs .sc-board-article .article-contents p span {color:var(--tanblack); font-weight:400;}

#bru_bbs .preview-title{white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 300px;}

#bru_bbs .sc-board-footer {/* width:100%; overflow:hidden;  */display:flex; align-items: center; justify-content: space-between; padding: 5rem 0; font-size: 2rem;}
#bru_bbs .sc-board-footer a {display:block;}
#bru_bbs .sc-board-footer .view-btn {display: flex; align-items: center; justify-content: space-between; gap: 0rem; box-sizing: border-box;}
#bru_bbs .sc-board-footer .view-btn.view-next-btn {flex-direction: row-reverse;}
#bru_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;}
#bru_bbs .sc-board-footer .view-btn span.btn-text:hover {background: var(--theme-color); border: 1px solid currentColor; color: var(--white);}
#bru_bbs .sc-board-footer .view-btn span.preview-title {color:var(--mudgray); line-height:1.1; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; transition:all 0.3s; margin: 0 2rem; font-size: 1.85rem; font-weight: 300; display: none; }
#bru_bbs .sc-board-footer .view-prev-btn span.btn-text::before {content: "\f104"; font-size: 2rem;}
#bru_bbs .sc-board-footer .view-next-btn span.btn-text::after {content: "\f105"; font-size: 2rem;}

/* 리스트버튼 */
#bru_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;}
#bru_bbs .sc-board-footer .bbs-list-btn::before {content: "\f0c9"; font-size: 2rem;} /* 리스트 */
#bru_bbs .sc-board-footer .bbs-list-btn i {display: none; /* margin-right:10px;  font-size:12px;  color:#4d4d4d;  line-height:38px;  transition:all .3s; */}
#bru_bbs .sc-board-footer .bbs-list-btn:hover {background: var(--white); border: 1px solid currentColor; color: var(--theme-color);}
/* #bru_bbs .sc-board-footer .bbs-list-btn:hover i {color:white;} */
.xi-angle-left,.xi-angle-right{display:none !important;}


/*	기존 CSS 안건들기 위해서 추가한것들	*/
#bru_bbs .pagination-list-wrap{padding: 5rem 0 1rem;}
#bru_bbs .bbs_btn_group {display:flex; flex-wrap: nowrap; flex-direction: row-reverse; gap: .5rem; margin-left: auto; margin-right: auto;}
#bru_bbs .bbs-btn::before {font-size: 2rem;}
#bru_bbs .bbs-btn.modify::before {content: "\f12d"; } /* 수정버튼*/
#bru_bbs .bbs-btn.reply::before {content: "\f27a"; } /* 답글버튼*/
#bru_bbs .bbs-btn.delete::before {content: "\f2ed"; } /* 삭제버튼*/
#bru_bbs .bbs-btn.write::before {content: "\f044"; } /* 등록버튼*/
#bru_bbs .bbs-list-btn::before {content: "\f0c9"; } /* 리스트버튼 */
#bru_bbs .bbs-list-btn,
#bru_bbs .bbs-btn {display: flex; align-items: center; justify-content: center; gap: .5rem; line-height: 1; border-radius: 10rem; padding: 1.2rem 2rem; font-size: 2rem; background: var(--theme-color); border: 1px solid var(--theme-color); color: var(--white); transition: .3s; }
#bru_bbs .bbs_btn_group .bbs-list-btn:hover,
#bru_bbs .bbs-btn:hover {background: var(--white); border: 1px solid var(--theme-color); color: var(--theme-color);}
#bru_bbs .file {display:none;}

#bru_bbs .contact-box {margin:2rem auto; text-align: center; max-width: var(--common-width);}
#bru_bbs .contact-box-style {padding: 0rem;}
#bru_bbs .contact-box-style .required-txt {display: flex; align-items: flex-end; justify-content: flex-end; font-size: 2rem; line-height: 1; font-weight: 400; padding: 2rem 0;}
#bru_bbs .contact-box-style .check {color: var(--point); margin:0 1rem;}
#bru_bbs .contact-box-style .check::before {content: "\f00c"; font-size: 1.628rem;} /* 필수체크 */
#bru_bbs .contact-box-style .box-cols {display: grid; grid-template-columns: 1fr 1fr; grid-template-rows: auto; grid-gap: 0 2rem;}
#bru_bbs .contact-box-style .contents {display: flex; flex-direction: row; gap: 1rem; align-items: center; width: 100%; margin-bottom: 2rem; /* border: 1px solid var(--lightgray); background: var(--brightgray); height: 8rem; border-radius: 1.5rem;*/ line-height: 1.5em; font-size: 2rem; text-align: left; padding: 0; box-sizing: border-box; overflow: hidden; max-width:100%;}
#bru_bbs .contact-box-style .contents dt {display: flex; flex: 0 0 20rem; padding: 0; box-sizing: border-box; font-weight: 500;}
#bru_bbs .contact-box-style .contents dt.blind {display: none;}
#bru_bbs .contact-box-style .contents dt label.thumb {display: flex; line-height: 1.2;}
#bru_bbs .contact-box-style .contents dd {/* width: calc(100% - 15rem); */ flex:1; /* border: 1px solid var(--lightgray); background: var(--white2); padding: 2rem; */} /* 변경 */
#bru_bbs .contact-box-style .contents input,
#bru_bbs .contact-box-style .contents textarea,
#bru_bbs .contact-box-style .write-textarea,
#bru_bbs .contact-box-style .write-input {border:none; width: calc(100% - 0rem); color:var(--tanblack); font-weight: 300; font-size: 1.85rem; line-height: 1.5em; outline: none; background: none; /* white-space: nowrap; overflow: hidden; text-overflow: ellipsis; */ border: 1px solid var(--gray); background: var(--white); padding: 2rem 2rem; border-radius: .5rem; } /* 추가 */
#bru_bbs .contact-box-style .write-input {}
#bru_bbs .contact-box-style .write-textarea {height: 20rem; padding:2rem 0; align-content: center;}
#bru_bbs .contact-box-style .contents.textarea-box {/* height: 22rem; */}


/* 개인정보처리방침 */
/* 약관확인하기 */
#bru_bbs .contact-box-style .contents.agree-con {margin-top: 5rem; padding:2.5rem 0; background-color: transparent; border:1px solid var(--lightgray); border-left: none; border-right: none;}
#bru_bbs .contact-box-style .contents.agree-con dd {display: flex; align-items: center; justify-content: center; width: 100%; gap: 2rem; padding: 0; box-sizing: border-box;}
#bru_bbs .contact-box-style .contents .agree-txt {display: flex; align-items: center; gap:0rem; font-size: 2rem; font-weight: 300; letter-spacing: -0.01em; color: var(--black); line-height: 1;}
#bru_bbs .contact-box-style .contents .agree-txt a {font-weight: 500; text-decoration: underline; transition: var(--transition); cursor: pointer;}
#bru_bbs .contact-box-style .contents .agree-txt a:hover {color:var(--blue);}
#bru_bbs .contact-box-style .contents .agree-txt input {display:none;}
#bru_bbs .contact-box-style .contents .agree-txt label {display: flex; gap:.5rem;}
#bru_bbs .contact-box-style .contents .agree-txt label em {margin-left: 1px; }
#bru_bbs .contact-box-style .contents .agree-txt label em::before {content: "\f058"; font-weight: 300; font-size: 1.8rem; color: var(--gray); transition: var(--transition);} /* 약관체크아이콘 */
#bru_bbs .contact-box-style .contents .agree-txt input:checked + label em::before {content: "\f058"; color: var(--blue); font-weight: 600;}

/* 공지비밀글체크 */
#bru_bbs .contact-box-style input#notice_hit, #bru_bbs .contact-box-style input#bbs_secret  {}
input[type=checkbox] {/* appearance:none; */ width: 2rem!important; height: 2rem; padding: 0!important; margin: 0!important;}
#bru_bbs .sc-board-article .article-contents p.secret-txt {display:flex; gap:.5rem; width:100%; font-size:1.85rem; line-height:1; font-weight:400;}
/* 공지비밀글체크 아이콘 */
/* #bru_bbs .contact-box-style .contents .secret-txt label em::before {content: "\f0c8"; font-weight:200; font-size:2rem; transition: var(--transition);}
#bru_bbs .contact-box-style .contents .secret-txt input:checked + label em::before{content: "\f14a";} 
#bru_bbs .contact-box-style .contents .secret-txt label em { color: var(--beige);  line-height: 1; margin-right: .7rem;}
#bru_bbs #bbs_secret, #bru_bbs #notice_hit {display:none;} */
#bru_bbs .file_div {display:flex; flex-direction: row; flex-wrap: wrap; align-items: center; gap: 1rem;}
#bru_bbs .file_div > label {}
#bru_bbs .file_div > label {background: var(--mudgray); color: var(--white); font-size: 1.835rem; padding: 1rem 2rem; line-height:1; border-radius: .3rem; cursor: pointer; width: auto; text-align: center; transition: var(--transition);} /* 파일선택버튼 */
#bru_bbs .file_div > label:hover {background: var(--blue); color: var(--white);}
#bru_bbs .file_div > span {margin-left: 0;}
#bru_bbs .file_div [class*=addfile] {display: flex; gap:.5rem;  color: var(--mudgray); /* width: 20rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; */}
#bru_bbs .file_div [class*=addfile]::before {content: "\f0c6"; font-size: 1.6rem; margin-right: .5rem;} /* 파일첨부 */
#bru_bbs .file_div .file_del_label{display: flex; gap:.5rem; border:0; width:auto; max-width: 100%; padding:0; background: none;} /* 파일삭제 */
#bru_bbs .file_div .file_del_label:hover {background: none;}
#bru_bbs .file_div .file_del_label > span { /* display: inline-block; width: 78px; */ color:var(--blue);}
#bru_bbs .file_div .file_del_label > input {width:auto;}
/* 썸네일미리보기 */
#bru_bbs .sc-board-article .article-contents .img_preview {width:15rem; }
#bru_bbs .sc-board-article .article-contents .img_preview > img {padding: 0; margin-top: 1rem; border-radius:.5rem; overflow: hidden;}

/* 탭체크 */
#bru_bbs .tab-txt{display:flex; flex-direction: row; flex-wrap: wrap; gap: 1rem;}
#bru_bbs .tab-txt .form-check-inline {display:flex; align-items: center;/* margin-right:10px; */ font-size: 1.85rem; color: var(--mudgray);}

/* 체크박스 - 비밀글아이콘 */
label.notice_hit, label.bbs_secret {display: flex; align-items: baseline; gap:0; color: var(--mudgray);}
label.notice_hit:hover, label.bbs_secret:hover {color: var(--blue);}


/* 댓글 코멘트 */
.comment-write {background: transparent; padding: 0px; border: 0px solid; margin-top: 2rem; position: relative; }
.comment-write .comment-write-box {background: transparent; height: auto; padding: 1.35rem; border-radius: 0.35rem; border: 1px solid var(--gray);}
.comment-write .comment-write-box .comment-write-textarea {border: 0; outline: 0; padding:0;width: 100%; background: transparent; color: var(--mudgray); height: auto; min-height: 9rem; padding-bottom: 0rem; overflow-y: auto;}
.comment-write .comment-write-btn {position: absolute; bottom: 1rem; right: 1rem; width: auto; line-height:1; font-size: 1.65rem; padding: 1rem 1.5rem; border-radius: 0.35rem; background: var(--mudgray); color: var(--white);}


/************ 예외 - 게시판이아닌 영업안내로 사용할경우 예외사항 *********/
[class*=bbs-type-] .sc-board-title,
[class*=bbs-type-] .sc-board-article {border-bottom: 0px solid var(--lightgray)!important;} /* 상하라인 */
[class*=bbs-type-] .sc-board-title {border-top: 0px solid var(--theme-color)!important; text-align: center; padding: 5rem 0 1rem 0!important;}
[class*=bbs-type-] .sc-board-title .bbs_title {color: var(--main-color)!important; font-size: 4rem; font-weight: 600; text-align: left; position: relative;}
[class*=bbs-type-] .sc-board-title .bbs_title:before {content:""; display:block; clear: both; width:5rem; height:4px; background: var(--main-color)!important; position: absolute; top: 0; left: 0; transform: translate(-0, -1.2rem);}


/* 비밀번호모달 */
[class*=section] #calendar_event_layer {/* width: unset; */}
[class*=section] #calendar_event_layer .date-event {font-family: unset; font-size: 2.5rem; color: var(--theme-color); font-weight: 600; gap:0; padding-bottom:0;}
[class*=section] #calendar_event_layer .day-week {font-size: unset; font-weight: unset;}
[class*=section] #calendar_event_layer #eventContent {gap: 1rem; padding: 2rem 0 0 0;}
[class*=section] #calendar_event_layer #eventContent input {width: 100%; height: 5rem; border-radius: 1rem; padding: 1rem; border-color: var(--gray);}
[class*=section] #calendar_event_layer #eventContent #sc_password {}
[class*=section] #calendar_event_layer #eventContent #sc_password_btn {border-radius: 1rem; padding: 1rem; background: var(--theme-color); color: var(--white); font-size:2rem; line-height:1;}


/* 미디어쿼리 2025-03-13 yun */
@media only screen and (max-width:1280px) {
	#bru_bbs ul.sc-board-list {grid-template-columns: repeat(auto-fill, minmax(31%, auto));}	
	#bru_bbs.bbs-type-02 ul.sc-board-list {grid-template-columns: repeat(auto-fill, minmax(46%, auto));}
}
@media only screen and (max-width:1024px) {
	#bru_bbs .sc-board-header .sc-board-search {width: 50vw;}
	#bru_bbs ul.sc-board-list {grid-template-columns: repeat(auto-fill, minmax(45%, auto));}
	#bru_bbs ul.sc-board-list.row li .bg .copy-hidden {display: none;} /*모바일시 카피 히든*/
	#bru_bbs ul.sc-board-list.row li .bg .copy-hidden .mtxti {display: block!important;} /*모바일시 타이틀만 노출*/
	#bru_bbs ul.sc-board-list.row li .bg:hover .copy-hidden {display: none;} /*모바일시 카피오버 히든*/
	#bru_bbs.bbs-type-03 ul.sc-board-list.row {grid-template-columns:1fr;}
	#bru_bbs.bbs-type-03 ul.sc-board-list.row li .bg {}
	#bru_bbs.bbs-type-03 ul.sc-board-list {grid-template-columns: repeat(auto-fill, minmax(24%, auto));}
}
@media only screen and (max-width:850px) {
	#bru_bbs .sc-board-header .sc-board-search {width: 100%;}	
	#bru_bbs .sc-board-footer .view-btn .preview-title {display: none;}
	/* #bru_bbs .sc-board-footer .view-btn .btn-text {width: 5rem; height: 5rem; padding: 0; font-size: 0; gap: 0;} */	
	
}
@media only screen and (max-width:767px) {
	#bru_bbs ul.sc-board-list.row li .bg {width: 30%;}	
	#bru_bbs ul.sc-board-list.row li .copy {width: 65%; margin-right:0; gap: .6rem;}	
	#bru_bbs ul.sc-board-list.row li .copy .mtxt {font-size: 2rem;}
	#bru_bbs ul.sc-board-list.row li .copy .stxt {font-size: 1.85rem; line-height: 1.3; -webkit-line-clamp: 2;}
	
}
@media only screen and (max-width:680px) {
	#bru_bbs ul.sc-board-list,
	#bru_bbs.bbs-type-01 ul.sc-board-list,
	#bru_bbs.bbs-type-02 ul.sc-board-list {display: flex; flex-direction: column; gap:0;}
	#bru_bbs ul.sc-board-list.row li .copy {/*padding: 2rem 0;*/}
	#bru_bbs ul.sc-board-list.row li .bg .copy-hidden,
	#bru_bbs ul.sc-board-list.row li .bg .copy-hidden .mtxti {display: none!important;}
	#bru_bbs.bbs-type-03 ul.sc-board-list.row li .copy-hidden .mtxti {display: block!important;}
	#bru_bbs.bbs-type-03 ul.sc-board-list {grid-template-columns: repeat(auto-fill, minmax(48%, auto));}
	/**/
	#bru_bbs .contact-box-style .required-txt {/* font-size: 1.4rem; */}
	#bru_bbs .contact-box-style .box-cols {grid-gap: 0 1rem; grid-template-columns: 1fr;}
	#bru_bbs .contact-box-style .contents dt {flex:0 0 10rem;}
	#bru_bbs .contact-box-style .contents dd {}
	#bru_bbs .contact-box-style .contents input,
	#bru_bbs .contact-box-style .contents textarea,
	#bru_bbs .contact-box-style .write-textarea,
	#bru_bbs .contact-box-style .contents,
	#bru_bbs .contact-box-style .write-input {font-size: 1.85rem;}
	#bru_bbs .contact-box-style .contents .agree-txt {font-size: 2rem; justify-content: center;}
	/* 첨부파일 */
	#bru_bbs .file_div {flex-direction: column; align-items: flex-start; gap:.5rem;}
	#bru_bbs .file_div [class*=addfile] {display:unset; width: 30rem; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
	/* 버튼그룹 아이콘만 남기기 */	
	#bru_bbs .sc-board-footer .bbs-list-btn,
	#bru_bbs .bbs_btn_group .bbs-list-btn,
	#bru_bbs .bbs-btn {font-size: 0; gap: 0; padding:0; width: 5rem; height: 5rem;}	
}
@media only screen and (max-width:480px) { 
	/* 이전다음 버튼 아이콘 남기기 */
	#bru_bbs .sc-board-footer .view-btn span.btn-text {width: 5rem; height: 5rem; padding: 0; font-size: 0; gap: 0;}
	
}