/**
 * 공통 WEB
 * @author JSCHOI@YUNILAB
 * @since  2021
 * @version 1.0
 * @see
 * Copyright (C)  All right reserved.
*/

.box-board-latest{
	min-height: 800px;
}

.box-board-latest .nav-tabs {
  border: 0;
}

.box-board-latest .nav-link {
  border: 0;
  padding: 20px;
  color: #555555;
  border-radius: 0;
  border-left: 5px solid #fff;
  cursor: pointer;
}

.box-board-latest .nav-link h4 {
  font-size: 18px;
  font-weight: 600;
  transition: 0.3s;
}

.box-board-latest .nav-link p {
  font-size: 14px;
  margin-bottom: 0;
}

.box-board-latest .nav-link:hover h4 {
  color: #3fbbc0;
}

.box-board-latest .nav-link.active {
  background: #f7fcfc;
  border-color: #3fbbc0!important;
}

.box-board-latest .nav-link.active h4 {
  color: #3fbbc0;
}

.box-board-latest .tab-pane.active {
  -webkit-animation: slide-down 0.5s ease-out;
  animation: slide-down 0.5s ease-out;
}

.box-board-latest .tab-pane img {
  float: left;
  max-width: 300px;
  padding: 0 15px 15px 0;
}

@media (max-width: 768px) {
  .box-board-latest .tab-pane img {
    float: none;
    padding: 0 0 15px 0;
    max-width: 100%;
  }
}

.box-board-latest .tab-pane h3 {
  font-size: 26px;
  font-weight: 600;
  margin-bottom: 20px;
  color: #3fbbc0;
}

.box-board-latest .tab-pane p {
  color: #777777;
}

.box-board-latest .tab-pane p:last-child {
  margin-bottom: 0;
}
.box-board-latest .nav-tabs .nav-link {
       border: 0;
    padding: 20px;
    color: #555555;
    border-radius: 0;
    border-left: 5px solid #fff;
    cursor: pointer;
    border-top-left-radius: initial;
    border-top-right-radius: initial;
}
@-webkit-keyframes slide-down {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}

@keyframes slide-down {
  0% {
    opacity: 0;
  }

  100% {
    opacity: 1;
  }
}