/* ====================== 팝업 ====================== */
:root{
	--popup-brand-color:#0C75B7
}
/* 팝업열기 버튼 */
.popup-open-btn{position:fixed;top:160px;right:20px; width:60px;height:60px;z-index:52;}
.popup-open-btn a{display:block;padding-top:10px;position:relative;width:100%;height:100%;border-radius:50%;transition:0.4s ease-in-out;}
.popup-open-btn a:hover,
.popup-open-btn a:active{background-color:#d9d9d9}
.popup-open-btn a:focus {outline:none;box-shadow:0 0 0 3px rgba(0, 123, 255, 0.3);/* 접근성을 위한 대체 포커스 링 */}
.popup-open-btn a .p-count{position:absolute;top:0;right:0;text-align:center;width:24px;height:24px;line-height:24px;font-size:14px;font-weight:bold;background-color:#E41941;border-radius:50%;color:#fff;}
.popup-open-btn a .p-txt{display:block;margin:0 auto;width:40px;height:40px;text-align:center;background-color:var(--popup-brand-color);border-radius:50%;}
.popup-open-btn a .p-txt i{display:inline-block;margin-top:8px;width:24px;height:24px;background-repeat:no-repeat;background-position:center;background-image:url("data:image/svg+xml,%0A%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cg fill='%23fff' clip-path='url(%23a)'%3E%3Cpath d='M14.235 19c.865 0 1.322 1.024.745 1.668A3.993 3.993 0 0 1 12 22a3.99 3.99 0 0 1-2.98-1.332c-.552-.616-.158-1.579.634-1.661l.11-.006L14.235 19ZM12 2c1.358 0 2.506.903 2.875 2.141l.046.171.008.043a8.014 8.014 0 0 1 4.024 6.069l.028.287L19 11v2.931l.02.136a3 3 0 0 0 1.144 1.847l.167.117.162.099c.86.487.56 1.766-.377 1.864L20 18H4c-1.028 0-1.387-1.364-.493-1.87a3 3 0 0 0 1.472-2.063L5 13.924v-2.97A8 8 0 0 1 8.823 4.5l.248-.146.01-.043a3.003 3.003 0 0 1 2.562-2.29l.182-.017L12 2Z'/%3E%3C/g%3E%3Cdefs%3E%3CclipPath id='a'%3E%3Cpath fill='%23fff' d='M0 0h24v24H0z'/%3E%3C/clipPath%3E%3C/defs%3E%3C/svg%3E");}
.popup-open-btn a::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;border-radius:100%;border:3px solid #d9d9d9;z-index:-1;
	-webkit-animation:Shrink 1.0s ease-out;
	-moz-animation:Shrink 1.0s ease-out;
	-o-animation:Shrink 1.0s ease-out;
	-ms-animation:Shrink 1.0s ease-out;
	animation:Shrink 1.0s ease-out;
	-webkit-animation-iteration-count:infinite;
	-moz-animation-iteration-count:infinite;
	-o-animation-iteration-count:infinite;
	-ms-animation-iteration-count:infinite;
	animation-iteration-count:infinite;
	opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter:alpha(opacity=0);}

@-webkit-keyframes Shrink{
	0%{
		-webkit-transform:scale(0.5, 0.5);
		-moz-transform:scale(0.5, 0.5);
		-o-transform:scale(0.5, 0.5);
		-ms-transform:scale(0.5, 0.5);
		transform:scale(0.5, 0.5);
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
	}
	50%{
		opacity:1;-ms-filter:none;filter:none;
	}
	100%{
		-webkit-transform:scale(1.0, 1.0);
		-moz-transform:scale(1.0, 1.0);
		-o-transform:scale(1.0, 1.0);
		-ms-transform:scale(1.0, 1.0);
		transform:scale(1.0, 1.0);
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
	}
}
@-moz-keyframes Shrink{
	0%{
		-webkit-transform:scale(0.5, 0.5);
		-moz-transform:scale(0.5, 0.5);
		-o-transform:scale(0.5, 0.5);
		-ms-transform:scale(0.5, 0.5);
		transform:scale(0.5, 0.5);
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
	}
	50%{
		opacity:1;-ms-filter:none;filter:none;
	}
	100%{
		-webkit-transform:scale(1.0, 1.0);
		-moz-transform:scale(1.0, 1.0);
		-o-transform:scale(1.0, 1.0);
		-ms-transform:scale(1.0, 1.0);
		transform:scale(1.0, 1.0);
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
	}
}
@-o-keyframes Shrink{
	0%{
		-webkit-transform:scale(0.5, 0.5);
		-moz-transform:scale(0.5, 0.5);
		-o-transform:scale(0.5, 0.5);
		-ms-transform:scale(0.5, 0.5);
		transform:scale(0.5, 0.5);
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
	}
	50%{
		opacity:1;-ms-filter:none;filter:none;
	}
	100%{
		-webkit-transform:scale(1.0, 1.0);
		-moz-transform:scale(1.0, 1.0);
		-o-transform:scale(1.0, 1.0);
		-ms-transform:scale(1.0, 1.0);
		transform:scale(1.0, 1.0);
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
	}
}
@keyframes Shrink{
	0%{
		-webkit-transform:scale(0.5, 0.5);
		-moz-transform:scale(0.5, 0.5);
		-o-transform:scale(0.5, 0.5);
		-ms-transform:scale(0.5, 0.5);
		transform:scale(0.5, 0.5);
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
	}
	50%{
		opacity:1;-ms-filter:none;filter:none;
	}
	100%{
		-webkit-transform:scale(1.0, 1.0);
		-moz-transform:scale(1.0, 1.0);
		-o-transform:scale(1.0, 1.0);
		-ms-transform:scale(1.0, 1.0);
		transform:scale(1.0, 1.0);
		opacity:0;
		-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
		filter:alpha(opacity=0);
	}
}
.popup-open-btn a:hover::before,
.popup-open-btn a:active::before,
.popup-open-btn a:focus::before{animation-play-state:paused;}
.popup-open-btn a.clicked::before {animation:none;}
.popup-open-btn a.clicked:focus {box-shadow:none;}

/* 팝업닫기 버튼 */
.popup-wrap .popup-close-btn{position:fixed;top:160px;right:20px;width:60px;height:60px;z-index:72;}
.popup-wrap .popup-close-btn a{display:flex;justify-content:center;align-items:center;width:100%;height:100%;background-color:#fff;border-radius:50%;transition:0.4s ease-in-out;}
.popup-wrap .popup-close-btn a span{display:inline-block;position:relative;width:32px;height:32px;}
.popup-wrap .popup-close-btn a i{display:inline-block;position:absolute;top:50%;left:50%;transform-origin:center center;width:3px;height:20px;border-radius:4px;background-color:#000;transition:0.4s ease-in-out;}
.popup-wrap .popup-close-btn a i:first-child{transform:translate(-50%, -50%) rotate(-45deg);}
.popup-wrap .popup-close-btn a i:last-child{transform:translate(-50%, -50%) rotate(45deg);}
.popup-wrap .popup-close-btn a:hover i,
.popup-wrap .popup-close-btn a:active i,
.popup-wrap .popup-close-btn a:focus i{height:28px;}

/* 팝업 :열린상태  */
.popup-wrap{display:none;position:fixed;left:0;top:0;right:0;bottom:0;width:100%;height:100%;overflow-y:auto;z-index:99;background:rgba(0, 0, 0, 0.7);visibility:hidden;opacity:0;}
.popup-wrap.active{display:block;visibility:visible;opacity:1;}
.popup-wrap .popup-inner{position:relative;margin:100px auto 0;max-width:1200px;}

.popup-wrap::-webkit-scrollbar, .popup-wrap .popup-memo::-webkit-scrollbar{
	width: 10px;
}
.popup-wrap::-webkit-scrollbar-thumb, .popup-wrap .popup-memo::-webkit-scrollbar-thumb{
	background-color: #2f3542;
	border-radius: 10px;
	background-clip: padding-box;
	border: 2px solid transparent;
}
.popup-wrap::-webkit-scrollbar-track, .popup-wrap .popup-memo::-webkit-scrollbar-track{
	background-color: grey;
	border-radius: 10px;
	box-shadow: inset 0px 0px 5px white;
}

/* 팝업 컨텐츠 */
.popup-wrap .popup-list{display:flex;flex-direction:column;gap:20px;width:100%;}
.popup-wrap .popup-list .popup-head{text-align:center;font-weight:bold;font-size:48px;line-height:1.3;color:#fff;}
.popup-wrap .popup-list .popup-conts{width:100%;transition:none;}
.popup-wrap .popup-list .popup-conts ul li{overflow:hidden;border-radius:12px;background-color:#fff;}
.popup-wrap .popup-list .popup-conts ul li a,
.popup-wrap .popup-list .popup-conts ul li img{display:block;}
.popup-wrap .popup-list .popup-conts ul li img{margin:0 auto;}
.popup-wrap .popup-list .popup-conts ul li .popup-memo{padding:10px;max-height:460px;background-color:#fff;overflow-y:auto;}
.popup-wrap .popup-list .popup-conts ul li .popup-memo h3{margin-bottom:10px;}
.popup-wrap .popup-list .swiper-horizontal{cursor:move;}
.popup-wrap .popup-list .popup-conts ul:where(:not(:has(li:nth-child(3)))) {justify-content:center;}
.popup-wrap .popup-list .swiper-indicator{display:flex;align-items:center;flex-direction:row;gap:8px;flex-shrink:0;position:relative;}
.popup-wrap .popup-list .swiper-indicator.text-center{justify-content:center;}
.popup-wrap .popup-list .swiper-indicator .swiper-pagination{top:auto;bottom:auto;width:auto;}
.popup-wrap .popup-list .swiper-indicator .swiper-pagination:not(.swiper-pagination-fraction){display:flex;align-items:center;justify-content:center;flex-direction:row;height:40px;padding:12px;border-radius:50%;background-color:#131416}
.popup-wrap .popup-list .swiper-indicator .swiper-pagination.swiper-pagination-fraction.swiper-pagination-bg{font-weight:700;padding:12px;border-radius:50%;background-color:#000;}
.popup-wrap .popup-list .swiper-indicator .swiper-button-next,
.popup-wrap .popup-list .swiper-indicator .swiper-button-prev{position:relative;top:auto;bottom:auto;left:auto;right:auto;margin:0;}
.popup-wrap .popup-list .swiper-indicator .swiper-navigation{display:inline-flex;gap:8px;}
.popup-wrap .popup-list .swiper-pagination{display:flex;align-items:center;justify-content:center;flex-direction:row;position:relative;height:40px;}
.popup-wrap .popup-list .swiper-pagination .swiper-pagination-bullet{width:8px;height:8px;background-color:#6d7882;opacity:1;}
.popup-wrap .popup-list .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active{width:2rem;border-radius:50%;background-color:var(--popup-brand-color);}
.popup-wrap .popup-list .swiper-pagination.swiper-pagination-fraction{gap:4px;padding:0 16px;color:#f4f5f6;font-weight:700;border:2px solid #3d3d3d;border-radius:20px;background-color:#000;}
.popup-wrap .popup-list .swiper-pagination.swiper-pagination-fraction .swiper-pagination-current{color:#abd8e3}
.popup-wrap .popup-list .swiper-controller{display:flex;align-items:center;justify-content:center;flex-direction:row;gap:8px}
.popup-wrap .popup-list [class^=swiper-button-]{display:flex;align-items:center;justify-content:center;flex-direction:row;width:40px;height:40px;flex-shrink:0;border-radius:50%;border:2px solid #3d3d3d;background-color:#000;}
.popup-wrap .popup-list [class^=swiper-button-]::after{content:"";display:inline-flex;width:24px;height:24px;font-size:0 !important;}
.popup-wrap .popup-list [class^=swiper-button-]:hover{background-color:#091f25}
.popup-wrap .popup-list .btn-control{display:flex;justify-content:center;align-items:center;gap:20px;margin-top:20px;width:100%;}
.popup-wrap .popup-list .btn-control .swiper-button-more::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M12.8 4.5a.8.8 0 0 0-1.6 0v6.7H4.5a.8.8 0 0 0 0 1.6h6.7v6.7a.8.8 0 1 0 1.6 0v-6.7h6.7a.8.8 0 1 0 0-1.6h-6.7V4.5Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.popup-wrap .popup-list .btn-control .swiper-button-play::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='m8.8 17.9 7.865-5.9-7.867-5.9v11.8H8.8Zm.08 1.94A1.05 1.05 0 0 1 7.2 19V5a1.05 1.05 0 0 1 1.68-.84l9.332 7c.56.42.56 1.26 0 1.68l-9.334 7h.001Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.popup-wrap .popup-list .btn-control .swiper-button-stop::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M7.8 5a.8.8 0 1 0-1.6 0v14a.8.8 0 0 0 1.6 0V5Zm10 0a.8.8 0 0 0-1.6 0v14a.8.8 0 0 0 1.6 0V5Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.popup-wrap .popup-list .btn-control .swiper-button-next::after,
.popup-wrap .popup-list .btn-control .swiper-button-prev::after{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' fill-rule='evenodd' d='M4.472 8.398a.8.8 0 0 1 1.13.075l6.397 7.312 6.398-7.312a.8.8 0 1 1 1.204 1.054L12 18.215 4.397 9.527a.8.8 0 0 1 .075-1.13Z' clip-rule='evenodd'/%3E%3C/svg%3E");}
.popup-wrap .popup-list .btn-control .swiper-button-next:hover,
.popup-wrap .popup-list .btn-control .swiper-button-prev:hover{background-color:#091f25}
.popup-wrap .popup-list .btn-control .swiper-button-next:active,
.popup-wrap .popup-list .btn-control .swiper-button-prev:active{background-color:#0e3139}
.popup-wrap .popup-list .btn-control .swiper-button-next.swiper-button-disabled,
.popup-wrap .popup-list .btn-control .swiper-button-prev.swiper-button-disabled{background-color:#33363d;border-width:1px;}
/* .popup-wrap .popup-list .btn-control .swiper-button-next.swiper-button-disabled::after,
.popup-wrap .popup-list .btn-control .swiper-button-prev.swiper-button-disabled::after{background-color:#6d7882;} */
.popup-wrap .popup-list .btn-control .swiper-button-next{right:0;}
.popup-wrap .popup-list .btn-control .swiper-button-next::after{transform:rotate(-90deg);}
.popup-wrap .popup-list .btn-control .swiper-button-prev{left:0;}
.popup-wrap .popup-list .btn-control .swiper-button-prev::after{transform:rotate(90deg);}
.popup-wrap .popup-list .txt-only {position:absolute !important;width:1px !important;height:1px !important;padding:0 !important;margin:-1px !important;overflow:hidden !important;clip:rect(0, 0, 0, 0) !important;white-space:nowrap !important;border:0 !important;}
.popup-wrap .popup-btn-box{display:flex;gap:10px;justify-content:center;align-items:center;flex-wrap:wrap;margin-bottom:20px;}
.popup-wrap .popup-btn-box span,
.popup-wrap .popup-btn-box a{display:inline-block;font-size:16px;font-weight:500;color:#fff;background-color:#000;border:2px solid #3d3d3d;border-radius:24px;}
.popup-wrap .popup-btn-box a:hover,
.popup-wrap .popup-btn-box a::after{background-color:var(--popup-brand-color);}
.popup-wrap .popup-btn-box span{padding:10px 20px;}
.popup-wrap .popup-btn-box span b{display:inline-block;margin-left:5px;margin-right:3px;color:#2c8dc9;}
.popup-wrap .popup-btn-box a{padding:10px 15px 10px 20px;}
.popup-wrap .popup-btn-box a i{display:inline-block;position:relative;margin-left:10px;vertical-align:middle;width:22px;height:22px;}
.popup-wrap .popup-btn-box a i::after,
.popup-wrap .popup-btn-box a i::before{content:'';display:inline-block;position:absolute;top:50%;left:50%;transform-origin:center center;width:2px;height:16px;background-color:#fff;}
.popup-wrap .popup-btn-box a i::after{transform:translate(-50%, -50%) rotate(-45deg)}
.popup-wrap .popup-btn-box a i::before{transform:translate(-50%, -50%) rotate(45deg)}

.sr-only{position: absolute !important;width: 1px !important;height: 1px !important;padding: 0 !important;margin: -1px !important;overflow: hidden !important;clip: rect(0, 0, 0, 0) !important;white-space: nowrap !important;border: 0 !important;}
.popup-wrap .swiper-slide img {max-width: 100% !important;height: auto !important;}

@media (max-width:1248px) {
	.popup-wrap .popup-inner{width:100%;padding:0 24px;}
}
@media (max-width:1024px) {
	.popup-open-btn{top:auto;right:16px;bottom:80px;}
	.popup-wrap{padding-bottom:20px;height:100vh;overflow-y:auto;}
	.popup-wrap .popup-close-btn{position:absolute;top:0;right:16px;}
	.popup-wrap .popup-inner{margin:40px auto 0;}
}
@media (max-width:767px) {
	.popup-wrap .popup-inner{margin-top:24px;}
	.popup-wrap .popup-close-btn{top:0px;right:16px;width:40px;height:40px;}
	.popup-wrap .popup-conts .btn-control{flex-direction:column;gap:16px;}
	.popup-wrap .popup-list{gap:16px;}
	.popup-wrap .popup-list .popup-head{font-size:30px;}
	.popup-wrap .popup-list .swiper-indicator.w-hide {display:flex !important;}
	.popup-wrap .popup-list .swiper-indicator .swiper-navigation.w-hide {display:flex !important;}
	.popup-wrap .popup-list .popup-conts ul:where(:not(:has(li:nth-child(3)))) {justify-content:flex-start;}
	.popup-wrap .popup-list .popup-conts ul li .popup-memo{max-height:400px;}
}
@media (max-width:500px) {
	.popup-wrap .popup-btn-box span{display: none;}
}
@media (max-width:370px) {
	.popup-wrap .popup-btn-box a{font-size:.8em;letter-spacing: -0.1em;}
}

.popup-wrap a:hover,
.popup-wrap a:focus {
	outline-color: #fff !important;
}