3P : 13
<!-- A4 페이지 영역 -->
<div class="pdf-a4-wrapper" style="display: flex; flex-direction: column; align-items: center;">
<!-- Page 13 -->
<div class="pdf-page white" data-page-name="13페이지" style="padding: 10mm 10mm;">
<!-- 상단 문구 -->
<div class="pdf-header left">좌우 조화로운 균형</div>
<!-- 사진 그룹 -->
<div class="photo-group" data-group="group13">
<!-- 왼쪽 세로사진 -->
<div class="left-vertical">
<a href="/files/attach/images/2025/05/02/aa07b088d1ca1fe5bc1066db591611e5.jpg" data-lightbox="group13">
<img src="/files/attach/images/2025/05/02/aa07b088d1ca1fe5bc1066db591611e5.jpg" alt="세로사진" />
</a>
</div>
<!-- 오른쪽 정방형 사진 2열 -->
<div class="right-square-stack">
<a href="/files/attach/images/2025/05/02/3d168a98754aad0cb3f05c5a17ee7f58.jpg" data-lightbox="group13">
<img src="/files/attach/images/2025/05/02/3d168a98754aad0cb3f05c5a17ee7f58.jpg" alt="정방형 사진 1" />
</a>
<a href="/files/attach/images/2025/05/02/20cf3d6df5c568787a15ef45f0dcb253.jpg" data-lightbox="group13">
<img src="/files/attach/images/2025/05/02/20cf3d6df5c568787a15ef45f0dcb253.jpg" alt="정방형 사진 2" />
</a>
</div>
</div>
<!-- 📌 글상자 추가 -->
<div class="text-box bordered left-align">
<h2 class="title">형태의 대조, 시선의 리듬</h2>
<p class="body">긴 세로 프레임과 정방형 이미지가 나란히 배치되며 시각적인 균형을 형성합니다. 서로 다른 형태의 대비는 단순한 구조 속에서도 풍부한 리듬감을 만들어냅니다.</p>
<p class="desc">사진은 말하지 않지만, 서로 다른 모양의 구도가 교차하며 감상의 속도를 조절합니다.</p>
</div>
<!-- 페이지 번호 -->
<div class="pdf-footer center">13. 좌우 배치 -</div>
</div>
</div>
by eGrida posted May 02, 2025
