/* 콘텐츠(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}