nn3

<div class="pdf-a4-wrapper" style="display: flex; flex-direction: column; align-items: center;"> <!-- Page 3 --> <div class="pdf-page white" data-page-name="비정형 배치 실험" style="padding: 10mm;"> <div class="photo-group column" data-group="group3" style="display: flex; flex-direction: column; gap: 4mm;"> <div style="display: flex; justify-content: flex-start;"> <a href="/files/attach/images/2025/04/30/07d53c7f66823a13c8c27ecc3816d0b6.jpg" data-lightbox="group3" data-title="수직 시선의 프레임"> <img src="/files/attach/images/2025/04/30/07d53c7f66823a13c8c27ecc3816d0b6.jpg" alt="수직 시선의 프레임" style="width: 100mm; aspect-ratio: 2 / 3;"> </a> </div> <div style="display: flex; justify-content: center;"> <a href="/files/attach/images/2025/04/30/71b37f3dfe6d58dd3a3f92c7b0f5f778.jpg" data-lightbox="group3" data-title="수평 시선의 연결"> <img src="/files/attach/images/2025/04/30/71b37f3dfe6d58dd3a3f92c7b0f5f778.jpg" alt="수평 시선의 연결" class="horizontal" style="width: 100mm; aspect-ratio: 3 / 2;"> </a> </div> </div> <div class="text-box bordered left-align" style="margin-top: 10mm; width: calc(100% - 20mm); margin-left: auto; margin-right: auto; box-sizing: border-box;"> <h2 class="title">비정형 레이아웃</h2> <p class="body">일반적인 갤러리 구성에서 벗어난 이 시도는 사진의 배치만으로도 리듬감을 줄 수 있음을 보여줍니다.</p> <p class="desc">비대칭성과 불균형에서 오는 시각적 긴장감이 오히려 집중력을 유도합니다.</p> </div> <div class="pdf-footer center">3. 비정형 배치 실험 -</div> </div> </div>