/* Board Common */
/* Head */
.board-head {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: horizontal;
  -ms-flex-direction: row;
  flex-direction: row;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-bottom:40px;
}

.board-head.board-head--notice {
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
}

.board-head .total p {
  font-size:2rem;
  font-weight:400;
  color:#555;
}

.board-head .search {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.board-head .search-select {
  width:160px;
}

.board-head .search-select select {
  width:100%;
  font-size:1.6rem;
  color:#8a8a8a;
  border:0px;
  border-bottom:1px solid #8d8d8d;
  border-radius:0px;
  padding:15px 70px 15px 15px;
}

.board-head .search-input {
  width:calc(100% - 160px);
  margin-left:8px;
  position: relative;
}

.board-head .search-input input {
  width:100%;
  font-size:1.6rem;
  color:#8a8a8a;
  border:0px;
  border-bottom:1px solid #8d8d8d;
  border-radius:0px;
  padding:15px 60px 15px 15px;
}

.board-head .search-input .search-button-group {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  font-weight: 500;
  z-index: 10;
  display: flex;
  align-items: center;
}

.board-head .search-input .search-button {
  background: url('/child/img/common/search-icon.png') no-repeat 50%;
  width:50px;
  height:50px;
  background-size:auto 16px;
  overflow: hidden;
  padding: 0;
  font-size: 0;
  line-height: 0;
}

/* Pagination */
.board-pagination {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top: 40px;
}

.board-pagination a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  margin:0 1px;
  width:35px;
  height:35px;
  text-align:center;
  font-size:1.6rem;
  font-weight:400;
  background-repeat:no-repeat;
  background-position:center;
  color:#999;
  background-color:#fff;
  -webkit-transition:all ease-out .15s;
  transition:all ease-out .15s;
  border:1px solid #dfdfdf;
}

.board-pagination a:not(.current) {
  cursor:pointer;
}

.board-pagination .current {
  color:#fff;
  background-color: #008e84;
  border-color: #008e84;
}

.board-pagination .pagination__prev {
  background-image: url('/child/img/common/pagination-prev.png');
}

.board-pagination .pagination__next {
  background-image: url('/child/img/common/pagination-next.png');
}

.board-body .board-gallery > li:hover a::after {
  border-width:6px;
  opacity:1;
}

.board-body .board-gallery > li:hover .card__bottom .icon {
  transform: translateX(10px);
}

/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1199px) {

  .board-head .total p {
    font-size:1.8rem;
  }

  .board-head .search-select select {
    padding:10px 50px 10px 10px;
    font-size:1.4rem;
  }

  .board-head .search-input input {
    padding:10px 50px 10px 10px;
    font-size:1.4rem;
  }

  .board-head .search-input .search-button {
    width:37px;
    height:37px;
    background-size: auto 14px;
  }

}
/* Medium devices (tablets, less than 992px) - md */
@media (max-width: 991px) {

}
/* Small devices (landscape phones, less than 768px) - sm */
@media (max-width: 767px) {

  .board-head .total p {
    font-size:1.6rem;
  }

  .board-head .search-select select {
    font-size:1.3rem;
  }

  .board-head .search-input input {
    font-size:1.3rem;
  }

  .board-head .search-input .search-button {
    width:36px;
    height:36px;
    background-size: auto 14px;
  }

}
/* Extra small devices (portrait phones, less than 576px) - xl */
@media (max-width: 575px) {

  .board-head {
    -webkit-box-orient: vertical;
    -ms-flex-direction: column;
    flex-direction: column;
    -webkit-box-align: start;
    -ms-flex-align: start;
    align-items: flex-start;
  }

  .board-head .total {
    order:2;
    margin-top:20px;
  }

  .board-head .search {
    order:1;
    width:100%;
  }

  .board-body .board-gallery > li {
    flex:1 1 50%;
  }

}

/* Board List */
.board-body .board-list {
  width:100%;
  table-layout: fixed;
  background-color:#fff;
  border-top:2px solid #008e84;
}

.board-body .board-list .board-header {
  display:table-header-group;
}

