.wrap-pop {position: fixed; left: 0; top: 1000%; z-index: 99999999999; display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; opacity: 0; background: rgba(0,0,0,0.8); transition: opacity .75s;}
.wrap-pop.on { opacity: 1; top: 0;}

.p-container {max-width: 1400px; width: 100%; /*background: rgba(255, 255, 255, 0.1); backdrop-filter: blur(10px); border-radius: 20px; padding: 40px; box-shadow: 0 20px 40px rgba(0, 0, 0, 0.1);*/}
.p-container .slides-container {display: grid; gap: 20px;}

/* 데스크톱: 고정(1개) + 롤링(2개) = 3개 */
@media (min-width: 1024px) {
	.p-container .slides-container {grid-template-columns: 1fr 2fr;}
}

/* 태블릿: 고정(1개) + 롤링(1개) = 2개 */
@media (min-width: 768px) and (max-width: 1023px) {
	.p-container .slides-container {grid-template-columns: 1fr 1fr;}
}

/* 모바일: 세로 배치 */
@media (max-width: 767px) {
	.p-container .slides-container {grid-template-columns: 1fr;}
}

.fixed-slide {/*margin-top:20px;*/ /*height: 400px;*/ display: flex; align-items: center; justify-content: center; /*background: linear-gradient(45deg, #667eea, #764ba2);*/ /*border-radius: 15px;*/ position: relative; overflow: hidden; /*transition: transform 0.3s ease;*/}
.fixed-slide:hover {/*transform: scale(1.02);*/}
.p-container .swiper {width: 100%; /*height: 400px;*/ margin: 0px 0;}
.p-container .swiper-slide {width:400px; display: flex; align-items: center; justify-content: center; /*background: linear-gradient(45deg, #ff6b6b, #feca57, #48dbfb, #ff9ff3, #54a0ff); background-size: 400% 400%; animation: gradientShift 8s ease infinite;*/ /*border-radius: 15px;*/ position: relative; overflow: hidden; transition: transform 0.3s ease;}
/*.swiper-slide:hover {transform: scale(1.05);}*/

@keyframes gradientShift {
	0% { background-position: 0% 50%; }
	50% { background-position: 100% 50%; }
	100% { background-position: 0% 50%; }
}

.p-container .slide-content {text-align: center; color: white; z-index: 2; position: relative;}
.slide-number {font-size: 4rem; font-weight: bold; margin-bottom: 10px; text-shadow: 0 4px 15px rgba(0, 0, 0, 0.5);}
.slide-title {font-size: 1.5rem; font-weight: 300; text-shadow: 0 2px 10px rgba(0, 0, 0, 0.5);}
.p-container .swiper-button-prev,
.p-container .swiper-button-next {color: white; background: rgba(255, 255, 255, 0.2); backdrop-filter: blur(10px); width: 50px; height: 50px; border-radius: 50%; transition: all 0.3s ease;}
.p-container .swiper-button-prev:hover,
.p-container .swiper-button-next:hover {background: rgba(255, 255, 255, 0.3); transform: scale(1.1);}
.p-container .swiper-button-prev::after,
.p-container .swiper-button-next::after {font-size: 18px; font-weight: bold;}
.p-container .swiper-pagination {bottom: 10px;}
.p-container .swiper-pagination-bullet {background: rgba(255, 255, 255, 0.5); opacity: 1; transition: all 0.3s ease;}
.p-container .swiper-pagination-bullet-active {background: white; transform: scale(1.2);}
.info-text {text-align: center; color: rgba(255, 255, 255, 0.8); margin-top: 20px; font-size: 1.1rem;}

/* 하단 버튼 스타일 */
.bottom-buttons {display: flex; gap: 15px; justify-content: center; margin-top: 20px;}

.btn {padding: 0px 24px; border: none; border-radius: 25px; font-size: 1rem; font-weight: 500; cursor: pointer; /*transition: all 0.3s ease; backdrop-filter: blur(10px);*/ position: relative; 			background-color:#000; overflow: hidden;}
.btn::before {content: ''; position: absolute; top: 0; left: -100%; width: 100%; height: 100%; background: linear-gradient(90deg, transparent, rgba(255, 255, 255, 0.2), transparent); transition: left 0.5s ease;}
.btn:hover::before {left: 100%;}
.btn-close {background-color:#000; color: white; /*border: 1px solid rgba(255, 255, 255, 0.3);*/}
.btn-close:hover {background: rgba(255, 255, 255, 0.3); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(0, 0, 0, 0.2);}
.btn-no-show {background-color:#000; /*background: linear-gradient(45deg, #ff6b6b, #feca57);*/ color: white; border: none;}
.btn-no-show:hover {background: linear-gradient(45deg, #ff5252, #ffb300); transform: translateY(-2px); box-shadow: 0 5px 15px rgba(255, 107, 107, 0.3);}
.btn:active {transform: translateY(0);}

/* 반응형 스타일 */
@media (max-width: 768px) {
	.p-container {padding: 20px;}
	h1 {font-size: 2rem; margin-bottom: 20px;}
	.p-container .swiper, .fixed-slide {/*height: 300px;*/}
	.p-container .slide-number {font-size: 3rem;}
	.slide-title {font-size: 1.2rem;}
	.info-text {font-size: 1rem;}
	.bottom-buttons {flex-direction: column; gap: 10px;}
	.btn {width: 100%; padding: 0px 20px;}
}

@media (max-width: 480px) {
	.swiper, .fixed-slide {/*height: 250px;*/}
	.slide-number {font-size: 2.5rem;}
	.slide-title {font-size: 1rem;}
}