#portfolio-container { max-width:1200px; margin:0 auto; padding:40px 15px; font-family:'Noto Sans KR',sans-serif; }
.pf-header { display:flex; justify-content:space-between; align-items:center; margin-bottom:25px; }
.pf-btn { background:#009688; color:#fff; border:0; padding:8px 14px; border-radius:5px; cursor:pointer; }
.pf-list { display:grid; grid-template-columns:repeat(auto-fill,minmax(280px,1fr)); gap:25px; }
.pf-item { background:#fff; border-radius:12px; overflow:hidden; box-shadow:0 3px 8px rgba(0,0,0,0.1); transition:.3s; }
.pf-item:hover { transform:translateY(-5px); }
.pf-thumb { height:200px; background-size:cover; background-position:center; position:relative; }
.pf-controls { position:absolute; top:8px; right:8px; display:flex; gap:5px; }
.pf-controls button { background:rgba(0,0,0,0.6); color:#fff; border:0; padding:5px 8px; font-size:12px; border-radius:4px; cursor:pointer; }
.pf-info { padding:15px; text-align:center; }
.pf-view { margin-top:10px; background:#333; color:#fff; padding:6px 15px; border-radius:4px; cursor:pointer; }

.pf-modal { display:none; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.6); justify-content:center; align-items:center; z-index:9999; }
.pf-modal-content { background:#fff; padding:25px; border-radius:10px; width:90%; max-width:600px; position:relative; max-height:90vh; overflow:auto; }
.pf-modal-close { position:absolute; right:15px; top:10px; border:0; background:none; font-size:24px; cursor:pointer; }
#pf-form label { display:block; margin-top:10px; font-weight:600; }
#pf-form input[type=text], #pf-form textarea { width:100%; padding:8px; border:1px solid #ddd; border-radius:4px; margin-top:5px; }
#pf-form button { margin-top:15px; width:100%; }
/* 기존 내용 유지 후 추가 */

.pf-filter {
  display:flex;
  flex-wrap:nowrap;
  overflow-x:auto;
  justify-content:center;
  margin-bottom:25px;
  gap:10px;
  padding:5px 0;
  scroll-behavior:smooth;
}

.pf-filter-btn {
  background:#f1f1f1;
  border:1px solid #ddd;
  padding:8px 18px;
  border-radius:30px;
  font-size:14px;
  color:#333;
  cursor:pointer;
  transition:all .25s;
  white-space:nowrap;
}

.pf-filter-btn:hover {
  background:#009688;
  color:#fff;
}

.pf-filter-btn.active {
  background:#009688;
  color:#fff;
  border-color:#009688;
}