@charset "utf-8";
/* CSS Document */

.con_inner																		{ width:94%; max-width:1600px; margin-left:auto; margin-right:auto; }

/* 단일 레이어 팝업 */
#popup_layer 																{ position:fixed; top:0; left:0; z-index:10000; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.4);}
.popup_box																	{ position:relative; top:50%; left:50%; width:94%; max-width:700px; transform:translate(-50%, -50%); z-index:1002; box-sizing:border-box; background:#fff; 
																				box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35); -webkit-box-shadow:2px 5px 10px 0px rgba(0,0,0,0.35); -moz-box-shadow: 2px 5px 10px 0px rgba(0,0,0,0.35); }
.popup_box .popup_cont 														{ line-height:1.4rem; font-size:14px; word-break: break-word; overflow-y:auto; max-height: calc(100svh - 100px);}
.popup_box .popup_btn 														{ display:flex; flex-wrap:wrap; width:100%; height:3em;word-break:break-word; }
.popup_box .popup_btn>li													{ position:relative; width:calc(100% / 2) }
.popup_box .popup_btn .closePop 											{ position:relative; display:flex; align-items:center; justify-content:center; width:100%; height:100%; color:#fff; font-size:.987em; text-align:center; 
																				vertical-align:middle; text-decoration:none; background:var(--color-point);}
.popup_box .popup_btn .closePop:before										{ content:''; display:block; position:absolute; top:.8em; right:29px; width:1px; height:21px; background:#fff; -moz-transform:rotate(-45deg); -webkit-transform:rotate(-45deg);
    																			-ms-transform:rotate(-45deg); -o-transform:rotate(-45deg); transform:rotate(-45deg);}
.popup_box .popup_btn .closePop:after										{ content:''; display:block; position:absolute; top:.8em; right:29px; width:1px; height:21px; background:#fff; -moz-transform:rotate(45deg); -webkit-transform:rotate(45deg);
   															 					-ms-transform:rotate(45deg); -o-transform:rotate(45deg); transform:rotate(45deg);}
