@charset 'utf-8';

.popup-outer{display:block;position:fixed;top:0;left:0;width:100%;height:100vh;z-index:150;background-color:rgba(0,0,0,.7);box-sizing:border-box;}
.popup-con-box{position:relative;top:50%;left:50%;max-width:1400px;transform:translate(-50%,-50%);}
.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 a{display:block;}
.popup-con-box .popup-swiper .swiper-wrapper .swiper-slide .slide-img{height:450px;}
.popup-con-box .popup-swiper .swiper-wrapper .swiper-slide .slide-img img{width:100%;height:100%;object-fit:cover;}

.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:38px;background-position:center;transform:translateY(-50%);-webkit-transform:translateY(-50%);}
.popup-con-box .control-wrap-navi .swiper-button-prev{left:-96px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='white' stroke-width='1'%3E%3Cpolyline points='16 4 8 12 16 20'/%3E%3C/svg%3E");}
.popup-con-box .control-wrap-navi .swiper-button-next{right:-96px;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='8 4 16 12 8 20'/%3E%3C/svg%3E");}
.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 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 10px;}
.popup-con-box .control-wrap-page .autoplay > button{display:none;width:17px;border:none;height:17px;line-height:1;}
.popup-con-box .control-wrap-page .autoplay.start > button.start{display:block;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2' stroke-linejoin='round'%3E%3Cpolygon points='6,4 20,12 6,20'/%3E%3C/svg%3E") no-repeat 0 0/100%;}
.popup-con-box .control-wrap-page .autoplay.pause > button.pause{display:block;background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='2'%3E%3Cline x1='8' y1='4' x2='8' y2='20'/%3E%3Cline x1='16' y1='4' x2='16' y2='20'/%3E%3C/svg%3E") no-repeat 0 0 / 100%;;}
.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;border:none;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:-4px 0 0 10px;width:16px;height:16px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M0,0 L24,24 M24,0 L0,24' stroke='white' stroke-width='2'/%3E%3C/svg%3E") no-repeat right center/100%;vertical-align:middle;}
.popup-btn-box > ul > li button.not-show-today{background-color:#fdbb3a;}

@media screen and (max-width:1400px){
	.popup-outer{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 .popup-swiper .swiper-wrapper .swiper-slide .slide-img{height:310px;}
	.popup-con-box .control-wrap-navi{top:-50px}
	.popup-con-box .control-wrap-navi > div{width:40px;height:40px;background-size:28px;}
	.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;}
}

@media screen and (max-width:480px){
	.popup-btn-box > ul{flex-direction:column;padding:20px 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;}
}