.board-body .board-list tr {
  border-bottom:1px solid #c6c6c6;
}

.board-body .board-list tr.board-latest {
  background-color: #f1f1f1;
}

.board-body .board-list th, .board-body .board-list td {
  height:60px;
  font-size:1.8rem;
  padding:10px;
}

.board-body .board-list tr.board-latest th,
.board-body .board-list tr.board-latest td {
  font-weight:500;
}

.board-body .board-list th {
  color:#000000;
}

.board-body .board-list td {
  color:#121212;
}

.board-body .board-list .icon {
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
}

.board-body .board-list .icon--file {
  width:2.4rem;
  height: 2.9rem;
  background-size: 100%;
  background-image: url('/child/img/common/file-icon.png');
}

/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1199px) {

  .board-body .board-list th, .board-body .board-list td {
    height:50px;
    font-size:1.6rem;
  }


}
/* Medium devices (tablets, less than 992px) - md */
@media (max-width: 991px) {

  .board-body .board-list .board-header {
    display: none;
  }

  .board-body .board-list tr {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: flex-start;
    padding: 5px 10px;
    border-bottom: 1px solid #ddd;
  }

  .board-body .board-list th, .board-body .board-list td {
    height:auto;
    padding:5px 10px;
  }

  .board-body .board-list td.board-list__txt {
    position:relative;
  }

  .board-body .board-list td.board-list__txt::before{
    content:'';
    position:absolute;
    top:50%;
    left:0;
    -webkit-transform: translate(0,-50%);
    -ms-transform: translate(0,-50%); transform: translate(0,-50%);
    display: block;
    width: 1px;
    height: 8px;
    background-color: #ccc;
  }

  .board-body .board-list td.board-list__txt--first::before{
    display:none;
  }

  .board-body .board-list td.board-list__tit {
    width: 100%;
    font-weight: 600;
    text-align: left;
  }

  .board-body .board-list td:nth-child(1) {
    order:2;
    display: none;
  }

  .board-body .board-list td:nth-child(2) {
    order:3;
  }

  .board-body .board-list td:nth-child(3) {
    order:1;
  }

  .board-body .board-list td:nth-child(4) {
    order:4;
  }

  .board-body .board-list td:nth-child(5) {
    display: none;
  }

  .board-body .board-list td:nth-child(6) {
    order:6;
  }

}
/* Small devices (landscape phones, less than 768px) - sm */
@media (max-width: 767px) {

  .board-body .board-list th, .board-body .board-list td {
    font-size:1.5rem;
  }

}
/* Extra small devices (portrait phones, less than 576px) - xl */
@media (max-width: 575px) {

}


/* Gallery */
.board-body .board-gallery {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  <del>-webkit-box-lines: multiple;</del>
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin: -15px;
}

.board-body .board-gallery > li {
  flex:1 1 33.33%;
  padding:15px;
}

.board-body .board-gallery a {
  display:block;
  position: relative;
}

.board-body .board-gallery a::after {
  content:'';
  position:absolute;
  top:0;
  left:0;
  right:0;
  bottom:0;
  display:block;
  border:0 solid #008e84;
  opacity:0;
  transition:opacity.3s, border.3s;
  pointer-events:none;
}

.board-body .board-gallery .card {
  padding:40px;
  border:1px solid #8d8d8d;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
}

.board-body .board-gallery .card p {
  font-size:1.8rem;
  font-weight:400;
  color:#555555;
}

.board-body .board-gallery .card p.card__category {
  font-weight:300;
  color:#8d8d8d;
}

.board-body .board-gallery .card p.card__title {
  font-size:2.4rem;
  font-weight:600;
  color:#292929;
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  margin-top:20px;
}

.board-body .board-gallery .card p.card__text {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  margin-top:20px;
  line-height:1.4;
}

.board-body .board-gallery .card p.card__data {
  font-weight:300;
}

.board-body .board-gallery .card__bottom {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top:60px;
}

.board-body .board-gallery .card__bottom .icon {
  width:18px;
  height:17px;
  background-size:auto 17px;
  background-position: center;
  background-repeat: no-repeat;
  background-image: url('/child/img/common/view-arrow.png');
  transition:transform .3s ease;
}


