/* --- 재직증명서 전용 프린트 스타일 --- */

@media print {
    /* 기존 여백 설정을 재직증명서 폼에 맞게 조정 */
    @page {
        size: A4 portrait;
        margin: 15mm;
    }
}

/* 1건당 A4 1장을 차지하도록 설정 */
.certificate-page {
    width: 210mm; /* A4 너비 */
    height: 297mm; /* A4 높이 */
    padding: 30mm 20mm;
    box-sizing: border-box;
    page-break-after: always; /* [핵심] 다음 데이터는 다음 장에 출력되도록 강제 분할 */
    position: relative;
    background-color: #fff;
}

    /* 마지막 페이지 뒤에는 불필요한 빈 페이지가 생기지 않도록 방지 */
    .certificate-page:last-child {
        page-break-after: auto;
    }

.cert-title {
    text-align: center;
    font-size: 32px;
    font-weight: bold;
    letter-spacing: 20px;
    margin-bottom: 50px;
    margin-top: 20px;
    text-indent: 20px; /* 자간 때문에 가운데 정렬이 틀어지는 것 보정 */
}

/* 테이블 스타일 */
.cert-table {
    width: 100%;
    border-collapse: collapse;
    border: 2px solid #333;
}

.cert-th, .cert-td {
    border: 1px solid #333;
    padding: 15px 10px;
    font-size: 16px;
}

.cert-th {
    background-color: #f9f9f9;
    text-align: center;
    width: 20%;
    font-weight: bold;
    letter-spacing: 2px;
}

.cert-td {
    text-align: left;
    width: 30%;
}

/* 하단 서명 영역 */
.cert-footer {
    margin-top: 80px;
    text-align: center;
}

.cert-text {
    font-size: 24px;
    font-weight: bold;
    letter-spacing: 5px;
    margin-bottom: 50px;
}

.cert-date {
    font-size: 18px;
    margin-bottom: 50px;
}

.cert-sign {
    font-size: 24px;
    font-weight: bold;
    display: inline-block; /* 텍스트 너비만큼만 영역을 잡아 직인 배치를 쉽게 함 */
    position: relative;
}

.church-name {
    margin-right: 15px;
}

/* (인) 글자가 있는 기준점 영역 */
.sign-mark {
    position: relative;
    display: inline-block;
    width: 50px;
    text-align: center; /* (인) 텍스트 가운데 정렬 */
}

/* 직인 이미지 셋팅 */
.stamp-img {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%); /* (인) 글자의 완벽한 정중앙에 위치하게 함 */
    height: 120px !important; /* 높이 고정 */
    width: auto !important; /* 원본 비율에 맞춰 자동 조절 */
    /* [핵심] 부모(.sign-mark)의 50px 너비 제한을 무시하고 원래 비율대로 퍼지게 함 */
    max-width: none !important;
    mix-blend-mode: multiply;
    z-index: 10;
}