new1

<div class="a4-page" style="position: relative;"> <div style="height: 10mm; grid-column: 1 / -1; border-bottom: 1px solid #ccc; display: flex; align-items: center; justify-content: center; font-size: 10px;">머릿말 영역</div> <div style="height: calc(100% - 20mm); grid-column: 1 / -1;"></div> <div style="position: absolute; bottom: 0; left: 0; right: 0; height: 10mm; border-top: 1px solid #ccc; display: flex; align-items: center; justify-content: center; font-size: 10px;">꼬리말 영역</div> </div>