nn 1-32
<meta charset="UTF-8" /><meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no" />
<title></title>
<link href="https://cdn.jsdelivr.net/npm/lightbox2@2/dist/css/lightbox.min.css" rel="stylesheet" />
<style type="text/css">/* 공통 기본 스타일 */
/* 공통 기본 스타일 */
body {
font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
margin: 0;
background: #f5f5f5;
}
.page-container {
display: flex;
flex-wrap: wrap;
justify-content: center;
gap: 0mm;
font-size: 0;
}
.a4-page {
width: 210mm;
height: 297mm;
background: white;
position: relative;
overflow: visible;
box-sizing: border-box;
display: inline-block;
zoom: 0.75;
margin: 0;
vertical-align: top;
}
.a4-outline {
position: absolute;
top: 0; left: 0;
width: 100%;
height: 100%;
border: 1px dashed #ccc;
pointer-events: none;
z-index: 1;
}
.header,
.footer {
font-size: 12px;
color: #222;
padding: 8px 20mm;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
z-index: 3;
}
.footer { bottom: 0; }
.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }
.a4-page.color-white .header,
.a4-page.color-white .footer {
color: white;
}
.a4-page.color-black .header,
.a4-page.color-black .footer {
color: black;
}
.a4-page.color-gray .header,
.a4-page.color-gray .footer {
color: gray;
}
.a4-page.color-yellow .header,
.a4-page.color-yellow .footer {
color: yellow;
}
.page-content {
position: relative;
top: 0; left: 0; right: 0; bottom: 0;
padding-bottom: 50px;
z-index: 0;
width: 100%;
height: 100%;
}
/* 공통 페이지와 패널 */
.page {
position: absolute;
overflow: hidden;
}
.panel {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.panel img, .page img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
}
.text-box {
position: absolute;
top: 20mm;
right: 20mm;
width: 50%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
}
.text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.text-box p {
margin: 0 0 6px;
}
@media (max-width: 767px) {
.page-container {
display: flex;
flex-direction: column;
align-items: center;
overflow-x: hidden;
padding: 0;
margin: 0;
}
.a4-page {
width: 210mm;
height: 297mm;
background: white;
position: relative;
overflow: visible;
box-sizing: border-box;
display: inline-block;
zoom: 0.5;
margin: 0;
vertical-align: top;
}
.a4-outline {
display: none;
}
.header,
.footer {
font-size: 11px;
padding: 8px 12px;
color: #000;
background: transparent;
z-index: 3;
}
}
@media print {
html, body {
background: white;
margin: 0;
padding: 0;
height: auto;
overflow: visible;
-webkit-print-color-adjust: exact;
print-color-adjust: exact;
}
.a4-page {
width: 210mm !important;
height: 297mm !important;
margin: 0 auto !important;
box-shadow: none !important;
page-break-after: always;
transform: none !important;
zoom: 1 !important;
}
.a4-outline {
display: none !important;
}
.header,
.footer {
font-size: 10pt;
color: #222 !important;
background: none !important;
text-shadow: none !important;
}
.panel img, .page img {
top: 0 !important;
left: 0 !important;
width: 100% !important;
height: 100% !important;
object-fit: cover !important;
position: absolute !important;
}
a[href]:after {
content: "";
}
}
/* 1페이지 */
.page--1 {
width: 210mm;
height: 297mm;
position: relative;
}
.page--1 .panel--p1 {
position: absolute;
top: 0;
left: 0;
width: 148.5mm;
height: 148.5mm;
}
.page--1 .panel--p2 {
position: absolute;
top: 148.5mm;
left: 0;
width: 148.5mm;
height: 148.5mm;
}
.page--1 .panel--p3 {
position: absolute;
top: 0;
left: 148.5mm;
width: 198mm;
height: 297mm;
}
.page--1 .panel--p3 img {
object-fit: cover;
object-position: left center;
}
/* 2페이지 */
.page--2 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--2 .panel--p1 {
position: absolute;
top: 0;
left: 0;
width: 198mm;
height: 297mm;
}
.page--2 .panel--p1 img {
width: 272mm;
height: 297mm;
object-fit: cover;
object-position: left center;
transform: translateX(-61.5mm);
display: block;
}
.page--2 .text-box {
position: absolute;
top: auto;
bottom: 50mm;
right: 20mm;
width: 50%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--2 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--2 .text-box p {
margin: 0 0 6px;
}
/* 3페이지 */
.page--3 {
width: 210mm;
height: 297mm;
position: relative;
}
.page--3 .panel--p1 {
position: absolute;
top: 74.5mm;
left: 0;
width: 148.5mm;
height: 74mm;
}
.page--3 .panel--p2 {
position: absolute;
top: 148.5mm;
left: 0;
width: 148.5mm;
height: 148.5mm;
}
.page--3 .panel--p3 {
position: absolute;
top: 74.5mm;
left: 148.5mm;
width: 272mm;
height: 222mm;
}
.page--3 .panel--p3 img {
object-fit: cover;
object-position: left center;
}
/* 4페이지 */
.page--4 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--4 .panel--p1 {
position: absolute;
top: 74.5mm;
left: 0;
width: 272mm;
height: 222mm;
}
.page--4 .panel--p1 img {
width: 272mm;
height: 222mm;
object-fit: cover;
object-position: left center;
transform: translateX(-61.5mm);
display: block;
}
.page--4 .text-box {
position: absolute;
top: 15mm;
right: 30mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--4 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--4 .text-box p {
margin: 0 0 6px;
}
/* 5페이지 */
.page--5 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--5 .panel--p1 {
position: absolute;
width: 63mm;
height: 84mm;
top: 13mm;
left: 147mm
}
.page--5 .panel--p2 {
width: 70mm;
height: 105mm;
top: 178mm;
left: 0mm;
}
.page--5 .panel--p3 {
width: 138mm;
height: 184mm;
top: 99mm;
left: 72mm;
}
/* 6페이지 */
.page--6 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--6 .panel--p1 {
width: 126mm;
height: 189mm;
top: 13mm;
left: 5mm
}
.page--6 .panel--p2 {
width: 74mm;
height: 74mm;
top: 13mm;
left: 135mm;
}
.page--6 .panel--p3 {
width: 74mm;
height: 111mm;
top: 91mm;
left: 135mm;
}
.page--6 .text-box {
position: absolute;
top: 215mm;
right: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--6 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--6 .text-box p {
margin: 0 0 6px;
}
/* 7페이지 */
.page--7 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--7 .panel--p1 {
width: 100mm;
height: 136mm;
top: 11mm;
left: 4mm
}
.page--7 .panel--p2 {
width: 100mm;
height: 136mm;
top: 11mm;
left: 107mm;
}
.page--7 .panel--p3 {
width: 67mm;
height: 67mm;
top: calc(11mm + 136mm + 2mm);
left: 2mm;
}
.page--7 .panel--p4 {
width: 67mm;
height: 67mm;
top: calc(11mm + 136mm + 2mm);
left: calc(2mm + 67mm + 2mm);
}
.page--7 .panel--p5 {
width: 67mm;
height: 67mm;
top: calc(11mm + 136mm + 2mm);
left: calc(2mm + 67mm + 2mm + 67mm + 2mm);
}
.page--7 .panel--p6 {
width: 67mm;
height: 67mm;
top: calc(11mm + 136mm + 2mm + 67mm + 2mm);
left: 2mm;
}
.page--7 .panel--p7 {
width: 67mm;
height: 67mm;
top: calc(11mm + 136mm + 2mm + 67mm + 2mm);
left: calc(2mm + 67mm + 2mm);
}
.page--7 .panel--p8 {
width: 67mm;
height: 67mm;
top: calc(11mm + 136mm + 2mm + 67mm + 2mm);
left: calc(2mm + 67mm + 2mm + 67mm + 2mm);
}
/* 8페이지 */
.page--8 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--8 .panel--p1 {
position: absolute;
top: 0mm;
left: 0;
width: 210mm;
height: 297mm;
}
.page--8 .text-box {
position: absolute;
top: 220mm;
left: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--8 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--8 .text-box p {
margin: 0 0 6px;
}
/* 9페이지 */
.page--9 {
width: 210mm;
height: 297mm;
position: relative;
}
.page--9 .panel--p1 {
position: absolute;
top: 70mm;
left: 5mm;
width: 312mm;
height: 205mm;
}
.page--9 .panel--p1 img {
object-fit: cover;
object-position: left center;
}
/* 10페이지 */
.page--10 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--10 .panel--p1 {
position: absolute;
top: 70mm;
left: 0mm;
width: 312mm;
height: 205mm;
}
.page--10 .panel--p1 img {
width: 105mm;
height: 205mm;
object-fit: cover;
object-position: right center;
display: block;
}
.page--10 .text-box {
position: absolute;
top: 215mm;
left: 110mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--10 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--10 .text-box p {
margin: 0 0 6px;
}
/* 11페이지 */
.page--11 {
width: 210mm;
height: 297mm;
position: relative;
}
.page--11 .panel--p1 {
position: absolute;
top: 0mm;
left: 31.5mm;
width: 147mm;
height: 147mm;
}
.page--11 .panel--p2 {
position: absolute;
top: calc(0mm + 147mm + 3mm);
left: 31.5mm;
width: 147mm;
height: 147mm;
}
.page--11 .text-box {
position: absolute;
top: 215mm;
right: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--11 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--11 .text-box p {
margin: 0 0 6px;
}
/* 12페이지 */
.page--12 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--12 .panel--p1 {
width: 80mm;
height: 100mm;
top: 98.5mm;
left: 20mm
}
.page--12 .panel--p2 {
width: 80mm;
height: 100mm;
top: 43.5mm;
left: calc(20mm + 80mm + 10mm);
}
.page--12 .panel--p3 {
width: 80mm;
height: 100mm;
top: calc(43.5mm + 100mm + 10mm);
left: calc(20mm + 80mm + 10mm);
}
.page--12 .text-box {
position: absolute;
top: 215mm;
right: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--12 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--12 .text-box p {
margin: 0 0 6px;
}
/* 13페이지 */
.page--13 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--13 .panel--p1 {
position: absolute;
top: 0mm;
left: 0;
width: 210mm;
height: 297mm;
}
.page--13 .text-box {
position: absolute;
top: 220mm;
left: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--13 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--13 .text-box p {
color: white;
margin: 0 0 6px;
}
/* 14페이지 */
.page--14 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--14 .panel--p1 {
position: absolute;
top: 20mm;
left: 20mm;
width: 170mm;
height: 257mm;
}
.page--14 .text-box {
position: absolute;
top: 220mm;
left: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--14 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--14 .text-box p {
color: white;
margin: 0 0 6px;
}
/* 15페이지 */
.page--15 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--15 .panel--p1 {
position: absolute;
top: 20mm;
left: 30mm;
width: 150mm;
height: calc(150mm *4 /3);
}
.page--15 .text-box {
position: absolute;
top: 230mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--15 .text-box h3 {
font-size: 18px;
color: black;
margin: 0 0 8px;
}
.page--15 .text-box p {
color: black;
margin: 0 0 6px;
}
/* 16페이지 */
.page--16 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--16 .panel--p1 {
position: absolute;
width: 170mm;
height: calc(170mm *3 /2);
top: calc(297mm - 170mm *3/2);
left: calc(210mm /2 - 170mm /2);
}
.page--16 .text-box {
position: absolute;
top: 10mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--16 .text-box h3 {
font-size: 18px;
color: black;
margin: 0 0 8px;
}
.page--16 .text-box p {
color: black;
margin: 0 0 6px;
}
/* 17페이지 */
.page--17 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--17 .panel--p1 {
position: absolute;
top: 30mm;
left: 30mm;
width: 150mm;
height: 150mm;
}
.page--17 .text-box {
position: absolute;
top: 200mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--17 .text-box h3 {
font-size: 18px;
color: black;
margin: 0 0 8px;
}
.page--17 .text-box p {
color: black;
margin: 0 0 6px;
}
/* 18페이지 */
.page--18 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--18 .panel--p1 {
width: 125mm;
height: 125mm;
top: 20mm;
left: 10mm
}
.page--18 .panel--p2 {
width: 60mm;
height: 60mm;
top: 20mm;
left: calc(10mm + 125mm + 5mm);
}
.page--18 .panel--p3 {
width: 60mm;
height: 60mm;
top: calc(20mm + 60mm + 5mm);
left: calc(10mm + 125mm + 5mm);
}
.page--18 .panel--p4 {
width: 60mm;
height: 60mm;
top: calc(20mm + 125mm + 5mm);
left: 10mm
}
.page--18 .panel--p5 {
width: 60mm;
height: 60mm;
top: calc(20mm + 125mm + 5mm + 60mm + 5mm);
left: 10mm;
}
.page--18 .panel--p6 {
width: 125mm;
height: 125mm;
top: calc(20mm + 125mm + 5mm);
left: calc(10mm + 60mm + 5mm);
}
.page--18 .text-box {
position: absolute;
top: 215mm;
right: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--18 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--18 .text-box p {
margin: 0 0 6px;
}
/* 19페이지 */
.page--19 {
width: 210mm;
height: 297mm;
position: relative;
}
.page--19 .panel--p1 {
position: absolute;
top: 20mm;
left: 5mm;
width: 200mm;
height: calc(200mm *2/3);
}
.page--19 .panel--p2 {
position: absolute;
top: calc(20mm + 200mm*2/3 + 5mm);
left: calc(210mm/2 - 120mm/2);
width: 100mm;
height: calc(100mm * 3/2);
}
.page--19 .text-box {
position: absolute;
top: 215mm;
right: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--19 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--19 .text-box p {
margin: 0 0 6px;
}
/* 20페이지 */
.page--20 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--20 .panel--p1 {
position: absolute;
top: 10mm;
left: 10mm;
width: 190mm;
height: 277mm;
}
.page--20 .text-box {
position: absolute;
top: 230mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--20 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--20 .text-box p {
color: white;
margin: 0 0 6px;
}
/* 21페이지 */
.page--21 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--21 .panel--p1 {
position: absolute;
top: 0mm;
left: 0;
width: 210mm;
height: 297mm;
}
.page--21 .text-box {
position: absolute;
top: 230mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--21 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--21 .text-box p {
color: white;
margin: 0 0 6px;
}
/* 22페이지 */
.page--22 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--22 .panel--p1 {
width: 62mm;
height: 62mm;
top: 100mm;
left: 9mm
}
.page--22 .panel--p2 {
width: 62mm;
height: 62mm;
top: 100mm;
left: calc(9mm + 62mm + 3mm);
}
.page--22 .panel--p3 {
width: 62mm;
height: 62mm;
top: 100mm;
left: calc(9mm + 62mm + 3mm + 62mm + 3mm);
}
.page--22 .text-box {
position: absolute;
top: 215mm;
right: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--22 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--22 .text-box p {
margin: 0 0 6px;
}
/* 23페이지 */
.page--23 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--23 .panel--p1 {
position: absolute;
top: 10mm;
left: 10mm;
width: 141mm;
height: calc(141mm *2/3);
}
.page--23 .panel--p2 {
position: absolute;
top: 10mm;
left: calc(10mm + 141mm + 5mm);
width: 45mm;
height: calc(45mm *2/3);
}
.page--23 .panel--p3 {
position: absolute;
top: calc(10mm + 140mm *2/3 + 20mm + 25mm);
left: 10mm;
width: 70mm;
height: calc(70mm *4/5);
}
.page--23 .panel--p4 {
position: absolute;
top: calc(10mm + 140mm *2/3 + 20mm);
left: calc(10mm + 70mm + 5mm);
width: 115mm;
height: calc(115mm *5/7);
}
.page--23 .panel--p5 {
position: absolute;
top: calc(10mm + 140mm *2/3 + 20mm + 115mm *5/7 + 5mm);
left: 10mm;
width: 105mm;
height: calc(105mm *5/7);
}
.page--23 .text-box {
position: absolute;
top: 230mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--23 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--23 .text-box p {
color: white;
margin: 0 0 6px;
}
.page--23 .text--p1 {
position: absolute;
top: 54mm;
left: 107mm;
width: calc(141mm *2/3);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--23 .text--p5 {
position: absolute;
top: 245mm;
left: 80mm;
width: calc(105mm *5/7);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
/* 24페이지 */
.page--24 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--24 .panel--p1 {
width: 60mm;
height: calc(60mm * 4/5);
top: 10mm;
left: 35mm
}
.page--24 .panel--p2 {
width: 100mm;
height: 100mm;
top: 10mm;
left: calc(35mm + 60mm + 5mm);
}
.page--24 .panel--p3 {
width: 62mm;
height: 62mm;
top: calc(10mm + 60mm *4/5 + 5mm);
left: 10mm;
}
.page--24 .panel--p4 {
width: 189mm;
height: calc(189mm *2/3);
top: 153mm;
left: 10mm;
}
.page--24 .text--p2 {
position: absolute;
top: 110mm;
left: 100mm;
width: 100mm;
background: rgba(255, 255, 255, 0.5);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--24 .text--p3 {
position: absolute;
top: 90mm;
left: 44mm;
width: 62mm;
background: rgba(255, 255, 255, 0.5);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--24 .text--p4 {
position: absolute;
top: 212mm;
left: 139mm;
width: calc(189mm *2/3);
background: rgba(255, 255, 255, 0.5);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--24 .text-box {
position: absolute;
top: 215mm;
right: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--24 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--24 .text-box p {
margin: 0 0 6px;
}
/* 25페이지 */
.page--25 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--25 .panel--p1 {
position: absolute;
top: 16mm;
left: 10mm;
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p2 {
position: absolute;
top: 16mm;
left: calc(10mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p3 {
position: absolute;
top: 16mm;
left: calc(10mm + 60mm + 5mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p4 {
position: absolute;
top: calc(16mm + 60mm *2/3 + 5mm);
left: 10mm;
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p5 {
position: absolute;
top: calc(16mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p6 {
position: absolute;
top: calc(16mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p7 {
position: absolute;
top: calc(61mm + 60mm *2/3 + 5mm);
left: 10mm;
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p8 {
position: absolute;
top: calc(61mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p9 {
position: absolute;
top: calc(61mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p10 {
position: absolute;
top: calc(106mm + 60mm *2/3 + 5mm);
left: 10mm;
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p11 {
position: absolute;
top: calc(106mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p12 {
position: absolute;
top: calc(106mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p13 {
position: absolute;
top: calc(151mm + 60mm *2/3 + 5mm);
left: 10mm;
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p14 {
position: absolute;
top: calc(151mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p15 {
position: absolute;
top: calc(151mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p16 {
position: absolute;
top: calc(196mm + 60mm *2/3 + 5mm);
left: 10mm;
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p17 {
position: absolute;
top: calc(196mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .panel--p18 {
position: absolute;
top: calc(196mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--25 .text-box {
position: absolute;
top: 230mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--25 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--25 .text-box p {
color: white;
margin: 0 0 6px;
}
.page--25 .text--p1 {
position: absolute;
top: 54mm;
left: 107mm;
width: calc(141mm *2/3);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--25 .text--p2 {
position: absolute;
top: 245mm;
left: 80mm;
width: calc(105mm *5/7);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
/* 26페이지 */
.page--26 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--26 .panel--p1 {
position: absolute;
top: 16mm;
left: 10mm;
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p2 {
position: absolute;
top: 16mm;
left: calc(10mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p3 {
position: absolute;
top: 16mm;
left: calc(10mm + 42mm + 5mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p4 {
position: absolute;
top: 16mm;
left: calc(10mm + 42mm + 5mm + 42mm + 5mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p5 {
position: absolute;
top: calc(16mm + 42mm *3/2 + 5mm);
left: 10mm;
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p6 {
position: absolute;
top: calc(16mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p7 {
position: absolute;
top: calc(16mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p8 {
position: absolute;
top: calc(16mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm + 42mm + 5mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p9 {
position: absolute;
top: calc(84mm + 42mm *3/2 + 5mm);
left: 10mm;
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p10 {
position: absolute;
top: calc(84mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p11 {
position: absolute;
top: calc(84mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p12 {
position: absolute;
top: calc(84mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm + 42mm + 5mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p13 {
position: absolute;
top: calc(152mm + 42mm *3/2 + 5mm);
left: 10mm;
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p14 {
position: absolute;
top: calc(152mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p15 {
position: absolute;
top: calc(152mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p16 {
position: absolute;
top: calc(152mm + 42mm *3/2 + 5mm);
left: calc(10mm + 42mm + 5mm + 42mm + 5mm + 42mm + 5mm);
width: 42mm;
height: calc(42mm *3/2);
}
.page--26 .panel--p17 {
position: absolute;
top: calc(61mm + 60mm *2/3 + 5mm + 60mm *2/3 + 5mm + 60mm *2/3 + 5mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--26 .panel--p18 {
position: absolute;
top: calc(61mm + 60mm *2/3 + 5mm + 60mm *2/3 + 5mm + 60mm *2/3 + 5mm + 60mm *2/3 + 5mm);
left: calc(10mm + 60mm + 5mm + 60mm + 5mm);
width: 60mm;
height: calc(60mm *2/3);
}
.page--26 .text-box {
position: absolute;
top: 230mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--26 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--26 .text-box p {
color: white;
margin: 0 0 6px;
}
.page--26 .text--p1 {
position: absolute;
top: 54mm;
left: 107mm;
width: calc(141mm *2/3);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--26 .text--p2 {
position: absolute;
top: 245mm;
left: 80mm;
width: calc(105mm *5/7);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
/* 27페이지 */
.page--27 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--27 .panel--p1 {
position: absolute;
top: 20mm;
left: 10mm ;
width: 190mm;
height: 190mm;
}
.page--27 .text-box {
position: absolute;
top: 220mm;
left: 10mm;
width: 50%;
background: rgba(255, 255, 255, 0.5);
padding: 10px;
font-size: 13px;
line-height: 1.6;
letter-spacing: -0.05em;
z-index: 5;
text-align: left;
height: auto;
color: black;
font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}
.page--27 .text-box .subtitle {
font-size: 14px;
font-weight: normal;
color: #555;
margin-bottom: 6px;
}
.page--27 .text-box h3 {
font-size: 20px;
font-weight: bold;
color: #111;
margin-bottom: 10px;
}
.page--27 .text-box p {
font-size: 13px;
line-height: 1.6;
letter-spacing: -0.05em;
color: #222;
margin-bottom: 10px;
}
.page--27 .text-box .tags {
font-size: 12px;
color: #888;
font-style: italic;
}
/* 28페이지 */
.page--28 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--28 .panel--p1 {
width: 92.5mm;
height: 92.5mm;
top: 20mm;
left: 10mm;
}
.page--28 .panel--p2 {
width: 92.5mm;
height: 92.5mm;
top: 20mm;
left: calc(10mm + 92.5mm + 5mm);
}
.page--28 .panel--p3 {
width: 92.5mm;
height: 92.5mm;
top: calc(20mm + 92.5mm + 5mm);
left: 10mm;
}
.page--28 .panel--p4 {
width: 92.5mm;
height: 92.5mm;
top: calc(20mm + 92.5mm + 5mm);
left: calc(10mm + 92.5mm + 5mm);
}
.page--28 .text-box {
position: absolute;
top: 220mm;
left: calc(10mm + 92.5mm);
width: 45%;
background: rgba(255, 255, 255, 0.5);
padding: 10px;
font-size: 13px;
line-height: 1.6;
letter-spacing: -0.05em;
z-index: 5;
text-align: left;
height: auto;
color: black;
font-family: "Noto Sans KR", "Apple SD Gothic Neo", "Malgun Gothic", sans-serif;
}
.page--28 .text-box .subtitle {
font-size: 14px;
font-weight: normal;
color: #555;
margin-bottom: 6px;
}
.page--28 .text-box h3 {
font-size: 20px;
font-weight: bold;
color: #111;
margin-bottom: 10px;
}
.page--28 .text-box p {
font-size: 13px;
line-height: 1.6;
letter-spacing: -0.05em;
color: #222;
margin-bottom: 10px;
}
.page--28 .text-box .tags {
font-size: 12px;
color: #888;
font-style: italic;
}
/* 29페이지 */
.page--29 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--29 .panel--p1 {
position: absolute;
top: 25mm;
left: 20mm;
width: 171mm;
height: calc(171mm *2/3);
}
.page--29 .panel--p2 {
position: absolute;
top: calc(25mm + 171mm *2/3 + 10mm);
left: 20mm;
width: 171mm;
height: calc(171mm *2/3);
}
.page--29 .text-box {
position: absolute;
top: 230mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--29 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--29 .text-box p {
color: white;
margin: 0 0 6px;
}
.page--29 .text--p1 {
position: absolute;
top: calc(25mm + 170mm *2/3 + 1mm);
left: 20mm;
width: 170mm;
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--29 .text--p2 {
position: absolute;
top: calc(25mm + 170mm *2/3 + 10mm + 170mm *2/3 + 1mm);
left: 20mm;
width: 170mm;
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
/* 30페이지 */
.page--30 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--30 .panel--p1 {
width: calc(114mm *2/3);
height: 114mm;
top: 25mm;
left: 24mm
}
.page--30 .panel--p2 {
width: calc(114mm *2/3);
height: 114mm ;
top: 25mm;
left: calc(24mm + 114mm *2/3 + 10mm);
}
.page--30 .panel--p3 {
width: calc(114mm *2/3);
height: 114mm;
top: calc(25mm + 114mm + 10mm);
left: 24mm;
}
.page--30 .panel--p4 {
width: calc(114mm *2/3);
height: 114mm;
top: calc(25mm + 114mm + 10mm);
left: calc(24mm + 114mm *2/3 + 10mm);
}
.page--30 .text--p1 {
position: absolute;
top: calc(25mm + 114mm + 1mm);
left: 24mm;
width: calc(114mm *2/3);
background: rgba(255, 255, 255, 0.5);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--30 .text--p2 {
position: absolute;
top: calc(25mm + 114mm + 1mm);
left: calc(24mm + 114mm *2/3 + 10mm);
width: calc(114mm *2/3);
background: rgba(255, 255, 255, 0.5);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--30 .text--p3 {
position: absolute;
top: calc(25mm + 114mm + 10mm + 114mm + 1mm);
left: 24mm;
width: calc(114mm *2/3);
background: rgba(255, 255, 255, 0.5);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--30 .text--p4 {
position: absolute;
top: calc(25mm + 114mm + 10mm + 114mm + 1mm);
left: calc(24mm + 114mm *2/3 + 10mm);
width: calc(114mm *2/3);
background: rgba(255, 255, 255, 0.5);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--30 .text-box {
position: absolute;
top: 215mm;
right: 20mm;
width: 40%;
background: rgba(255, 255, 255, 0.65);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: right;
height: auto;
}
.page--30 .text-box h3 {
font-size: 18px;
margin: 0 0 8px;
}
.page--30 .text-box p {
margin: 0 0 6px;
}
/* 31페이지 */
.page--31 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--31 .panel--p1 {
position: absolute;
top: 16mm;
left: 12mm;
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p2 {
position: absolute;
top: 16mm;
left: calc(12mm + 60mm + 2mm);
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p3 {
position: absolute;
top: 16mm;
left: calc(12mm + 60mm + 2mm + 60mm + 2mm);
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p4 {
position: absolute;
top: calc(16mm + 60mm *4/5 + 2mm);
left: 12mm;
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p5 {
position: absolute;
top: calc(16mm + 60mm *4/5 + 2mm);
left: calc(12mm + 60mm + 2mm);
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p6 {
position: absolute;
top: calc(16mm + 60mm *4/5 + 2mm);
left: calc(12mm + 60mm + 2mm + 60mm + 2mm);
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p7 {
position: absolute;
top: calc(66mm + 60mm *4/5 + 2mm);
left: 12mm;
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p8 {
position: absolute;
top: calc(66mm + 60mm *4/5 + 2mm);
left: calc(12mm + 60mm + 2mm);
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p9 {
position: absolute;
top: calc(66mm + 60mm *4/5 + 2mm);
left: calc(12mm + 60mm + 2mm + 60mm + 2mm);
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p10 {
position: absolute;
top: calc(116mm + 60mm *4/5 + 2mm);
left: 12mm;
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p11 {
position: absolute;
top: calc(116mm + 60mm *4/5 + 2mm);
left: calc(12mm + 60mm + 2mm);
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .panel--p12 {
position: absolute;
top: calc(116mm + 60mm *4/5 + 2mm);
left: calc(12mm + 60mm + 2mm + 60mm + 2mm);
width: 60mm;
height: calc(60mm *4/5);
}
.page--31 .text-box {
position: absolute;
top: calc(166mm + 60mm *4/5 + 10mm + 30mm);
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.1);
padding: 0px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--31 .text-box h3 {
font-size: 18px;
color: black;
margin: 0 0 8px;
}
.page--31 .text-box p {
color: black;
margin: 0 0 6px;
}
.page--31 .text--p1 {
position: absolute;
top: calc(166mm + 60mm *4/5 + 7mm);
left: 12mm;
width: 60mm;
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--31 .text--p2 {
position: absolute;
top: calc(166mm + 60mm *4/5 + 7mm);
left: calc(12mm + 60mm + 2mm);
width: 60mm;
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--31 .text--p3 {
position: absolute;
top: calc(166mm + 60mm *4/5 + 7mm);
left: calc(12mm + 60mm + 2mm + 60mm + 10mm);
width: 60mm);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(0deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
/* 32페이지 */
.page--32 {
width: 210mm;
height: 297mm;
position: relative;
overflow: hidden;
}
.page--32 .panel--p1 {
position: absolute;
top: 16mm;
left: 10mm;
width: 96mm;
height: calc(96mm *2/3);
}
.page--32 .panel--p2 {
position: absolute;
top: 16mm;
left: calc(10mm + 96mm + 2mm);
width: 96mm;
height: calc(96mm *2/3);
}
.page--32 .panel--p3 {
position: absolute;
top: calc(16mm + 64mm + 2mm);
left: 10mm;
width: 96mm;
height: calc(96mm *2/3);
}
.page--32 .panel--p4 {
position: absolute;
top: calc(16mm + 64mm + 2mm);
left: calc(10mm + 96mm + 2mm);
width: 96mm;
height: calc(96mm *2/3);
}
.page--32 .panel--p5 {
position: absolute;
top: calc(82mm + 64mm + 2mm);
left: 10mm;
width: 96mm;
height: calc(96mm *2/3);
}
.page--32 .panel--p6 {
position: absolute;
top: calc(82mm + 64mm + 2mm);
left: calc(10mm + 96mm + 2mm);
width: 96mm;
height: calc(96mm *2/3);
}
.page--32 .panel--p7 {
position: absolute;
top: calc(148mm + 64mm + 2mm);
left: 10mm;
width: 96mm;
height: calc(96mm *2/3);
}
.page--32 .panel--p8 {
position: absolute;
top: calc(148mm + 64mm + 2mm);
left: calc(10mm + 96mm + 2mm);
width: 96mm;
height: calc(96mm *2/3);
}
.page--32 .text-box {
position: absolute;
top: 230mm;
left: 52.5mm;
width: 50%;
background: rgba(255, 255, 255, 0.1);
padding: 20px;
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: center;
height: auto;
}
.page--32 .text-box h3 {
font-size: 18px;
color: white;
margin: 0 0 8px;
}
.page--32 .text-box p {
color: white;
margin: 0 0 6px;
}
.page--32 .text--p1 {
position: absolute;
top: 54mm;
left: 107mm;
width: calc(141mm *2/3);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
.page--32 .text--p2 {
position: absolute;
top: 245mm;
left: 80mm;
width: calc(105mm *5/7);
background: rgba(255, 255, 255, 0.05);
padding: 0px;
transform: rotate(-90deg);
font-size: 13px;
line-height: 1.5;
color: #000;
z-index: 5;
text-align: left;
height: auto;
}
</style>
<div class="page-container"><!-- 1페이지 -->
<div class="a4-page page page--1 color-white">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/05/27/6fe9b71ccc1f2a29273b117fd3d0377b.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/05/27/6fe9b71ccc1f2a29273b117fd3d0377b.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/05/27/399b5b75a49ce138e93218e25b0cd60f.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/05/27/399b5b75a49ce138e93218e25b0cd60f.jpg" /> </a></div>
<div class="panel panel--p3"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/02/316111bbc21810c191c527f1132597f5.jpg" /></div>
</div>
<div class="footer align-left">- Page 1 -</div>
</div>
<!-- 2페이지 -->
<div class="a4-page page page--2 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/02/316111bbc21810c191c527f1132597f5.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/02/316111bbc21810c191c527f1132597f5.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-right">- Page 2 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 3페이지 -->
<div class="a4-page page page--3 color-yellow">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/02/b9d31b1d5ecce649a557ef84f068c76e.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/02/b9d31b1d5ecce649a557ef84f068c76e.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/02/ac812853e50fac938e680ec5eb1c28b7.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/02/ac812853e50fac938e680ec5eb1c28b7.jpg" /> </a></div>
<div class="panel panel--p3"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/02/43103cef155a0ce5034f05daa683f463.jpg" /></div>
</div>
<div class="footer align-left">- Page 3 -</div>
</div>
<!-- 4페이지 -->
<div class="a4-page page page--4 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/02/43103cef155a0ce5034f05daa683f463.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/02/43103cef155a0ce5034f05daa683f463.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-right">- Page 4 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 5페이지 -->
<div class="a4-page page page--5 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="photo 1" href="/files/attach/images/2025/06/05/bd8ee9deb3525edd907a223eaa30c685.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/05/bd8ee9deb3525edd907a223eaa30c685.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="photo 2" href="/files/attach/images/2025/06/05/00f1486c5e26f3244ce7d95f044d4bf7.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/05/00f1486c5e26f3244ce7d95f044d4bf7.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="photo 3" href="/files/attach/images/2025/06/05/21be731937bde08f65d5d311f2e0a07e.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/05/21be731937bde08f65d5d311f2e0a07e.jpg" /> </a></div>
</div>
<div class="footer align-left">- Page 5 -</div>
</div>
<!-- 6페이지 -->
<div class="a4-page page page--6 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/05/72b08b38a5205d4e8359d46597d40824.webp"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/05/72b08b38a5205d4e8359d46597d40824.webp" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/05/14a5d6e19fa600bb404d45499e311cae.webp"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/05/14a5d6e19fa600bb404d45499e311cae.webp" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/05/2ed3d645686c3ad02bd1245dffebaa6d.webp"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/05/2ed3d645686c3ad02bd1245dffebaa6d.webp" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-right">- Page 6 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 7페이지 -->
<div class="a4-page page page--7 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/07/f25c41d5f8526a88312dc4569a632209.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/07/f25c41d5f8526a88312dc4569a632209.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/07/99bdb0d2cb298e4f9c048ee60fe939a9.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/07/99bdb0d2cb298e4f9c048ee60fe939a9.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/07/86dfcc107d76161d3b572b0d2f67e656.jpg"><img alt="Page 3 Photo" src="/files/attach/images/2025/06/07/86dfcc107d76161d3b572b0d2f67e656.jpg" /> </a></div>
<div class="panel panel--p4"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/07/dd549f48f2e86be460afb01c8f81fa83.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/07/dd549f48f2e86be460afb01c8f81fa83.jpg" /> </a></div>
<div class="panel panel--p5"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/07/f66648371d620e0db6ada3ae1b6f35ab.jpg"><img alt="Page 5 Photo" src="/files/attach/images/2025/06/07/f66648371d620e0db6ada3ae1b6f35ab.jpg" /> </a></div>
<div class="panel panel--p6"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/07/6440de669666c5f4ecac5b0e8dbdb526.jpg"><img alt="Page 6 Photo" src="/files/attach/images/2025/06/07/6440de669666c5f4ecac5b0e8dbdb526.jpg" /> </a></div>
<div class="panel panel--p7"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/07/f7eea3f6541fa5c620efeec3dde03583.jpg"><img alt="Page 7 Photo" src="/files/attach/images/2025/06/07/f7eea3f6541fa5c620efeec3dde03583.jpg" /> </a></div>
<div class="panel panel--p8"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/07/aa4fa5a94dbac4097acc11299682f5b6.jpg"><img alt="Page 8 Photo" src="/files/attach/images/2025/06/07/aa4fa5a94dbac4097acc11299682f5b6.jpg" /> </a></div>
</div>
<div class="footer align-left">- Page 7 -</div>
</div>
<!-- 8페이지 -->
<div class="a4-page page page--8 color-white">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel pane8--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/08/3eaa5c47b323c780f0f936082e7e44fb.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/08/3eaa5c47b323c780f0f936082e7e44fb.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-right">- Page 8 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 9페이지 -->
<div class="a4-page page page--9 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/02/b9d31b1d5ecce649a557ef84f068c76e.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/02/b9d31b1d5ecce649a557ef84f068c76e.jpg" /> </a></div>
</div>
<div class="footer align-left">- Page 9 -</div>
</div>
<!-- 10페이지 -->
<div class="a4-page page page--10 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/02/b9d31b1d5ecce649a557ef84f068c76e.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/02/b9d31b1d5ecce649a557ef84f068c76e.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-right">- Page 10 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 11페이지 -->
<div class="a4-page page page--11 color-gray">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/08/3d293a7b3b2306a2ae9822c691697db9.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/08/3d293a7b3b2306a2ae9822c691697db9.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert View" href="/files/attach/images/2025/06/08/4284b13dd09abf6630ef6ec7d2a41b67.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/08/4284b13dd09abf6630ef6ec7d2a41b67.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-left">- Page 11 -</div>
</div>
<!-- 12페이지 -->
<div class="a4-page page page--12 color-gray">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/08/511ac80564c3cf3f5925f73e4d441f4d.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/08/511ac80564c3cf3f5925f73e4d441f4d.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/08/46d541d416166cdf2e09ccc7a1947d8a.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/08/46d541d416166cdf2e09ccc7a1947d8a.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/08/161388a4bc519a8cfc08fb973ef83f27.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/08/161388a4bc519a8cfc08fb973ef83f27.jpg" /> </a></div>
</div>
<div class="footer align-right">- Page 12 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 13페이지 -->
<div class="a4-page page page--13 color-white">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/08/ae66a31e71c159b01ef47a07066062fa.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/08/ae66a31e71c159b01ef47a07066062fa.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-left">- Page 13 -</div>
</div>
<!-- 14페이지 -->
<div class="a4-page page page--14 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/08/f89c140f819ed657f2665ea43da174a7.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/08/f89c140f819ed657f2665ea43da174a7.jpg" /> </a></div>
</div>
<div class="footer align-right">- Page 14 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 15페이지 -->
<div class="a4-page page page--15 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/e4826428b5159a7630510f47ccaab8e1.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/e4826428b5159a7630510f47ccaab8e1.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-left">- Page 15 -</div>
</div>
<!-- 16페이지 -->
<div class="a4-page page page--16 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/96e78c14a84509aced75d7906efd4d07.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/96e78c14a84509aced75d7906efd4d07.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-right">- Page 16 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 17페이지 -->
<div class="a4-page page page--17 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/cfa85912c2fa3fe8fbf6a63175db7d5f.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/cfa85912c2fa3fe8fbf6a63175db7d5f.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-left">- Page 17 -</div>
</div>
<!-- 18페이지 -->
<div class="a4-page page page--18 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/4032f9353cf1e3d1c0fa324ad08345d0.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/4032f9353cf1e3d1c0fa324ad08345d0.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/0fbc404a59680f2686a9e91087150bd7.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/0fbc404a59680f2686a9e91087150bd7.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/f660a3a7a2835f1f23ab4040c40eb657.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/f660a3a7a2835f1f23ab4040c40eb657.jpg" /> </a></div>
<div class="panel panel--p4"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/c5cdfb68525b095de56156c04b035959.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/c5cdfb68525b095de56156c04b035959.jpg" /> </a></div>
<div class="panel panel--p5"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/4614e9b36f4e55c715c4aa4a86ac98a7.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/4614e9b36f4e55c715c4aa4a86ac98a7.jpg" /> </a></div>
<div class="panel panel--p6"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/d359224288c4d2a10f870660ee0cbdcd.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/d359224288c4d2a10f870660ee0cbdcd.jpg" /> </a></div>
</div>
<div class="footer align-right">- Page 18 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 19페이지 -->
<div class="a4-page page page--19 color-white">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/11/c971d348b14923260642a1c10e2380dd.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/c971d348b14923260642a1c10e2380dd.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/11/45e44e2d5556adee126f4a7103984cdc.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/45e44e2d5556adee126f4a7103984cdc.jpg" /> </a></div>
</div>
<div class="footer align-left">- Page 19 -</div>
</div>
<!-- 20페이지 -->
<div class="a4-page page page--20 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/10/4032f9353cf1e3d1c0fa324ad08345d0.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/10/4032f9353cf1e3d1c0fa324ad08345d0.jpg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-right">- Page 20 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 21페이지 -->
<div class="a4-page page page--21 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/11/25ea3cf76755d7ed0a367cb1d699ae35.jpeg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/25ea3cf76755d7ed0a367cb1d699ae35.jpeg" /> </a></div>
<div class="text-box">
<h3>조용한 오후의 초콜릿</h3>
<p>창밖의 흐릿한 빛 아래, 회색 후드 속에 숨겨진 작은 일상.<br />
무심한 듯 건네는 초콜릿 하나에도 온기가 담긴다.</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-left">- Page 21 -</div>
</div>
<!-- 22페이지 -->
<div class="a4-page page page--22 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/11/678637b96c647287b8d1722e9d81ff2d.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/678637b96c647287b8d1722e9d81ff2d.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
</div>
<div class="footer align-right">- Page 22 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 23페이지 -->
<div class="a4-page page page--23 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="panel1" href="/files/attach/images/2025/06/13/836f8b5a5d16875fc500372c4d3c0579.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/13/836f8b5a5d16875fc500372c4d3c0579.jpg" /> </a></div>
<div class="text--p1">
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="panel2" href="/files/attach/images/2025/06/13/67288084738c41908ef72aba2ef80fd4.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/13/67288084738c41908ef72aba2ef80fd4.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="panel3" href="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg" /> </a></div>
<div class="panel panel--p4"><a data-lightbox="page12" data-title="panel4" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p5"><a data-lightbox="page12" data-title="panel4" href="/files/attach/images/2025/06/13/c0febda8a1a7f6c058e41628dc74fc2e.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/13/c0febda8a1a7f6c058e41628dc74fc2e.jpg" /> </a></div>
<div class="text--p5">
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
</div>
<div class="footer align-left"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg">- Page 23 - </a></div>
</div>
<p><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"><!-- 24페이지 --> </a></p>
<div class="a4-page page page--24 color-black">
<div class="a4-outline"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"> </a></div>
<div class="header align-right"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg">머릿글 예시 (오른쪽 정렬) </a></div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/845353f7f1dfdb38007c78780b10fd46.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/845353f7f1dfdb38007c78780b10fd46.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="text--p2">
<p>#2번쨰 #어디임?</p>
</div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
</div>
<div class="text--p3">
<p>#3번쨰 #어떤건지</p>
</div>
<div class="panel panel--p4"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg" /> </a></div>
<div class="text--p4">
<p>#네번째 #로타 #기타등등</p>
</div>
<div class="footer align-right">- Page 24 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 25페이지 -->
<div class="a4-page page page--25 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="panel1" href="/files/attach/images/2025/06/13/836f8b5a5d16875fc500372c4d3c0579.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/13/836f8b5a5d16875fc500372c4d3c0579.jpg" /> </a></div>
<div class="text--p1">
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="panel2" href="/files/attach/images/2025/06/13/67288084738c41908ef72aba2ef80fd4.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/13/67288084738c41908ef72aba2ef80fd4.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="panel3" href="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg"><img alt="Page 3 Photo" src="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg" /> </a></div>
<div class="panel panel--p4"><a data-lightbox="page12" data-title="panel4" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p5"><a data-lightbox="page12" data-title="panel5" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p6"><a data-lightbox="page12" data-title="panel6" href="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg"><img alt="Page 3 Photo" src="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg" /> </a></div>
<div class="panel panel--p7"><a data-lightbox="page12" data-title="panel7" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p8"><a data-lightbox="page12" data-title="panel8" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p9"><a data-lightbox="page12" data-title="panel9" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p10"><a data-lightbox="page12" data-title="panel10" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p11"><a data-lightbox="page12" data-title="panel11" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p12"><a data-lightbox="page12" data-title="panel12" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p13"><a data-lightbox="page12" data-title="panel13" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p14"><a data-lightbox="page12" data-title="panel14" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p15"><a data-lightbox="page12" data-title="panel15" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p16"><a data-lightbox="page12" data-title="panel16" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p17"><a data-lightbox="page12" data-title="panel17" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p18"><a data-lightbox="page12" data-title="panel18" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="footer align-left">- Page 25 -</div>
</div>
</div>
<!-- 26페이지 -->
<div class="a4-page page page--26 color-black">
<div class="a4-outline"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"> </a></div>
<div class="header align-right"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg">머릿글 예시 (오른쪽 정렬) </a></div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page13" data-title="Desert1" href="/files/attach/images/2025/06/12/845353f7f1dfdb38007c78780b10fd46.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/845353f7f1dfdb38007c78780b10fd46.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page13" data-title="Desert2" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page13" data-title="Desert3" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
</div>
<div class="panel panel--p4"><a data-lightbox="page13" data-title="Desert4" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg" /> </a></div>
<div class="panel panel--p5"><a data-lightbox="page13" data-title="Desert5" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p6"><a data-lightbox="page13" data-title="Desert6" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
<div class="panel panel--p7"><a data-lightbox="page13" data-title="Desert7" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg" /> </a></div>
<div class="panel panel--p8"><a data-lightbox="page13" data-title="Desert8" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p9"><a data-lightbox="page13" data-title="Desert9" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
<div class="panel panel--p10"><a data-lightbox="page13" data-title="Desert7" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg" /> </a></div>
<div class="panel panel--p11"><a data-lightbox="page13" data-title="Desert8" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p12"><a data-lightbox="page13" data-title="Desert9" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
<div class="panel panel--p13"><a data-lightbox="page13" data-title="Desert9" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
<div class="panel panel--p14"><a data-lightbox="page13" data-title="Desert7" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg" /> </a></div>
<div class="panel panel--p15"><a data-lightbox="page13" data-title="Desert8" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p16"><a data-lightbox="page13" data-title="Desert9" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
<div class="footer align-right">- Page 26 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 27페이지 -->
<div class="a4-page page page--27 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="panel1" href="/files/attach/images/2025/06/13/836f8b5a5d16875fc500372c4d3c0579.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/13/836f8b5a5d16875fc500372c4d3c0579.jpg" /> </a></div>
<div class="text-box">
<div class="subtitle">어느 오후의 기록</div>
<h3>햇살 사이로 스며든 오후의 감정</h3>
<p>말 없는 순간들 속, 가장 깊은 표정을 담다.</p>
<div class="tags">#필름감성 #빈티지룩 #햇살사진 #감성화보 #여자모델촬영 #플라워드레스 #자연광촬영 #빈티지필름 #고요한순간 #에세이사진</div>
</div>
<div class="footer align-left">- Page 27 -</div>
</div>
</div>
<!-- 28페이지 -->
<div class="a4-page page page--28 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page13" data-title="Desert1" href="/files/attach/images/2025/06/12/845353f7f1dfdb38007c78780b10fd46.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/845353f7f1dfdb38007c78780b10fd46.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page13" data-title="Desert2" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page13" data-title="Desert3" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
</div>
<div class="text-box">
<p>어느 오후의 기록</p>
<p>말 없는 순간들 속, 가장 깊은 표정을 담다.</p>
<p>#필름감성 #빈티지룩 #햇살사진 #감성화보 #여자모델촬영 #플라워드레스 #자연광촬영 #빈티지필름 #고요한순간 #에세이사진</p>
</div>
<div class="footer align-right">- Page 28 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 29페이지 -->
<div class="a4-page page page--29 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="panel1" href="/files/attach/images/2025/06/16/c037c00a5a0e47156f1e54b099ad8d45.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/16/c037c00a5a0e47156f1e54b099ad8d45.jpg" /> </a></div>
<div class="text--p1">#필름감성 #빈티지룩 #햇살사진 #감성화보</div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="panel1" href="/files/attach/images/2025/06/16/909634715eb09798433250b1e67594e4.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/16/909634715eb09798433250b1e67594e4.jpg" /> </a></div>
<div class="text--p2">#필름감성 #빈티지룩 #햇살사진 #감성화보</div>
<div class="footer align-left">- Page 29 -</div>
</div>
</div>
<!-- 30페이지 -->
<div class="a4-page page page--30 color-black">
<div class="a4-outline"> </div>
<div class="header align-right">머릿글 예시 (오른쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page13" data-title="Desert1" href="/files/attach/images/2025/06/16/9647ad879de11abd8c62365517c245b9.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/16/9647ad879de11abd8c62365517c245b9.jpg" /> </a></div>
<div class="text--p1">1 #필름감성 #빈티지룩 #햇살사진 #감성화보</div>
<div class="panel panel--p2"><a data-lightbox="page13" data-title="Desert2" href="/files/attach/images/2025/06/16/1b427b2172ab9a13374747a8875d000f.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/16/1b427b2172ab9a13374747a8875d000f.jpg" /> </a></div>
<div class="text--p2">2 #필름감성 #빈티지룩 #햇살사진 #감성화보</div>
<div class="panel panel--p3"><a data-lightbox="page13" data-title="Desert3" href="/files/attach/images/2025/06/16/9cd11270fbc84edec028be2f86886399.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/16/9cd11270fbc84edec028be2f86886399.jpg" /> </a></div>
<div class="text--p3">3 #필름감성 #빈티지룩 #햇살사진 #감성화보</div>
<div class="panel panel--p4"><a data-lightbox="page13" data-title="Desert3" href="/files/attach/images/2025/06/16/a165759065c7fc22581b1c47a2eabd48.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/16/a165759065c7fc22581b1c47a2eabd48.jpg" /> </a></div>
<div class="text--p4">4 #필름감성 #빈티지룩 #햇살사진 #감성화보</div>
<div class="footer align-right">- Page 30 -</div>
</div>
</div>
<p> </p>
<p> </p>
<div class="page-container"><!-- 31페이지 -->
<div class="a4-page page page--31 color-black">
<div class="a4-outline"> </div>
<div class="header align-left">머릿글 예시 (왼쪽 정렬)</div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page12" data-title="panel1" href="/files/attach/images/2025/06/13/836f8b5a5d16875fc500372c4d3c0579.jpg"><img alt="Page 1 Photo" src="/files/attach/images/2025/06/13/836f8b5a5d16875fc500372c4d3c0579.jpg" /> </a></div>
<div class="text--p1">
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
<div class="text--p2">
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
<div class="text--p3">
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
<p>#후드티 #초콜릿 #고요한순간</p>
</div>
<div class="panel panel--p2"><a data-lightbox="page12" data-title="panel2" href="/files/attach/images/2025/06/13/67288084738c41908ef72aba2ef80fd4.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/13/67288084738c41908ef72aba2ef80fd4.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page12" data-title="panel3" href="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg"><img alt="Page 3 Photo" src="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg" /> </a></div>
<div class="panel panel--p4"><a data-lightbox="page12" data-title="panel4" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p5"><a data-lightbox="page12" data-title="panel5" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p6"><a data-lightbox="page12" data-title="panel6" href="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg"><img alt="Page 3 Photo" src="/files/attach/images/2025/06/13/89972d5268962289a7e4e445bbc61df6.jpg" /> </a></div>
<div class="panel panel--p7"><a data-lightbox="page12" data-title="panel7" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p8"><a data-lightbox="page12" data-title="panel8" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p9"><a data-lightbox="page12" data-title="panel9" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p10"><a data-lightbox="page12" data-title="panel10" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p11"><a data-lightbox="page12" data-title="panel11" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="panel panel--p12"><a data-lightbox="page12" data-title="panel12" href="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg"><img alt="Page 4 Photo" src="/files/attach/images/2025/06/13/dccc702c46ef3c0a74eefb85a5dcd58d.jpg" /> </a></div>
<div class="text-box">
<h3>이것은 나의 이야기</h3>
</div>
<div class="footer align-left">- Page 31 -</div>
</div>
</div>
<!-- 32페이지 -->
<div class="a4-page page page--32 color-black">
<div class="a4-outline"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"> </a></div>
<div class="header align-right"><a data-lightbox="page12" data-title="Desert Panorama" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg">머릿글 예시 (오른쪽 정렬) </a></div>
<div class="page-content">
<div class="panel panel--p1"><a data-lightbox="page13" data-title="Desert1" href="/files/attach/images/2025/06/12/845353f7f1dfdb38007c78780b10fd46.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/845353f7f1dfdb38007c78780b10fd46.jpg" /> </a></div>
<div class="panel panel--p2"><a data-lightbox="page13" data-title="Desert2" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p3"><a data-lightbox="page13" data-title="Desert3" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
</div>
<div class="panel panel--p4"><a data-lightbox="page13" data-title="Desert4" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg" /> </a></div>
<div class="panel panel--p5"><a data-lightbox="page13" data-title="Desert5" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="panel panel--p6"><a data-lightbox="page13" data-title="Desert6" href="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/bc0dd6f8d4198f63c3363d25e2abd3b3.jpg" /> </a></div>
<div class="panel panel--p7"><a data-lightbox="page13" data-title="Desert7" href="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/12/6c7063056e4845663bf10843caf74120.jpg" /> </a></div>
<div class="panel panel--p8"><a data-lightbox="page13" data-title="Desert8" href="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg"><img alt="Page 2 Photo" src="/files/attach/images/2025/06/11/992b7d7b9355c543c172e69abf07b8d6.jpg" /> </a></div>
<div class="footer align-right">- Page 32 -</div>
</div>
</div>
<p> </p>
<p> </p>
<script src="https://cdn.jsdelivr.net/npm/lightbox2@2/dist/js/lightbox.min.js"></script></div>
by eGrida posted Jun 17, 2025
