.slider .owl-item.active .gallery_outer {
	animation-name: hihi02;
	animation-duration: 1.3s;
}

.slider .prize_wrap {
	margin: 30px 0 30px;
}

.slider .prize_wrap .prize_list li {
	margin-bottom: 0;
}

.gallery_outer {
	width: 100%;
	margin-top: 40px;
	padding: 0;
	height: auto;
	position: relative;
}

.slider .link_wrap {
	margin-top: 50px;
}

/* 갤러리 영역 */

.gallery_wrap {
	position: relative;
	width: 100%;
	z-index: 1000;
	overflow: hidden;
	display: flex;
	gap: 10px;
	justify-content: flex-start;
}

.gallery_wrap ul {
	display: flex;
	justify-content: start;
	gap: 6px;
}

.gallery_wrap .thumb-wrapper {
	width: 100px !important;
	height: auto;
	position: relative;
	border: 1px solid rgba(136, 136, 136, 0.7);
	overflow: hidden;
}

.gallery_wrap .gallery-thumb {
	width: 100%;
	height: 100%;
	object-fit: cover;
	display: block;
	/* border-radius: 4px; */
	cursor: pointer;
	transition: scale .3s ease;
}

.gallery_wrap .thumb-wrapper:hover .gallery-thumb {
	scale: 1.2;
}

/* 유튜브 재생 버튼(선택) */
.play-overlay {
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	width: 45px;
	height: 45px;
	background: url('../images/icon/game_play_1.png') no-repeat center center;
	border-radius: 50%;
	pointer-events: none;
}

#custom-modal-gallery {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 9999;
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: rgba(0, 0, 0, 0.8);
}

#custom-modal-gallery .modal-content {
	display: flex;
	justify-content: center;
	align-items: center;
	background-color: inherit;
	background-clip: unset;
	border-radius: unset;
	border: none;
	flex-direction: row;
	position: relative;
	width: 70dvw;
}

#custom-modal-gallery .modal-body {
	position: relative;
	width: 100%;
	height: auto;
	display: flex;
	align-items: center;
	justify-content: center;
	transition: all 0.4s ease;
	overflow: hidden;
	flex: none;
	padding: 0;
}

#custom-modal-gallery .modal-nav.prev,
#custom-modal-gallery .modal-nav.next {
	width: 40px;
	height: 40px;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	position: absolute;
	top: 50%;
	text-indent: -60px;
	overflow: hidden;
	outline: none;
	opacity: 70%;
	transition: all ease 0.5s;
	-webkit-transition: all ease 0.5s;
	-ms-transition: all ease 0.5s;
	cursor: pointer;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	background-color: transparent;
}

#custom-modal-gallery .modal-nav.disabled {
	opacity: 0;
	cursor: unset;
}

#custom-modal-gallery .modal-nav.prev {
	left: -40px;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
}

#custom-modal-gallery .modal-nav.next {
	right: -40px;
	transform: translateY(-50%) rotate(-135deg);
	-webkit-transform: translateY(-50%) rotate(-135deg);
	-ms-transform: translateY(-50%) rotate(-135deg);
}


#custom-modal-gallery .modal-body img,
#custom-modal-gallery .modal-body .video-wrapper {
	width: 100%;
	height: 100%;
	display: block;
	margin: auto;
	border: 1px solid #333333;
}

.video-wrapper {
	position: relative;
	width: 100%;
	padding-bottom: 56.25%;
	/* 16:9 */
	height: 0;
}

.video-wrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}


.modal-nav {
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	background: rgba(0, 0, 0, 0.5);
	color: white;
	border: none;
	font-size: 24px;
	padding: 10px;
	cursor: pointer;
	z-index: 10000;
}

.modal-nav.prev {
	left: 20px;
}

.modal-nav.next {
	right: 20px;
}

#close-modal-gallery {
	position: absolute;
	top: -33px;
	right: 0;
	cursor: pointer;
	opacity: 70%;
}

#close-modal-gallery img {
	width: 33px;
	height: 31px;
	border: none;
}

.modal-bottom-paging.pc {
	display: block;
	position: absolute;
	bottom: -24px;
	color: white;
	opacity: 70%;
	right: 0;
	font-size: 1rem;
}

.mobile__nav {
	display: none;
	position: absolute;
	bottom: -2.4rem;
	left: 50%;
	transform: translateX(-50%);
	color: white;
	opacity: 70%;
	font-size: 1.2rem;
}

