.nav-pills {
  display: flex;
  flex-wrap: wrap;
  padding-left: 0;
  list-style: none;
  margin-bottom: 30px;
}

.nav-pills .nav-link {
  background-color: #f9f9f9;
  color: black;
  border: 1px solid #ccc;
  border-radius: 5px;
  margin-right: 2px;
  padding: 0.2rem 0.8rem;
  text-decoration: none;
  font-size: 0.9rem;
}

.nav-pills .nav-link.active,
.nav-pills .show>.nav-link {
  background-color: #2a75c9;
  color: white;
  border-color: #2a75c9;
}

/* index.html */
.table-responsive {
  margin-top: 15px;
}

.table {
  text-align: center; 
  border-top: 2px solid #2a75c9;
  border-bottom: 2px solid #69b428;
}

.table th {
  border-bottom: 1px solid #dee2e6;
  border-right: 1px solid #eee;
  vertical-align: middle;
}

.table td {
  border-right: 1px solid #eee;
  vertical-align: middle;
}

.table tbody tr {
  border-bottom: 1px solid #eee;
}

.table th:last-child,
.table td:last-child {
  border-right: none;
}

.table td a {
  color: #333;
  text-decoration: none;
}

.table td a:hover {
  color: #2a75c9;
}

.notice-fixed td,
.notice-fixed td a {
  color: #2a75c9;
}

.pagination {
  background-color: #f8f9fa;
  padding: 0.2rem;
}

.page-link {
  border: none;
  background-color: transparent !important;
  color: #2a75c9;
}

.page-item.active .page-link {
  color: #f77809;
}

.btn-secondary {
  background-color: #f8f8f8;
  color: #555;
  border-color: #ccc;
}
.btn-secondary:hover {
  background-color: #eee;
  border-color: #aaa;
}

/* view.html */
.post-header h4 {
    font-size: 1.2rem;
    font-weight: normal;
}
.post-meta-table {
    width: 100%;
    font-size: 0.85rem;
    color: #666;
    margin-top: 1rem;
}
.post-meta-table td {
    padding: 4px 8px;
}
.post-meta-table .text-end {
    text-align: right;
}
.post-body {
    min-height: 250px;
    font-size: 0.95rem;
    padding: 1rem 0;
    line-height: 1.7;
}

.comment-section .btn-send {
    width: 100px;
    background-color: #f8f8f8;
    border: 1px solid #ccc;
}

.btn-bottom {
    background-color: #f8f8f8;
    border: 1px solid #ccc;
    padding: 2px 15px;
    margin: 0 2px;
}

/* RWD 적용 */
@media (max-width: 768px) {

    .col-md-7 {
        padding-left: 10px;
        padding-right: 10px;
    }

    img[alt="학부공지 배너"] {
        margin-bottom: 15px !important;
    }

    .nav-pills .nav-link {
        font-size: 0.8rem;
        padding: 0.2rem 0.5rem;
    }

    .table-responsive.small {
        font-size: 0.85rem;
    }
    
    .table th:nth-child(2),
    .table td:nth-child(2) {
        padding-left: 8px;
    }

    .post-header h4 {
        font-size: 1.1rem; 
    }

    .d-flex.justify-content-end .btn {
        width: 100%;
        margin-top: 5px;
    }
    .d-flex.justify-content-end {
        flex-direction: column;
    }
}