/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1199px) {

  .board-body .board-gallery {
    margin: -8px;
  }

  .board-body .board-gallery > li {
    padding:8px;
  }

  .board-body .board-gallery .card {
    padding:26px;
  }

  .board-body .board-gallery .card p {
    font-size:1.6rem;
  }

  .board-body .board-gallery .card p.card__title {
    font-size:2rem;
    margin-top:16px;
  }

  .board-body .board-gallery .card p.card__text {
    margin-top: 16px;
  }

  .board-body .board-gallery .card__bottom {
    margin-top:26px;
  }

  .board-body .board-gallery .card__bottom .icon {
    width:16px;
    height:15px;
    background-size: auto 15px;
  }


}
/* Medium devices (tablets, less than 992px) - md */
@media (max-width: 991px) {

}
/* Small devices (landscape phones, less than 768px) - sm */
@media (max-width: 767px) {

  .board-body .board-gallery > li {
    padding:4px;
  }

  .board-body .board-gallery .card {
    padding:20px;
  }

  .board-body .board-gallery .card p {
    font-size:1.5rem;
  }

  .board-body .board-gallery .card p.card__title {
    font-size:1.8rem;
    margin-top:12px;
  }

  .board-body .board-gallery .card p.card__text {
    margin-top:12px;
  }

  .board-body .board-gallery .card__bottom {
    margin-top:20px;
  }

  .board-body .board-gallery .card__bottom .icon {
    display: none;
  }

}
/* Extra small devices (portrait phones, less than 576px) - xl */
@media (max-width: 575px) {

}


/* Board View */
.board-top--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: end;
  -ms-flex-pack: end;
  justify-content: flex-end;
  margin-bottom:40px;
}

.board-top--button .button {
  padding:12px 15px;
  font-size:1.8rem;
  font-weight:500;
  max-width:220px;
  width:100%;
  background-color: #333;
  color:#fff;
}

.board-view--table {
  table-layout: fixed;
  width:100%;
  border-top:2px solid #008e84;
  border-bottom:2px solid #ddd;
  border-collapse: collapse;
}

.board-view--table th, .board-view--table td {
  padding:14px 15px;
  text-align: left;
  border-bottom:1px solid #ddd;
  font-size:1.6rem;
  height:60px;
}

.board-view--table tr:last-child td {
  border-bottom:none;
}

.board-view--table th {
  background-color: #fbfbfb;
}

.board-view--table .table-content {
  vertical-align: top;
  height:150px;
}

.board-bottom--button {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  margin-top:40px;
}

.board-bottom--button .button {
  padding:12px 15px;
  font-size:1.8rem;
  font-weight:500;
  max-width:220px;
  width:100%;
  background-color: #008e84;
  color:#fff;
}


/* Large devices (desktops, less than 1200px) - lg */
@media (max-width: 1199px) {

  .board-top--button {
    margin-bottom:26px;
  }

  .board-top--button .button {
    font-size:1.6rem;
  }

  .board-view--table th, .board-view--table td {
    font-size:1.4rem;
    height:50px;
  }

  .board-bottom--button {
    margin-top:26px;
  }

  .board-bottom--button .button {
    font-size:1.6rem;
  }

}
/* Medium devices (tablets, less than 992px) - md */
@media (max-width: 991px) {

}
/* Small devices (landscape phones, less than 768px) - sm */
@media (max-width: 767px) {

  .board-top--button .button {
    font-size:1.5rem;
  }

  .board-view--table th, .board-view--table td {
    font-size:1.3rem;
    height:auto;
  }

  .board-bottom--button .button {
    font-size:1.5rem;
  }

}
/* Extra small devices (portrait phones, less than 576px) - xl */
@media (max-width: 575px) {

}


/* 20240731 추가 퍼블*/
@media (max-width:1024px) {
	.board-body--fund .board-list td.board-list__txt::before {
		display: none !important;
	}

	.board-list__file  {
		display: none;
	}
}