/* ==================== 레이어팝업 (원본 CSS 유지) ==================== */
.popLayer{display:none; position:fixed; top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:9999;}
.popLayer.show{display:flex;}
.popLayer .popZone{position:absolute;top:0;left:0;padding:0 30px;width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.popLayer .popZone .popCon{padding:0 70px; max-width:1800px; width:100%;}
.popLayer .popZone .popCon .mLayPopSlide{width:100%; height:80vh; position:relative;}
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper { width: 100%; height: 100%; overflow: hidden;}
.popLayer .popZone .popCon .mLayPopSlide ul { display: flex !important; /* flex 모드 강제 */ justify-content: flex-start !important; /* 가운데 정렬 해제 (매우 중요) */ align-items: stretch; gap: 24px; height: 100%; transition: transform 0.5s ease-in-out !important; /* 애니메이션 효과 */ margin: 0; padding: 0; list-style: none; will-change: transform; /* 브라우저 최적화 */}
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li{width:calc(100%/ 3 - 16px); flex-shrink:0;}
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li .box{padding:10px 10px 20px; background:rgba(0,0,0,0.6); /*border:1px solid rgba(255,255,255,0.6);*/ border-radius:20px;height:100%;display:flex;flex-direction:column;}
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li .box .tit{padding:5px;text-align:center;flex-shrink:0; display: flex; flex-direction: column; gap: 8px; margin-top: 16px; margin-bottom: 0;}
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li .box .tit h2{font-size:17px; color:#fff; font-weight:400; margin:0; min-height: 48px; width: 100%;}
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li .box .con{height: calc(100% - 112px);}
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li .box .con a{display:block; width: 100%; height: 100%;}
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li .box .con a img,
.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li .box .con img{width:100%; height: 100%; object-fit:fill; border-radius:10px;cursor:pointer;flex:1;}
.popLayer .popZone .popCon .control{position:absolute;top:50%;left:0;right:0;display:flex;justify-content:space-between;padding:0 20px;transform:translateY(-50%);}
.popLayer .popZone .popCon .control button{position:absolute;top:50%;width:44px;height:44px;text-indent:-999px;overflow:hidden; background: rgba(255, 255, 255, 0.2); border-radius:50%;transform:translateY(-50%); cursor:pointer; }
.popLayer .popZone .popCon .control button::after{position:absolute; top:50%; left:50%; width:12px; height:12px; content:'';border:1px solid #fff; border-width:0 0 2px 2px;transform:translate(-30%,-50%) rotate(45deg);}
.popLayer .popZone .popCon .control .prevSlide_lyp{left:-60px;}
.popLayer .popZone .popCon .control .nextSlide_lyp{right:-60px;}
.popLayer .popZone .popCon .control .nextSlide_lyp::after{transform:translate(-70%,-50%) rotate(-135deg);}
.popLayer .popZone .popCon .lypPage{display:none;}
.popLayer .popZone .popCon .btnBox{display:flex; align-items:center; justify-content:center; gap:16px; margin-top:40px;}
.popLayer .popZone .popCon .btnBox button{padding:8px 25px; /*height:38px;*/ font-size:20px; color:#fff; background:rgba(0,0,0,0.6); /*border:1px solid rgba(255,255,255,0.6);*/ border-radius:20px; cursor:pointer; transition:all .2s;}
.popLayer .popZone .popCon .btnBox button:hover{background:rgba(0,0,0,0.8);}
.popLayer .popZone .popCon .btnBox .btnClose{position:relative;padding-right:45px;}
.popLayer .popZone .popCon .btnBox .btnClose::after{position:absolute; top:50%; right:16px; width:16px; height:0; content:''; border-top:2px solid #fff; transform:translateY(-50%) rotate(45deg);}
.popLayer .popZone .popCon .btnBox .btnClose::before{position:absolute; top:50%; right:16px; width:16px; height:0; content:''; border-top:2px solid #fff; transform:translateY(-50%) rotate(-45deg);}
.popLayer .popZone .popCon .btnBox .btnTogglePlay{width:46px; height:46px; padding:0; display:flex; align-items:center; justify-content:center; border-radius:50%;}
.popLayer .popZone .popCon .btnBox .btnTogglePlay .micon{font-size:30px;}
.popLayer .popZone .popCon .btnBox .btnToday::after{content:'✓';margin-left:5px;}
@media(max-width:1200px){
	.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li{width: calc(100% / 2 - 12px);}
}
@media(max-width:880px){
	.popLayer .popZone .popCon{padding:0 40px;}
	.popLayer .popZone .popCon .btnBox{gap:8px;}
	.popLayer .popZone .popCon .mLayPopSlide .slideWrapper ul li{width: 100%;}
	.popLayer .popZone .popCon .btnBox button{font-size:17px;}
}
@media(max-width:430px){
	.popLayer .popZone .popCon{padding:0 8px;}
	.popLayer .popZone .popCon .control .prevSlide_lyp{left:-32px;}
	.popLayer .popZone .popCon .control .nextSlide_lyp{right:-32px;}
	.popLayer .popZone .popCon .mLayPopSlide{height: 70vh;}
	.popLayer .popZone .popCon .btnBox{flex-wrap:wrap;}
}