@charset "utf-8";
/*
:root{
	--theme-color: #005151;
	--main-color: #403f3d;
	--simple-color: #eaf2f2; 
	--notice-color: #f8f8f8;
	--notice-basic-color: #fefefe;
	--basic-color: #f8f8f8;
	--accent-color: #c06d5f;
	--white: #fefefe;
	--gray: #cccccc;
	--lightgray: #f3f3f3;
	--mudgray: #888888;
	--tanblack: #333333;
}
*/
#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;}
/* 게시판 헤더 - 좌측 게시판 페이지수 정보 */
#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; */}
@media only screen and (max-width:1023px) {	
  #bru_bbs .sc-board-header .sc-board-search {width: 50vw;}
}
@media only screen and (max-width:850px) {	
  #bru_bbs .sc-board-header .sc-board-search {width: 100%;}
}
@media only screen and (max-width:767px) {
}

/* 게시판 목록 */
/* #bru_bbs ul.sc-board-list {width:100%;  margin-bottom:40px;  border-top:2px solid #333;  overflow:hidden;}
#bru_bbs ul.sc-board-list li {width:100%;  height:71px;  padding:0 20px;  border-bottom:1px solid #d9d9d9;  overflow:hidden;  transition:all 0.3s;}
 */
/*언론보도*/ 
#bru_bbs ul.sc-board-list {display: grid; grid-template-columns: 1fr 1fr 1fr; gap: 3rem; row-gap: 3rem; width: 100%;}
#bru_bbs ul.sc-board-list li {display: flex; align-items: center; justify-content: flex-start; flex-direction: column; height: auto; border: 1px solid var(--lightgray); background: var(--notice-basic-color); box-sizing: border-box;}
#bru_bbs ul.sc-board-list li a {display: flex; align-items: center; flex-direction: column;}
/* #bru_bbs ul.sc-board-list li:hover {width: 100%; height: 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;}
/* #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: 110%; height: 110%; object-fit: cover; overflow: hidden;}
#bru_bbs ul.sc-board-list li .bg:hover img {transform: var(--transform);}
#bru_bbs ul.sc-board-list li .copy {color: var(--tanblack); width: calc(100% - 6rem); display: flex; flex-direction: column; padding: 3rem 0; line-height: 1.3;}
#bru_bbs ul.sc-board-list li .copy p {font-weight: 200; font-size: 1.65rem;  color: var(--mudgray);}
#bru_bbs ul.sc-board-list li .copy .date span {padding-right: 1rem;}
/* #bru_bbs ul.sc-board-list li .copy > b {display: none;} */
#bru_bbs ul.sc-board-list li .copy span.mtxt {margin: 2rem 0 1rem 0; font-weight: 700; font-size: 2.85rem; position: relative;}
#bru_bbs ul.sc-board-list li .copy span.mtxt::before {content: ""; display: block; clear: both; position: absolute; top: 0; left: 0;}
#bru_bbs ul.sc-board-list li .copy span.stxt {font-weight: 300; font-size: 1.75rem; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; 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.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 {/*float:left;  display:block;*/ /* display:inline-block;  line-height:70px;  vertical-align:top; */}
/* #bru_bbs ul.sc-board-list li a span.bbs_number {width:7.5471698113207547169811320754717%;  font-size:36px;  color:#808080;  font-weight:300;}
#bru_bbs ul.sc-board-list li a span.bbs_number > i {font-size:3.3rem; color:var(--main-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;}
/* ul.sc-board-list li a:hover span.bbs_title {text-decoration:underline} */
#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;}
@media only screen and (max-width:1023px) {
  #bru_bbs ul.sc-board-list {grid-template-columns: 1fr 1fr;}  
 /*  #bru_bbs ul.sc-board-list li a {padding:20px 0;}
  #bru_bbs ul.sc-board-list li a span.bbs_number {float:left;  display:block;  width:65px;  line-height:50px;}
  #bru_bbs ul.sc-board-list li a span.bbs_title {width:calc(100% - 65px);  max-width:700px;  height:30px;  line-height:30px;}
  #bru_bbs ul.sc-board-list li a span.date {float:left;  width:calc(100% - 80px);  padding-left:45px;  line-height:20px;  text-align:left;}
  #bru_bbs .en ul.sc-board-list li a span.date {padding-left:60px;}
  #bru_bbs ul.sc-board-list.news-list li a span.date {padding-left:0;} */
}
@media only screen and (max-width:850px) {
  #bru_bbs ul.sc-board-list li .copy {width: calc(100% - 4rem); padding: 2rem 0;}
  #bru_bbs ul.sc-board-list li .copy span.mtxt {font-size: 2.25rem; margin: 1rem 0 1rem 0;}
  /*# bru_bbs ul.sc-board-list li a span.bbs_title {max-width:600px;} */
}
@media only screen and (max-width:767px) {
 
  /* #bru_bbs ul.sc-board-list li {height:auto;}
  #bru_bbs ul.sc-board-list li a span.bbs_number {display:none;}
  #bru_bbs ul.sc-board-list li a span.bbs_title {float:none;  width:100%;  max-width:100%;  height:auto;  white-space:normal;  font-size:18px;  line-height:25px;  padding-right:0;}
  #bru_bbs ul.sc-board-list li a span.bbs_title:before {width:29px;  height:19px;  border-radius:1px;  margin-right:5px;  font-size:11px;  line-height:19px;}
  #bru_bbs .en ul.sc-board-list li a span.bbs_title:before {width:42px;}
  #bru_bbs ul.sc-board-list li a span.bbs_title:after {position:static;  display:inline-block;  margin-top:0;  margin-left:5px;}
  #bru_bbs ul.sc-board-list li a span.date {float:none;  width:100%;  padding-left:0;}
  #bru_bbs .en ul.sc-board-list li a span.date {padding-left:0;} */
}
@media only screen and (max-width:480px) {
  #bru_bbs ul.sc-board-list {grid-template-columns: 1fr;}
}