.popup_box .popup_btn>li input[type="checkbox"]								{ position:absolute; width:100%; height:100%; opacity:0; }
.popup_box .popup_btn>li .close_day											{ position:relative; width:100%; height:100%; cursor:pointer; color:#fff; display:flex; align-items:center; justify-content:center; font-size:.987em; }
.popup_box .popup_btn>li:has(.close_day) 									{ background:#222;}
.popup_box .popup_btn>li .closePop:focus									{ outline-offset:-2px; outline:2px dotted var(--color-white) !important}	
.popup_box .popup_btn > li:has(input[type="checkbox"]:focus) .close_day 	{ outline-offset:-2px; outline:2px dotted var(--color-white) !important;}
.popup_box .popup_btn > li:focus-within .close_day 							{ outline-offset:-2px; outline:2px dotted var(--color-white) !important; }
.popup_overlay																{ position:fixed;top:0px;right:0;left:0;bottom:0;z-index:1001;background:rgba(0,0,0,0.5); }


/*슬라이드*/
.layer_popup_wrap																{ position:fixed; top:0; left:0; right:0; bottom:0; z-index:2000; color:#fff}
.layer_popup_wrap .blind														{ position:absolute; left:-99999px; display:block; width:1px; height:1px; overflow:hidden; text-indent:-99999px; clip:rect(0,0,0,0);}
.layer_popup_wrap input															{ border:1px solid #e0e0e0; }
.layer_popup_cont 																{ position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); z-index:1000; max-height:calc(100svh - 5em); overflow:hidden }
.layer_popup_cont .tit 															{ font-size:1.563rem; font-weight:700; position:relative; display:inline-flex; padding-top:15px; line-height:1 }
.layer_popup_cont .tit:before 													{ content:''; position:absolute; top:8px; right:-10px; width:8px; height:8px; border-radius:100%; background-color:#0052a4;display:block; }
.layer_popup_cont .layerPopSwiper												{ width:calc(100% + 30px); margin-left:-15px; margin-right:-15px; margin-top:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide									{ width:33.333%; }
.layer_popup_cont .layerPopSwiper .swiper-slide>a								{ display:flex; width:calc(100% - 30px); margin-left:15px; margin-right:15px; }
.layer_popup_cont .layerPopSwiper .swiper-slide .img							{ position:relative; width:100%; height:0; padding-top:100%; overflow-y:auto; overflow-x:hidden; }
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar 		{ -webkit-appearance:none; width:4px;} 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-thumb 	{ background-color:#fff; border-radius:5px; } 
.layer_popup_cont .layerPopSwiper .swiper-slide .img::-webkit-scrollbar-track 	{ border-radius:5px; background-color:rgba(255,255,255,.5); }
.layer_popup_cont .layerPopSwiper .swiper-slide .img img						{ position:absolute; top:0; left:50%; min-width:100%; min-height:100%; transform:translateX(-50%); -ms-transform:translateX(-50%);
   																	 				-webkit-transform:translateX(-50%); -moz-transform:translateX(-50%); object-fit:cover; -o-object-fit:cover;max-height: inherit;vertical-align: top;max-width: 100%;}
.layer_popup_cont .swiper_bottom												{ position:absolute; right:0; top:0; display:flex; justify-content:center; align-items:center; gap:20px; }
.layer_popup_cont .swiper_bottom .control										{ display:flex; justify-content:center; align-items:center; height:40px; background:#0052a4; border-radius:40px; padding:0 10px 0 20px; }
.layer_popup_cont .swiper_bottom .control button								{ position:relative; width:30px; height:30px; display:flex; justify-content:center; align-items:center;background:transparent;}
.layer_popup_cont .swiper_bottom .control button:disabled						{background:transparent;}
.layer_popup_cont .swiper_bottom  .swiper_prev::before,
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ position:absolute; width:8px; height:8px; border-style:solid; background:none; border-width:2px 2px 0 0; border-color:#fff; transform:rotate(45deg); content:'';display:block; }
.layer_popup_cont .swiper_bottom  .swiper_next::before							{ margin-left:-4px; }
.layer_popup_cont .swiper_bottom  .swiper_prev::before							{ border-width:0 0 2px 2px; margin-right:-2px;}
.layer_popup_cont .swiper_bottom .swiper_page									{ width:auto; display:flex; justify-content:center; align-items:center; font-size:.9rem; margin:0; line-height:1; color:#fff; gap:7px; margin-right:10px;}
.layer_popup_cont .swiper_bottom .swiper-pagination-current						{ font-weight:600; color:#fff }
.layer_popup_cont .swiper_bottom .swiper-pagination-total						{ font-weight:300; opacity:.9;font-style: normal;}
.layer_popup_cont .swiper_bottom .swiper_page i									{ position:relative; display:inline-block; width:4px; height:4px; background:rgba(255,255,255,.5); vertical-align:middle; border-radius:100%;  }
.layer_popup_cont .swiper_bottom .swiper_page i::after							{ display:none; }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; display:block;background-position:50% 50%; background-repeat:no-repeat; background-size:auto 10px; filter:invert(1); }
.layer_popup_cont .swiper_bottom .swiper_auto::before							{ background-image:url(/resource/common/images/bbs/icon_stop.svg); }
.layer_popup_cont .swiper_bottom .swiper_auto.paused::before					{ background-image:url(/resource/common/images/bbs/icon_play.svg); }
.layer_popup_cont .layer_popup_btn												{ display:flex; justify-content:center; align-items:center; gap:10px;}
.layer_popup_cont .layer_popup_btn>li											{ position:relative; display:flex; justify-content:center; align-items:center;}
.layer_popup_cont .layer_popup_btn>li input[type="checkbox"]					{ position:absolute; width:100%; height:100%; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label										{ position:relative; padding-left:35px; cursor:pointer; font-size:.95rem; }
.layer_popup_cont .layer_popup_btn>li input 									{ position:absolute; width:1px; height:1px; opacity:0; }
.layer_popup_cont .layer_popup_btn>li label::after								{ position:absolute; width:22px; height:22px; border:1px solid #fff; border-radius:100%; content:''; left:0; top:0; display:block;}
.layer_popup_cont .layer_popup_btn>li label::before 							{ content: ""; position:absolute; top:4px; left:8px; width:6px; height:10px; overflow:hidden; border-style:solid; border-width:0 2px 2px 0;
																					 border-color:#fff; opacity:0; transform:rotate(45deg);display:block;}
.layer_popup_cont .layer_popup_btn>li input:checked + label::before 			{ opacity:1; }
.layer_popup_cont .layer_popup_btn .popup_close_button 							{ display:flex; position: relative; width:46px; height:46px; transition:all ease 0.3s;background: transparent;background:transparent;}
.layer_popup_cont .layer_popup_btn .popup_close_button::before					{ position:absolute; width:100%; height:100%; left:0; top:0; content:''; background:#0052a4; opacity:.5; border-radius:100%;display:block; }
.layer_popup_cont .layer_popup_btn .popup_close_button::after					{ position:absolute; width:calc(100% - 16px); height:calc(100% - 16px); left:8px; top:8px; content:''; background:#0052a4; border-radius:100%;display:block; }
.layer_popup_cont .layer_popup_btn .popup_close_button>em						{ position:relative; width:100%; height:100%; transition:all ease 0.3s }
.layer_popup_cont .layer_popup_btn .popup_close_button>em::before				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%) rotate(45deg); content:''; z-index:3;display:block;}
.layer_popup_cont .layer_popup_btn .popup_close_button>em::after				{ position:absolute; width:2px; height:14px; left:50%; top:50%; background:#fff; transform:translate(-50%,-50%) rotate(-45deg); content:''; z-index:3;display:block;}
.layer_popup_cont .layer_popup_btn .popup_close_button:hover					{ transform:rotate(180deg); }	
.layer_popup_bg 																{ position:absolute; top:0; left:0; right:0; bottom:0; background:rgb(0, 0, 0, 0.9); }
@media all and (max-width:1368px){
	.layer_popup_cont .layerPopSwiper											{ width:calc(100% + 20px); margin-left:-10px; margin-right:-10px;  }
	.layer_popup_cont .layerPopSwiper .swiper-slide>a							{ width:calc(100% - 20px); margin-left:10px; margin-right:10px; }
}
@media all and (max-width:1024px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:50%;  }
	.layer_popup_cont .swiper_bottom .control									{ height:36px; }
	.layer_popup_cont .layer_popup_btn .popup_close_button 						{ width:42px; height:42px; }
	.layer_popup_cont .layer_popup_btn>li label									{ padding-left:30px; font-size:.9rem; }
	.layer_popup_cont .tit														{ padding-top:10px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:4px; }
}
@media all and (max-width:768px){
	.layer_popup_cont															{ padding-bottom:52px; }
	.layer_popup_cont .swiper_bottom											{ position:initial; }
	.layer_popup_cont .swiper_bottom .control									{ position:absolute; right:0; top:2px; }
	.layer_popup_cont .layer_popup_btn											{ position:absolute; width:max-content; left:50%; bottom:0; transform:translateX(-50%); }
	.layer_popup_cont .tit														{ padding-top:8px; }
	.layer_popup_cont .tit:before												{ width:6px; height:6px; right:-8px; top:0; }
}
@media all and (max-width:568px){
	.layer_popup_cont .layerPopSwiper .swiper-slide								{ width:100%;  }
}
@media all and (max-width:468px){
	.layer_popup_cont .tit 														{ font-size:1.363rem; }
	.layer_popup_cont .swiper_bottom .control									{ height:32px; padding:0 5px 0 15px }
	.layer_popup_cont .swiper_bottom .swiper_page								{ font-size:.85rem; margin-right:5px; }
	.layer_popup_cont .swiper_bottom .control button							{ width:25px; height:25px; }
	.layer_popup_cont .layerPopSwiper											{ margin-top:15px; }
} 
@media all and (max-width:320px){
	.layer_popup_cont .tit>span													{ display:none; }

}