@charset "utf-8";
/* ============================================================
   MEGA X 2026 — 언론보도 목록 (new-mx-press)
   ------------------------------------------------------------
   카드는 메인 10 언론보도 구간(.press .pz-*)과 같은 언어.
   검색바·페이저는 성공사례(.sc-*)와 같은 규칙을 pz- 이름으로 쓴다.
   ============================================================ */

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

/* ---------- 건수 · 검색 ---------- */
.pz-bar{display:flex;align-items:center;justify-content:space-between;gap:20px;
  flex-wrap:wrap;padding-bottom:18px;border-bottom:1px solid var(--line)}
.pz-count{font-size:14px;color:#6E7488}
.pz-count b{font-size:17px;font-weight:800;color:var(--navy)}
.pz-search{display:flex;gap:8px}
.pz-search input{width:230px;height:44px;padding:0 14px;border:1px solid var(--line);
  font-size:14px;color:var(--ink)}
.pz-search input:focus{outline:none;border-color:var(--navy)}
.pz-search button{height:44px;padding:0 20px;background:var(--navy);color:#fff;
  font-size:14px;font-weight:700}
.pz-search button:hover{background:var(--navy-mid)}

/* ---------- 카드 그리드 ---------- */
.pz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:34px}

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

.pz-card .pz-thumb{position:relative;display:block;aspect-ratio:16/10;overflow:hidden;
  background:var(--gray);border-bottom:1px solid var(--line)}
.pz-card .pz-thumb img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;
  transition:transform .45s ease}
.pz-card:hover .pz-thumb img{transform:scale(1.05)}
.pz-nothumb{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;
  justify-content:center;gap:6px;background:linear-gradient(150deg,#1E3D70 0%,#0F2350 52%,#081127 100%)}
.pz-nothumb b{font-family:"Noto Serif KR",serif;font-size:24px;font-weight:700;
  letter-spacing:.14em;color:rgba(255,255,255,.9)}
.pz-nothumb i{font-style:normal;font-size:11px;font-weight:700;letter-spacing:.22em;color:rgba(200,164,92,.85)}

.pz-card .pz-body{flex:1;display:flex;flex-direction:column;padding:20px 22px 22px}
.pz-card .pz-outlet{display:block;font-size:12px;font-weight:800;letter-spacing:.08em;color:#9B7C3C}
.pz-card .pz-title{display:block;margin-top:9px;font-size:17px;font-weight:800;line-height:1.5;
  letter-spacing:-.02em;color:var(--ink)}
.pz-card:hover .pz-title{color:var(--navy)}
.pz-card .pz-desc{display:block;margin-top:10px;font-size:14px;line-height:1.75;color:#6E7488}
.pz-card .pz-foot{display:flex;align-items:center;justify-content:space-between;gap:10px;
  margin-top:auto;padding-top:16px;border-top:1px solid var(--line)}
.pz-card .pz-foot i{font-style:normal;font-size:12.5px;font-weight:600;color:#8A91A1}
.pz-card .pz-foot b{font-size:13px;font-weight:800;color:var(--navy)}

/* ---------- 결과 없음 · 페이저 · 관리자 · 상담 ---------- */
.pz-empty{margin-top:60px;padding:56px 20px;text-align:center;font-size:15.5px;
  color:#6E7488;background:#F8F9FB;border:1px dashed var(--line)}
.pz-pager{margin-top:52px;text-align:center}
.pz-pager .pg_page,.pz-pager .pg_current,.pz-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}
.pz-pager .pg_current,.pz-pager strong{background:var(--navy);border-color:var(--navy);color:#fff}
.pz-pager .pg_page:hover{border-color:var(--navy);color:var(--navy)}
.pz-admin{margin-top:34px;text-align:right}

.pz-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}
.pz-cta p{font-size:clamp(17px,1.6vw,21px);font-weight:700;letter-spacing:-.02em;word-break:keep-all}
.pz-cta .btn{flex:0 0 auto}

/* ---------- 반응형 ---------- */
@media (max-width:1200px){
  .pz-grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:1024px){
  .pz-sec{padding:64px 0 92px}
}
@media (max-width:760px){
  .pz-sec{padding:48px 0 72px}
  .pz-bar{gap:14px}
  .pz-search{width:100%}
  .pz-search input{flex:1 1 0;width:auto;min-width:0}
  .pz-grid{grid-template-columns:1fr;gap:18px}
  .pz-cta{padding:32px 22px;text-align:center;justify-content:center}
}