/* 게시판 페이저 */
/* 페이징 */
.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(--gray);}
/* 화살버튼 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: "\f049"; font-size: 2rem;}
.pagination-list-wrap .prev-btn-wrap .page-btn-icon.prev-btn::after {content: "\f0d9"; font-size: 2rem;}
.pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn-faster::after {content: "\f050"; font-size: 2rem;}
.pagination-list-wrap .next-btn-wrap .page-btn-icon.next-btn::after {content: "\f0da"; 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: 3rem; height: 3rem; 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(--theme-color); color: var(--white); border: 1px solid var(--theme-color); font-weight: 500;}


/* 게시판 읽기 페이지 */
/* 글 제목 */
/* #bru_bbs .sc-board-title {padding:0 0rem; border-top:3px solid var(--mudgray); border-bottom:1px solid var(--gray); font-size:0; overflow:hidden; position:relative;} */
#bru_bbs .sc-board-title {display: flex; align-items: center; justify-content: space-between; gap: 5rem; /* padding: 0 5rem; */ border-top: 4px solid var(--mudgray); border-bottom:1px solid var(--gray); background: var(--white); font-size: 2.5rem; box-sizing: border-box;}
#bru_bbs .sc-board-title span {display:inline-block; height: 10rem; line-height: 10rem; /* vertical-align:top; */}
#bru_bbs .sc-board-title span.bbs_number {width: auto;}
#bru_bbs .sc-board-title span.bbs_number::after {content: "\f7b6"; color:var(--theme-color); font-size: 3rem;}
#bru_bbs .sc-board-title span.bbs_title {flex: 1; width: 25rem; margin-right: auto; margin-left: auto; color:var(--tanblack); 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; }

#bru_bbs .sc-board-title span.date {width: auto; color:var(--mudgray); letter-spacing:0; font-weight:300; font-size: 2rem;}
@media only screen and (max-width:1023px) {

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

}
@media only screen and (max-width:767px) {
  #bru_bbs .sc-board-title span.bbs_number {display: none;}  

}

#bru_bbs .sc-board-article {padding:5rem 0; border-bottom:1px solid var(--gray);}
#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%;}
#bru_bbs .sc-board-article .article-contents p {width:100%; font-size:2rem; color:var(--tanblack); 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: 20rem; margin: 0 1rem;}
@media only screen and (max-width:1023px) {

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

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

}


#bru_bbs .sc-board-footer {width:100%; overflow:hidden; display:flex; align-items: center; justify-content: space-between; padding: 3rem 0 5rem 0;}
#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 span.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 span.btn-text:hover {background: var(--theme-color); border: 1px solid currentColor; color: var(--white);}
#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: "\f054"; font-size: 2rem;}
/* 리스트버튼 */
#bru_bbs .sc-board-footer .bbs-list-btn {display:flex; align-items: center; gap: 0.5rem; 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: "\f0ca"; font-size: 2rem;}
#bru_bbs .sc-board-footer .bbs-list-btn:hover {background: var(--white); border: 1px solid currentColor; color: var(--theme-color);}
@media only screen and (max-width:1023px) {

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

  #bru_bbs .sc-board-footer .view-btn span.preview-title {display: none;}
  #bru_bbs .sc-board-footer .view-btn span.btn-text {font-size: 0; gap: 0;}
  #bru_bbs .sc-board-footer .view-btn span.btn-text {width: 5rem; height: 5rem; padding: 0;}
}
@media only screen and (max-width:480px) { 
  #bru_bbs .sc-board-footer .bbs-list-btn {font-size: 0; gap: 0;}
}

