/* 콘텐츠(page) 본문 이미지 라이트박스 — 클릭하면 확대 모달.
   대상 표시는 JS 가 .arc-plb-zoom 을 붙여서 한다. */

img.arc-plb-zoom{cursor:zoom-in}

.arc-plb{position:fixed;top:0;right:0;bottom:0;left:0;width:100vw;height:100vh;z-index:1300}
.arc-plb[hidden]{display:none}
.arc-plb__scrim{position:absolute;top:0;right:0;bottom:0;left:0;background:rgba(24,19,18,.9);cursor:zoom-out}
.arc-plb__box{position:relative;margin:0;height:100%;display:flex;flex-direction:column;
	align-items:center;justify-content:center;gap:14px;padding:clamp(16px,4vw,48px);pointer-events:none}
.arc-plb__img{max-width:min(1200px,100%);max-height:82vh;object-fit:contain;display:block;
	box-shadow:0 30px 80px -20px rgba(0,0,0,.6);pointer-events:auto}
.arc-plb__cap{max-width:min(1100px,100%);color:rgba(255,255,255,.85);font-size:13px;line-height:1.6;text-align:center}
.arc-plb__cap:empty{display:none}
.arc-plb__close{position:absolute;top:14px;right:14px;width:44px;height:44px;border:0;border-radius:10px;
	background:rgba(255,255,255,.12);color:#fff;font-size:26px;line-height:1;cursor:pointer;
	transition:background .18s ease}
.arc-plb__close:hover{background:rgba(255,255,255,.28)}
.arc-plb__nav{position:absolute;top:50%;transform:translateY(-50%);width:46px;height:46px;border:0;border-radius:50%;
	background:rgba(255,255,255,.14);color:#fff;font-size:19px;line-height:1;cursor:pointer;
	transition:background .18s ease}
.arc-plb__nav:hover{background:rgba(255,255,255,.3)}
.arc-plb__nav[hidden]{display:none}
.arc-plb__nav--prev{left:14px}
.arc-plb__nav--next{right:14px}
@media(max-width:600px){
	.arc-plb__img{max-height:74vh}
	.arc-plb__nav{width:40px;height:40px}
}
body.arc-plb-lock{overflow:hidden}

/* 라이트박스 안 확대 — 이미지를 누르면 원본 크기로, 스크롤로 둘러본다(JS 가 is-zoomable / is-zoomed 를 붙인다). */
.arc-plb__hint{margin:0;color:rgba(255,255,255,.55);font-size:12px;line-height:1.5;display:none}
.arc-plb.is-zoomable:not(.is-zoomed) .arc-plb__hint{display:block}
.arc-plb.is-zoomable .arc-plb__img{cursor:zoom-in}
.arc-plb.is-zoomed .arc-plb__box{display:block;overflow:auto;pointer-events:auto;text-align:center;
	-webkit-overflow-scrolling:touch;overscroll-behavior:contain}
.arc-plb.is-zoomed .arc-plb__img{max-width:none;max-height:none;height:auto;margin:0 auto;cursor:zoom-out}
.arc-plb.is-zoomed .arc-plb__cap{margin:14px auto 0}