3P : 14

<div class="pdf-scale-wrapper"> <!-- A4 페이지 영역 --> <div class="pdf-a4-wrapper" style="display: flex; flex-direction: column; align-items: center;"> <!-- Page 14 --> <div class="pdf-page white" data-page-name="14페이지" style="padding: 10mm 10mm;"> <!-- 상단 문구 --> <div class="pdf-header left">반대의 배치, 다른 균형</div> <!-- 사진 그룹 --> <div class="photo-group" data-group="group14"> <!-- 왼쪽: 정방형 사진 2장 --> <div class="left-square-stack"> <a href="/files/attach/images/2025/05/02/628c74f0cac8f286377628cac8044f4d.jpg" data-lightbox="group14"> <img src="/files/attach/images/2025/05/02/628c74f0cac8f286377628cac8044f4d.jpg" alt="정방형1" /> </a> <a href="/files/attach/images/2025/05/02/22f2789842dbc9ef1684f54126289c95.jpg" data-lightbox="group14"> <img src="/files/attach/images/2025/05/02/22f2789842dbc9ef1684f54126289c95.jpg" alt="정방형2" /> </a> </div> <!-- 오른쪽: 세로사진 --> <div class="right-vertical"> <a href="/files/attach/images/2025/05/02/ae787cf5dc14a4560fe9522e9ef91ab4.jpg" data-lightbox="group14"> <img src="/files/attach/images/2025/05/02/ae787cf5dc14a4560fe9522e9ef91ab4.jpg" alt="세로사진" /> </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">14. 반대의 배치 -</div> </div> </div> </div>