/* pg110 회사인증 전용 — 공통 규칙(jungshin.css) 위에 얹는다.
   회사소개서 14페이지. 인증서는 PPT 내부 원본(300~385px)을 그대로 쓴다.
   카드에서는 원본 이하 크기로 보여 선명도를 지키고, 누르면 크게 볼 수 있다. */

.ct-grid{
  list-style:none;margin:0;padding:0 0 88px;
  display:grid;grid-template-columns:repeat(4,1fr);gap:26px 22px;
}
.ct-item{display:flex;flex-direction:column}
.ct-shot{
  display:block;width:100%;padding:20px 18px;
  background:#fff;border:1px solid var(--jn-line);border-radius:12px;
  cursor:zoom-in;transition:border-color .18s ease, box-shadow .18s ease, transform .18s ease;
}
.ct-shot:hover{
  border-color:#c3d4e8;box-shadow:0 14px 30px -20px rgba(11,27,51,.5);transform:translateY(-2px);
}
.ct-shot img{
  display:block;width:100%;height:auto;max-height:300px;object-fit:contain;object-position:center;
}
.ct-name{
  font-size:14.5px;font-weight:700;letter-spacing:-.01em;color:var(--jn-ink);
  margin:14px 0 0;text-align:center;line-height:1.45;
}
.ct-sub{display:block;font-size:12.5px;font-weight:500;color:var(--jn-muted);margin-top:4px}

/* 확대 보기 */
.ct-modal{position:fixed;inset:0;z-index:9999;display:none}
.ct-modal.is-open{display:block}
.ct-modal-dim{position:absolute;inset:0;background:rgba(10,35,64,.62);backdrop-filter:blur(3px)}
.ct-modal-box{
  position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);
  max-width:min(760px,calc(100vw - 40px));max-height:88vh;
  background:#fff;border-radius:14px;padding:22px;
  box-shadow:0 40px 90px -30px rgba(10,35,64,.6);
  display:flex;flex-direction:column;gap:14px;
}
.ct-modal-box img{max-width:100%;max-height:74vh;object-fit:contain;display:block;margin:0 auto}
.ct-modal-cap{font-size:14.5px;font-weight:700;color:var(--jn-ink);text-align:center;margin:0}
.ct-modal-close{
  position:absolute;right:-6px;top:-46px;width:38px;height:38px;
  border:0;border-radius:50%;background:rgba(255,255,255,.92);color:#0b1b33;
  font-size:20px;line-height:1;cursor:pointer;
}

@media (max-width:1100px){
  .ct-grid{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:820px){
  .ct-grid{grid-template-columns:repeat(2,1fr);gap:20px 14px;padding-bottom:54px}
  .ct-shot{padding:14px 12px}
  .ct-shot img{max-height:220px}
  .ct-name{font-size:13px;margin-top:10px}
  .ct-modal-box{padding:16px}
  .ct-modal-close{top:-42px;right:0}
}