.success-popup {
    display: none;
    position: fixed;
    z-index: 9999;
    left: 0; top: 0;
    width: 100vw; height: 100vh;
    background: rgba(0,0,0,0.4);
    align-items: center;
    justify-content: center;
  }
  .success-popup.active {
    display: flex;
    animation: fadeIn 0.3s;
  }
  @keyframes fadeIn {
    from { opacity: 0; }
    to   { opacity: 1; }
  }
  .popup-content {
    background: #fff;
    border-radius: 16px;
    padding: 2.5rem 2rem 2rem 2rem;
    box-shadow: 0 8px 32px rgba(0,0,0,0.15);
    text-align: center;
    position: relative;
    min-width: 260px;
    max-width: 90vw;
  }
  .popup-icon {
    font-size: 2.5rem;
    margin-bottom: 0.7rem;
  }
  .popup-message {
    font-size: 1.25rem;
    font-weight: 600;
    color: #2c3e50;
  }
  .popup-close {
    position: absolute;
    right: 1rem; top: 1rem;
    font-size: 1.5rem;
    color: #888;
    cursor: pointer;
    transition: color 0.2s;
  }
  .popup-close:hover {
    color: #e74c3c;
  }
  
/* pg.css */

.portfolio-pagination {
    display: flex;
    justify-content: center;
    gap: 0.5rem;
    margin-top: 2rem;
}
.portfolio-pagination button {
    background: #eee;
    border: none;
    border-radius: 4px;
    padding: 0.5rem 1rem;
    cursor: pointer;
    font-size: 1rem;
    transition: background 0.2s;
}
.portfolio-pagination button.active,
.portfolio-pagination button:hover {
    background: #333;
    color: #fff;
}

.portfolio-inner {
    display: none; /* 초기 상태: 숨김 */
}
.portfolio-inner:nth-child(-n+3) {
    display: block; /* 첫 페이지 아이템 보이기 */
}