#custom-modal-gallery .mobile__nav .prev,
#custom-modal-gallery .mobile__nav .next {
	width: 1rem;
	height: 1rem;
	border-bottom: 2px solid #fff;
	border-left: 2px solid #fff;
	position: absolute;
	top: 50%;
	text-indent: -60px;
	overflow: hidden;
	outline: none;
	opacity: 70%;
	cursor: pointer;
	background-color: transparent;
}

#custom-modal-gallery .mobile__nav .disabled {
	opacity: 0;
	cursor: unset;
}

#custom-modal-gallery .mobile__nav .prev {
	left: -2rem;
	transform: translateY(-50%) rotate(45deg);
	-webkit-transform: translateY(-50%) rotate(45deg);
	-ms-transform: translateY(-50%) rotate(45deg);
}

#custom-modal-gallery .mobile__nav .next {
	right: -2rem;
	transform: translateY(-50%) rotate(-135deg);
	-webkit-transform: translateY(-50%) rotate(-135deg);
	-ms-transform: translateY(-50%) rotate(-135deg);
}

@media screen and (max-width:1024px) {

	.slider .caption {
		height: auto;
		min-height: unset;
		margin-bottom: 50px;
	}

	.slider .info_wrap {
		width: 100%;
	}

	.gallery_outer {
		margin-top: 30px;
	}

	.slider .link_wrap {
		margin-top: 40px;
	}

	.gallery_wrap {
		justify-content: center;
	}

	.gallery_wrap ul {
		gap: 4px;
	}

	.gallery_wrap .thumb-wrapper {
		width: 84px;
	}

	/* 모달 */
	#custom-modal-gallery .modal-content {
		width: 90vw;
		justify-content: unset;
	}

	#custom-modal-gallery .modal-nav.prev,
	#custom-modal-gallery .modal-nav.next {
		display: none;
	}

	.modal-bottom-paging.pc {
		display: none;
	}

	.mobile__nav {
		display: flex;
	}
}

@media screen and (max-width:768px) {
	.slider .info_wrap {
		height: auto !important;
	}

	.gallery_outer {
		margin-top: 30px;
	}

	.slider .link_wrap {
		margin-top: 40px;
	}

	.gallery_wrap .thumb-wrapper {
		width: 80px;
	}

	#custom-modal-gallery .modal-nav.prev,
	#custom-modal-gallery .modal-nav.next {
		width: 30px;
		height: 30px;
	}

	#custom-modal-gallery .modal-nav.prev {
		left: -20px;
	}

	#custom-modal-gallery .modal-nav.next {
		right: -20px;
	}

	#close-modal-gallery {
		top: -20px;
		right: -15px;
	}

	#close-modal-gallery img {
		width: 60%;
		height: auto;
	}
}

@media screen and (max-width: 1024px) and (min-width: 768px) {
	.slider .caption {
        height: auto !important;
        min-height: unset;
        max-height: 100vh;
        margin-bottom: 50px;
	}

	.slider .info_wrap {
		width: 100% !important;
		min-height: unset !important;
		height: 100% !important;
	}

	.gallery_outer {
		margin-top: 30px;
	}

	.slider .link_wrap {
		margin-top: 40px;
	}
}

@media screen and (max-width:500px) {

	.slider .owl-item.active .gallery_outer {
		animation-name: hihi04;
		animation-duration: 1.3s;
	}

	.slider {
		height: auto;
	}

	.slider .caption {
		max-height: unset;
		height: auto;
		margin-bottom: 50px;
	}

	.slider .info_wrap {
		/* height: calc(var(--vh, 1vh) * 45 + 12vh) !important; */
	}

	.gallery_outer {
		margin-top: 20px;
	}

	.slider .link_wrap {
		margin-top: 30px;
	}

	.gallery_wrap .thumb-wrapper {
		width: 80px !important;
	}

	#custom-modal-gallery .modal-nav.prev,
	#custom-modal-gallery .modal-nav.next {
		width: 20px;
		height: 20px;
	}

	#custom-modal-gallery .modal-nav.prev {
		left: -20px;
	}

	#custom-modal-gallery .modal-nav.next {
		right: -20px;
	}

	#close-modal-gallery {
		top: -20px;
		right: -15px;
	}

	#close-modal-gallery img {
		width: 60%;
		height: auto;
	}


}