/*blog*/ 
#bru_bbs ul.blog {display: grid; grid-template-columns: 1fr; gap: 3rem; row-gap: 3rem; width: 100%; }
#bru_bbs ul.blog li{max-width: var(--wide-width); }
#bru_bbs ul.blog li a{display:flex; gap: 3rem; }
#bru_bbs ul.blog li a .bg{flex: 2; border-radius: 1vw; overflow: hidden;}
#bru_bbs ul.blog li a .bg img{object-fit: cover; width: 100%; height: 100%; aspect-ratio: 16 / 9;}
#bru_bbs ul.blog li a .copy{flex: 3; display: flex;flex-direction: column; border: 1px solid #e7e7e7;  padding: 5rem; border-radius: 1vw;transition: all 0.3s;    overflow: hidden;}
#bru_bbs ul.blog li a .copy:hover{  border: 0.5px solid var(--theme-color); box-shadow: 0 0 4px var(--theme-color);}
#bru_bbs ul.blog li a .copy .date{display:flex; flex-direction: column-reverse;}
#bru_bbs ul.blog li a .copy .date span{padding:1rem 0;font-size: 3rem; display:none;}
#bru_bbs ul.blog li a .copy .mtxt{font-size:3rem;  margin: 3rem 0rem 1rem;}
#bru_bbs ul.blog li a .copy .stxt { font-size: 2rem; white-space: normal; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: auto; }


@media only screen and (max-width:1023px) {	
  #bru_bbs ul.blog li a .copy{padding:3rem;}
}
@media only screen and (max-width:800px) {
  #bru_bbs ul.blog li a{display:flex;flex-direction: column;gap:0;}
}

@media only screen and (max-width:850px) {
  #bru_bbs ul.blog  li .copy {width: calc(100% - 6rem); padding: 2rem 0;}
  #bru_bbs ul.blog  li .copy span.mtxt {font-size: 2.25rem; margin: 1rem 0 1rem 0;}
}


/* tab 추가 CSS*/
.filters ul{display:flex; gap:20px; padding:2rem 0; flex-wrap: wrap;}
.filters ul li{padding:0.8rem 2rem; border-radius: 5rem;border: 1px solid var(--accent-color); cursor: pointer;}
.filters ul .active{background-color:var(--accent-color); color:#fff;}

.filters-content{width: 100%; height: auto;}
.filters-content .show { opacity: 1; visibility: visible; transition: all 350ms; }
.filters-content .hide { opacity: 0; visibility: hidden; transition: all 350ms; }
.filters-content .bg { text-align: center; cursor: pointer;position: relative;}
.filters-content .copy{ color: #fff;box-sizing: border-box; height: 100%; text-align: center; transform: translate(-50%, -50%); position: absolute;  width: 100%; left: 50%; top: 50%; display: flex; justify-content: center; align-items: center; opacity: 0;}
.filters-content .copy:hover{background-color: #00000080;  transition: 0.3s; opacity: 1;}
.filters-content .bg img { width: 100%;aspect-ratio: 1 / 1;object-fit: cover; }
.filters-content .item { width: calc(33.333% - 20px); box-sizing: border-box; margin:0.2rem;}
.filters-content .copy a { width: 20px; }
.filters-content .copy a .fa-magnifying-glass-plus::before {font-size: 3.35rem;}
.modal { display: none; position: fixed; z-index: 1; padding-top: 15rem; left: 0; top: 0; width: 100%; height: calc(100%); overflow: auto; background-color: rgb(0,0,0); background-color: rgba(0,0,0,0.9); }
.cs-fix-boxwrap, .footer-quick-menu { position: relative; }
.modal-content { margin: auto; display: block; width: 100%; max-width: 900px; }
#caption { margin: auto; display: block; width: 80%; max-width: 700px; text-align: center; color: #ccc; padding: 10px 0; height: 150px; }
.modal-content, #caption { -webkit-animation-name: zoom; -webkit-animation-duration: 0.6s; animation-name: zoom; animation-duration: 0.6s; }
@-webkit-keyframes zoom {
    from { -webkit-transform: scale(0)}
    to { -webkit-transform: scale(1)}
}
@keyframes zoom {
    from { transform: scale(0)}
    to { transform: scale(1)}
}
#galleryModal .close { position: absolute;  right: 7%; color: #f1f1f1; font-size: 40px; font-weight: bold; transition: 0.3s; }
#galleryModal .close:hover, 
#galleryModal .close:focus { color: #bbb; text-decoration: none; cursor: pointer; }
@media only screen and (max-width:1023px) {
	.filters-content:not(.not) .item { width:calc(50% - 20px); }
}

@media only screen and (max-width:767px) {
	.filters-content.not .item { width:100%; }
	.modal-content { width: 100%; }
}