.popup-outer{display:none;}
.popup-outer.on{display:flex;align-items:center;justify-content:center;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:150;background-color:rgba(0,0,0,.4);box-sizing:border-box;}
.popup-con-box{position:relative;width:90%;max-width:1178px;transform:none;}
.popup-con-box .popup-swiper{width:auto;box-sizing:border-box;}
.popup-con-box .popup-swiper .swiper-wrapper{display:flex;}
.popup-con-box .popup-swiper .swiper-wrapper .swiper-slide{}
.popup-con-box .popup-swiper .swiper-wrapper .swiper-slide a{display:block;}
.popup-con-box .popup-swiper .swiper-wrapper .swiper-slide .slide-img{height:auto;}
.popup-con-box .popup-swiper .swiper-wrapper .swiper-slide .slide-img img{width:100%;height:auto;object-fit:contain;}

.popup-con-box .control-wrap-navi{}
.popup-con-box .control-wrap-navi > div{position:absolute;top:50%;width:76px;height:76px;border:1px solid rgba(255,255,255,.3);border-radius:50%;background-repeat:no-repeat;background-size:12px 22px;background-position:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.popup-con-box .control-wrap-navi .swiper-button-prev{left:-96px;background-image:url(/_res/songeui/_share/img/common/ico-popup-arrow-prev.png);}
.popup-con-box .control-wrap-navi .swiper-button-next{right:-96px;background-image:url(/_res/songeui/_share/img/common/ico-popup-arrow-next.png);}

.popup-con-box .control-wrap-page{display:flex;align-items:center;position:absolute;top:-30px;right:0;line-height:1;}
.popup-con-box .control-wrap-page .popup-pagination{}
.popup-con-box .control-wrap-page .popup-pagination p{}
.popup-con-box .control-wrap-page .popup-pagination p span{font-size:14px;font-weight:700;color:#fff;line-height:1;}
.popup-con-box .control-wrap-page .swiper-button-lock{display:block;}

.popup-con-box .control-wrap-page .autoplay{display:inline-block;padding:0 0 0 24px;}
.popup-con-box .control-wrap-page .autoplay > button{display:none;width:8px;height:10px;line-height:1;}
.popup-con-box .control-wrap-page .autoplay.start > button.start{display:block;background:url(/_res/songeui/_share/img/common/ico-popup-start.png) no-repeat 0 0/100%;}
.popup-con-box .control-wrap-page .autoplay.pause > button.pause{display:block;background:url(/_res/songeui/_share/img/common/ico-popup-pause.png) no-repeat 0 0/100%;}
.popup-btn-box{}
.popup-btn-box > ul{display:flex;justify-content:flex-end;padding:36px 0 0;}
.popup-btn-box > ul > li:last-of-type{margin:0;}
.popup-btn-box > ul > li::after{content:'';display:inline-block;margin:0 20px;width:1px;height:30px;background-color:rgba(255,255,255,.3);vertical-align:middle;}
.popup-btn-box > ul > li:last-of-type::after{display:none;}
.popup-btn-box > ul > li button{display:inline-block;padding:17px 23px;border-radius:23px;background-color:#000;font-size:14px;font-weight:500;color:#fff;line-height:1;vertical-align:middle;cursor:pointer;}
.popup-btn-box > ul > li button::after{content:'';display:inline-block;margin:-2px 0 0 10px;width:16px;height:16px;background:url(/_res/songeui/_share/img/common/ico-popup-close.png)no-repeat 0 0/100%;vertical-align:middle;}
.popup-btn-box > ul > li button.not-show-today{background-color:#002aff;}

@media screen and (max-width:1400px){
	.popup-outer.on{padding:0 20px;}
	.popup-con-box .control-wrap-navi{position:absolute;left:0;top:-60px;font-size:0;line-height:1;}
	.popup-con-box .control-wrap-navi > div{position:static;margin:0 20px 0 0;width:50px;height:50px;transform:unset;-webkit-transform:unset;}
	.popup-con-box .control-wrap-navi > div:last-of-type{margin:0;}
	.popup-con-box .control-wrap-navi .swiper-button-prev{display:inline-block;left:unset;}
	.popup-con-box .control-wrap-navi .swiper-button-next{display:inline-block;right:unset;}
}

@media screen and (max-width:1024px){
	.popup-con-box{width:95%;}
	.popup-con-box .popup-swiper .swiper-wrapper .swiper-slide .slide-img{height:auto;}
	.popup-con-box .control-wrap-navi{top:-50px}
	.popup-con-box .control-wrap-navi > div{width:40px;height:40px;background-size:8px 18px;}
	.popup-con-box .control-wrap-page .popup-pagination p span{font-size:13px;}
	.popup-con-box .control-wrap-page .autoplay{display:inline-block;padding:0 0 0 15px;}

	.popup-btn-box > ul{padding:20px 0 0;}
	.popup-btn-box > ul > li::after{margin:0 10px;width:1px;height:20px;}
	.popup-btn-box > ul > li button{padding:15px 20px;font-size:13px;}
	.popup-btn-box > ul > li button::after{margin:-2px 0 0 9px;width:14px;height:14px;}
}

@media screen and (max-width:480px){
	.popup-con-box{width:100%;padding:0 15px;}
	.popup-con-box .popup-swiper .swiper-wrapper .swiper-slide .slide-img{height:auto;}
	.popup-btn-box > ul{flex-direction:column;padding:15px 0 0;}
	.popup-btn-box > ul > li{margin:0 0 10px;}
	.popup-btn-box > ul > li::after{display:none;}
	.popup-btn-box > ul > li:last-of-type{margin:0;}
	.popup-btn-box > ul > li button{width:100%;text-align:center;}
}

/* 권한 추가 */
.popup-list {display: none;}