@charset "UTF-8";
/* [MEGA X] 각종 인증서 및 표창장 (mx-paper) */

.pp-bar{display:flex;align-items:center;justify-content:space-between;
  padding-bottom:16px;border-bottom:1px solid var(--line);margin-bottom:30px}
.pp-count{font-size:15px;color:var(--muted)}
.pp-count b{color:var(--accent);font-weight:800}

.pp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}
.pp-card{display:block;text-decoration:none;color:inherit}
.pp-img{display:block;position:relative;padding-top:138%;
  border:1px solid var(--line);border-radius:var(--r-m);overflow:hidden;
  background:#f4f6fa;transition:border-color .2s,box-shadow .2s,transform .2s}
.pp-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;
  object-position:center;padding:10px;background:#fff}
.pp-noimg{position:absolute;inset:0;display:grid;place-items:center;
  color:#9aa3b5;font-size:13px}
.pp-card:hover .pp-img{border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}
.pp-cap{display:block;margin-top:13px;font-size:14.5px;font-weight:600;
  line-height:1.5;color:var(--ink);word-break:keep-all}
.pp-card:hover .pp-cap{color:var(--accent)}

.pp-empty{text-align:center;color:var(--muted);padding:80px 0}
.pp-pager{display:flex;justify-content:center;margin-top:46px}
.pp-admin{display:flex;justify-content:center;gap:8px;margin-top:30px}

.pp-btn{display:inline-flex;align-items:center;justify-content:center;
  height:46px;padding:0 26px;border-radius:999px;border:1px solid var(--accent);
  background:var(--accent);color:#fff;font-size:15px;font-weight:700;
  text-decoration:none;cursor:pointer;transition:.18s}
.pp-btn:hover{background:var(--accent2);border-color:var(--accent2)}
.pp-btn.ghost{background:#fff;color:var(--accent)}
.pp-btn.ghost:hover{background:var(--box1)}

/* 상세 */
.pp-view-wrap{max-width:840px}
.pp-view-tit{font-size:clamp(21px,2.6vw,27px);font-weight:800;line-height:1.45;
  color:var(--ink);text-align:center;word-break:keep-all;margin-bottom:28px}
.pp-view-img{border:1px solid var(--line);border-radius:var(--r-m);
  background:#fff;padding:18px;text-align:center}
.pp-view-img img{max-width:100%;height:auto;display:block;margin:0 auto}
.pp-view-body{margin-top:26px;font-size:16px;line-height:1.8;color:#4a5468;word-break:keep-all}
.pp-view-nav{display:flex;align-items:center;justify-content:center;gap:10px;
  flex-wrap:wrap;margin-top:44px}
.pp-nav{display:inline-flex;flex-direction:column;gap:3px;max-width:250px;
  padding:11px 18px;border:1px solid var(--line);border-radius:var(--r-m);
  text-decoration:none;color:var(--ink);transition:.18s}
.pp-nav:hover{border-color:var(--accent);color:var(--accent)}
.pp-nav span{font-size:12px;color:var(--muted)}
.pp-nav strong{font-size:14px;font-weight:600;white-space:nowrap;
  overflow:hidden;text-overflow:ellipsis}

/* 등록·수정 */
.pp-write-wrap{max-width:760px}
.pp-f{display:grid;grid-template-columns:130px 1fr;gap:20px;align-items:start;
  padding:22px 0;border-bottom:1px solid var(--line)}
.pp-f>label{font-size:15px;font-weight:700;color:var(--ink);padding-top:12px}
.pp-f .req{color:#c0392b}
.pp-f input[type=text],.pp-f textarea{width:100%;border:1px solid var(--line);
  border-radius:var(--r-s);padding:12px 14px;font-size:15px;font-family:inherit;
  color:var(--ink);background:#fff}
.pp-f input[type=text]:focus,.pp-f textarea:focus{outline:none;border-color:var(--accent)}
.pp-f textarea{resize:vertical;line-height:1.7}
.pp-f .help{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.6}
.pp-file-cur{margin-top:10px;font-size:13.5px;color:var(--ink)}
.pp-file-cur label{margin-left:10px;color:var(--muted);cursor:pointer}
.pp-write-btns{display:flex;justify-content:center;gap:10px;margin-top:34px}

@media (max-width:1024px){
  .pp-grid{grid-template-columns:repeat(3,1fr);gap:18px}
}
@media (max-width:768px){
  .pp-grid{grid-template-columns:repeat(2,1fr);gap:14px}
  .pp-cap{font-size:13.5px;margin-top:10px}
  .pp-view-img{padding:12px}
  .pp-f{grid-template-columns:1fr;gap:10px;padding:18px 0}
  .pp-f>label{padding-top:0}
  .pp-nav{max-width:100%;flex:1 1 100%}
}