.cert-library { padding-block:70px 75px; }
.cert-library-heading { display:flex; justify-content:space-between; align-items:flex-end; gap:35px; margin-bottom:36px; }
.cert-library-heading h2 { font-size:38px; line-height:1.25; font-weight:500; }
.cert-library-heading p { margin-top:18px!important; color:#52636e; font-size:17px; }
.cert-library-heading>span { flex-shrink:0; font-size:16px; color:#52636e; }
.cert-library-heading b { color:#0867b2; font-size:24px; font-weight:500; }
.cert-filters { display:flex; flex-wrap:wrap; gap:10px 28px; border-block:1px solid #dce3e7; padding-block:8px; margin-bottom:40px; }
.cert-filters button { min-height:48px; border:0; padding:10px 0; background:none; color:#52636e; font:500 17px/1.5 Pretendard,sans-serif; cursor:pointer; }
.cert-filters button span { font-size:13px; margin-left:7px; }
.cert-filters button[aria-pressed=true] { color:#0867b2; text-decoration:underline; text-underline-offset:10px; text-decoration-thickness:2px; }
.cert-filters[hidden],.cert-item[hidden] { display:none; }
.cert-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:48px 32px; }
.cert-item { display:flex; flex-direction:column; min-width:0; }
.cert-preview { display:block; background:#f3f5f6; padding:26px 25px 14px; }
.cert-preview img { display:block; width:100%; height:340px; object-fit:contain; }
.cert-preview>span { display:flex; justify-content:space-between; margin-top:15px; color:#52636e; font-size:14px; }
.cert-preview:hover { background:#eaf0f3; }
.cert-item-meta { display:flex; justify-content:space-between; gap:12px; margin:22px 0 12px; color:#52636e; font-size:13px; }
.cert-item h3 { font-size:24px; line-height:1.35; font-weight:550; }
.cert-subtitle { font-size:15px; color:#52636e; margin-top:9px!important; }
.cert-number { font-size:15px; margin-top:15px!important; }
.cert-detail { font-size:15px; color:#52636e; line-height:1.8; margin-top:7px!important; }
.cert-date { color:#52636e; font-size:13px; margin-block:12px 20px!important; }
.cert-download { display:flex; align-items:center; justify-content:space-between; min-height:48px; border-block:1px solid #dce3e7; margin-top:auto; font-size:15px; }
.cert-library-note { margin-top:60px; padding-top:30px; border-top:1px solid #9ba9b2; }
.cert-library-note h3 { font-size:22px; font-weight:500; }
.cert-library-note p { max-width:1100px; color:#52636e; font-size:15px; margin-top:15px!important; line-height:1.85; }
.cert-library-note .s4-text-link { margin-top:20px; }
.cert-dialog { border:0; padding:0; width:min(1000px,calc(100% - 40px)); max-height:92dvh; color:#182a35; background:#fff; font-family:Pretendard,"Noto Sans KR",sans-serif; }
.cert-dialog::backdrop { background:#061422bf; }
.cert-dialog-top { display:flex; justify-content:space-between; align-items:center; gap:20px; padding:20px 25px; background:white; }
.cert-dialog h2 { margin:0; font-size:23px; font-weight:550; line-height:1.4; word-break:keep-all; }
.cert-dialog-top p { margin:7px 0 0; font-size:14px; color:#52636e; }
.cert-dialog button,.cert-dialog a { display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:8px 14px; border:1px solid #bec9d0; background:white; color:#182a35; font:500 15px/1.5 Pretendard,sans-serif; cursor:pointer; text-decoration:none; }
.cert-dialog button:disabled { opacity:.4; cursor:default; }
.cert-dialog-top>button { flex-shrink:0; }
.cert-dialog-pages { display:flex; flex-wrap:wrap; justify-content:space-between; gap:10px; padding:0 25px 18px; }
.cert-dialog-image { background:#e8ecef; padding:20px; overflow:auto; max-height:calc(92dvh - 155px); }
.cert-dialog-image img { display:block; width:100%; height:auto; }
@media(max-width:1100px) { .cert-grid { grid-template-columns:repeat(2,minmax(0,1fr)); gap:40px 25px; }.cert-preview img { height:330px; } }
@media(max-width:600px) {
 .cert-library { padding-block:45px 50px; }.cert-library-heading { display:block; margin-bottom:25px; }.cert-library-heading h2 { font-size:28px; }.cert-library-heading p { font-size:16px; }.cert-library-heading>span { display:block; margin-top:20px; }.cert-filters { gap:4px 22px; margin-bottom:28px; }.cert-filters button { font-size:15px; }.cert-grid { grid-template-columns:1fr; gap:35px; }.cert-preview { padding:24px 25px 14px; }.cert-preview img { height:340px; }.cert-item h3 { font-size:23px; }.cert-library-note { margin-top:40px; }.cert-dialog { width:calc(100% - 16px); max-height:95dvh; }.cert-dialog-top { padding:15px; gap:12px; }.cert-dialog h2 { font-size:19px; }.cert-dialog-pages { padding:0 12px 12px; gap:6px; }.cert-dialog button,.cert-dialog a { padding:7px 9px; font-size:13px; }.cert-dialog-image { padding:8px; max-height:calc(95dvh - 150px); }
}

.cert-dialog-image img.is-zoomed { width:1400px; max-width:none; }