nn6
<div class="pdf-a4-wrapper" style="display: flex; flex-direction: column; align-items: center;">
<!-- Page 6 -->
<div class="pdf-page white" data-page-name="비정형 세로 확장 대칭" style="padding: 10mm;">
<div class="photo-group column" data-group="group6" style="display: flex; flex-direction: column; gap: 4mm;">
<div style="display: flex; justify-content: flex-end;">
<a href="/files/attach/images/2025/04/30/3070f8408b63e9f38480d383f44d402e.jpg" data-lightbox="group6" data-title="첫 번째 사진 (오른쪽 정렬)">
<img src="/files/attach/images/2025/04/30/3070f8408b63e9f38480d383f44d402e.jpg" alt="첫 번째 사진" style="width: 100mm; aspect-ratio: 2 / 3;">
</a>
</div>
<div style="display: flex; justify-content: flex-start; align-items: flex-start; gap: 10mm;">
<a href="/files/attach/images/2025/04/30/9f048bd4f40aaf8df2606d5e33e8d6fa.jpg" data-lightbox="group6" data-title="세로 사진 (왼쪽 정렬)">
<img src="/files/attach/images/2025/04/30/9f048bd4f40aaf8df2606d5e33e8d6fa.jpg" alt="세로 사진" style="width: 60mm; aspect-ratio: 2 / 3; margin-left: 10mm;">
</a>
<div class="text-box bordered left-align" style="width: calc(100% - 80mm); box-sizing: border-box;">
<h2 class="title">비정형 세로 확장 대칭</h2>
<p class="body">페이지 5와 대칭이 되도록 반대편에 사진과 텍스트를 배치한 구성입니다. 공간을 바라보는 시선의 흐름이 전환됩니다.</p>
<p class="desc">이번에는 텍스트가 우측, 사진이 좌측에 위치하여 시각적 중심이 반대로 흐릅니다.</p>
</div>
</div>
</div>
<div class="pdf-footer center">6. 비정형 세로 확장 대칭 -</div>
</div>
</div>
by eGrida posted Apr 30, 2025
