@charset "utf-8";
/* ============================================================
   MEGA X 2026 — 각종 인증서 및 표창장 목록 (new-mx-paper)
   megaxlaw.com 수상·위임장 갤러리와 같은 구성.
   메인 인증서 구간(.cert)의 카드 언어를 흰 배경용으로 옮겼다.
   ============================================================ */

.pp-sec{padding:88px 0 120px;background:#fff}

.pp-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;
  flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}
.pp-count{font-size:14px;color:#6E7488}
.pp-count b{font-size:17px;font-weight:800;color:var(--navy)}

.pp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;margin-top:34px}

.pp-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);
  padding:16px;text-decoration:none;color:inherit;
  transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}
.pp-card:hover{transform:translateY(-5px);box-shadow:var(--shadow);border-color:#C9D2E2}

.pp-img{display:flex;align-items:center;justify-content:center;height:290px;
  background:#F4F5F8;overflow:hidden}
.pp-img img{max-width:100%;max-height:100%;object-fit:contain}
.pp-noimg{font-size:13px;font-weight:600;color:#8A91A1}

.pp-cap{display:block;margin-top:14px;text-align:center;font-size:14px;font-weight:700;
  line-height:1.5;letter-spacing:-.01em;color:var(--ink);word-break:keep-all}
.pp-card:hover .pp-cap{color:var(--navy)}

.pp-empty{margin-top:60px;padding:56px 20px;text-align:center;font-size:15.5px;
  color:#6E7488;background:#F8F9FB;border:1px dashed var(--line)}
.pp-pager{margin-top:52px;text-align:center}
.pp-pager .pg_page,.pp-pager .pg_current,.pp-pager strong{display:inline-flex;align-items:center;
  justify-content:center;min-width:42px;height:42px;margin:0 3px;padding:0 12px;
  border:1px solid var(--line);background:#fff;color:#4E5666;font-size:14px;font-weight:700;
  text-decoration:none}
.pp-pager .pg_current,.pp-pager strong{background:var(--navy);border-color:var(--navy);color:#fff}
.pp-pager .pg_page:hover{border-color:var(--navy);color:var(--navy)}
.pp-admin{margin-top:34px;text-align:right}

.pp-cta{margin-top:74px;padding:44px 40px;background:var(--navy);color:#fff;
  display:flex;align-items:center;justify-content:space-between;gap:26px;flex-wrap:wrap}
.pp-cta p{font-size:clamp(17px,1.6vw,21px);font-weight:700;letter-spacing:-.02em;word-break:keep-all}
.pp-cta .btn{flex:0 0 auto}

@media (max-width:1200px){
  .pp-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:1024px){
  .pp-sec{padding:64px 0 92px}
  .pp-img{height:250px}
}
@media (max-width:760px){
  .pp-sec{padding:48px 0 72px}
  .pp-grid{grid-template-columns:repeat(2,1fr);gap:12px}
  .pp-card{padding:10px}
  .pp-img{height:190px}
  .pp-cap{font-size:13px}
  .pp-cta{padding:32px 22px;text-align:center;justify-content:center}
}