/* RZO 이미지 갤러리 - 공통 설정 */
/* 활성 썸네일 테두리색: --rzo-gallery-active-border / 이미지 비율: --rzo-gallery-aspect-ratio */
.rzo-gallery {--rzo-gallery-aspect-ratio:1127 / 607; --rzo-gallery-image-fit:cover; --rzo-gallery-thumb-width:78px; --rzo-gallery-thumb-height:45px; --rzo-gallery-thumb-gap:6px; --rzo-gallery-active-border:#ed2390; --rzo-gallery-arrow-bg:rgba(0,0,0,.42); --rzo-gallery-arrow-color:#fff; position:relative; width:100%; min-width:0; max-width:100%;}
.rzo-gallery,.rzo-gallery * {box-sizing:border-box;}
	.rzo-gallery button {font:inherit;}
	.rzo-gallery button:focus-visible {outline:2px solid var(--rzo-gallery-active-border); outline-offset:3px;}

/* 큰 이미지 슬라이드 - 부모 너비에 맞춰 100% 적용 */
	.rzo-gallery-main {position:relative; width:100%; aspect-ratio:var(--rzo-gallery-aspect-ratio); background:#181818; overflow:hidden; cursor:grab; touch-action:pan-y; user-select:none; -webkit-user-select:none;}
	.rzo-gallery-main.is-dragging {cursor:grabbing;}
		.rzo-gallery-track {display:flex; width:100%; height:100%; will-change:transform; transition-property:transform; transition-duration:var(--rzo-gallery-speed,650ms); transition-timing-function:cubic-bezier(.22,.61,.36,1);}
			.rzo-gallery-slide {position:relative; flex:0 0 100%; min-width:0; height:100%; overflow:hidden;}
				.rzo-gallery-slide img {display:block; width:100%; height:100%; object-fit:var(--rzo-gallery-image-fit); pointer-events:none; -webkit-user-drag:none; user-select:none;}

/* 큰 이미지 좌우 화살표 */
		.rzo-gallery-arrow {position:absolute; top:50%; z-index:5; display:flex; align-items:center; justify-content:center; width:48px; height:64px; padding:0; margin:0; border:0; border-radius:0; background:var(--rzo-gallery-arrow-bg); color:var(--rzo-gallery-arrow-color); cursor:pointer; transform:translateY(-50%); transition:background-color .2s ease;}
			.rzo-gallery-arrow:hover {background:rgba(0,0,0,.75); }
			.rzo-gallery-arrow svg {display:block; width:22px; height:22px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
			.rzo-gallery-arrow--prev {left:0;}
			.rzo-gallery-arrow--next {right:0;}
/* 큰 이미지 화살표 마우스 오버 */
@media (hover:hover) and (pointer:fine) {
	.rzo-gallery-main .rzo-gallery-arrow {opacity:0; visibility:hidden; pointer-events:none; transition:opacity .25s ease, visibility .25s ease, background-color .2s ease;}
	.rzo-gallery-main:hover .rzo-gallery-arrow,
	.rzo-gallery-main:focus-visible .rzo-gallery-arrow {opacity:1; visibility:visible; pointer-events:auto;}
}

/* 하단 썸네일 영역 - 넘칠 때만 이동 화살표 표시 */
	.rzo-gallery-thumbs-wrap {position:relative; display:flex; align-items:center; justify-content:center; width:100%; min-width:0; margin-top:12px;}
		.rzo-gallery-thumbs-viewport {flex:0 1 auto; min-width:0; max-width:100%; overflow-x:auto; overflow-y:hidden; scrollbar-width:none; overscroll-behavior-x:contain; touch-action:pan-x pan-y; cursor:grab;}
		.rzo-gallery-thumbs-viewport.is-dragging {cursor:grabbing;}
		.rzo-gallery-thumbs-viewport::-webkit-scrollbar {display:none;}
			.rzo-gallery-thumbs-track {position:relative; display:flex; gap:var(--rzo-gallery-thumb-gap); width:max-content;}
				.rzo-gallery-thumb {position:relative; display:block; flex:0 0 var(--rzo-gallery-thumb-width); width:var(--rzo-gallery-thumb-width); height:var(--rzo-gallery-thumb-height); padding:0; margin:0; border:2px solid transparent; border-radius:0; background:#292929; cursor:pointer; user-select:none; -webkit-user-select:none;}
					.rzo-gallery-thumb img {display:block; width:100%; height:100%; object-fit:cover; pointer-events:none; -webkit-user-drag:none;}
				.rzo-gallery-thumb.is-active {border-color:var(--rzo-gallery-active-border);}
				.rzo-gallery-thumb:hover:not(.is-active) {border-color:rgba(255,255,255,.65);}

/* 썸네일 좌우 화살표 */
		.rzo-gallery-thumb-arrow {position:absolute; top:50%; z-index:6; display:none; align-items:center; justify-content:center; width:28px; height:45px; padding:0; margin:0; border:0; border-radius:0; background:var(--rzo-gallery-arrow-bg); color:var(--rzo-gallery-arrow-color); cursor:pointer; transform:translateY(-50%);}
			.rzo-gallery-thumb-arrow svg {display:block; width:17px; height:17px; fill:none; stroke:currentColor; stroke-width:2; stroke-linecap:round; stroke-linejoin:round;}
			.rzo-gallery-thumb-arrow--prev {left:0;}
			.rzo-gallery-thumb-arrow--next {right:0;}
	.rzo-gallery.has-thumbs-overflow .rzo-gallery-thumb-arrow {display:flex;}
	.rzo-gallery.has-thumbs-overflow .rzo-gallery-thumbs-viewport {max-width:calc(100% - 68px);}
			.rzo-gallery-thumb-arrow:disabled {opacity:.25; cursor:default;}
	.rzo-gallery.is-single .rzo-gallery-arrow {display:none;}

/* 모바일 */
@media all and (max-width:768px) {
	.rzo-gallery {--rzo-gallery-thumb-width:67px; --rzo-gallery-thumb-height:42px; --rzo-gallery-thumb-gap:5px;}
		.rzo-gallery-arrow {width:34px; height:50px;}
			.rzo-gallery-arrow svg {width:17px; height:17px;}
		.rzo-gallery-thumbs-wrap {margin-top:8px;}
}

/* OS 동작 줄이기 옵션 */
@media (prefers-reduced-motion:reduce) {
	.rzo-gallery-track {transition-duration:0ms!important;}
}