@charset "utf-8";

/* 공용 / 수정금지 */
html.layerOpen, html.layerOpen body {overflow:hidden;}
/* #layerPopup {z-index:999999; position:absolute; top:0; left:0; width:100%; height:100vh;} */
/* #layerPopup {box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;z-index: 999999; position: fixed;} */

#layerPopup .popWrap {display:none;}
#layerPopup .popWrap {z-index:999999; width:100%; height:100vh; position:absolute; left:0;top:0; overflow:hidden; opacity:1; background:none;}
#layerPopup .popWrap .cover {position:absolute; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.7); }
#layerPopup .popInner {width:100%; height:100%; position:absolute; left:50%; top:50%; transform:translate(-50%,-50%);}
#layerPopup .popInner .slickPopup {width: 1100px; margin: 0 auto; position:absolute; top: 30%; left: 50%; transform: translate(-50%,-50%); opacity:0;}
#layerPopup .popInner .slickPopup li {/*padding:0 20px;*/ max-width:1100px; -ms-overflow-style: none; /* IE and Edge */ scrollbar-width: none; /* Firefox */height:600px; display:flex!important; align-items:center;}
#layerPopup .popInner .slickPopup li.long-pop {align-items:flex-start;}
#layerPopup .popInner .slickPopup li::-webkit-scrollbar {display: none; /* Chrome, Safari, Opera*/}
#layerPopup .popInner .slickPopup li a {display:block;}
#layerPopup .popInner .slickPopup li img {width:100%; object-fit:scale-down;}
#layerPopup .popInner .bottom {width:1100px; padding-top:20px; text-align:center; margin:0 auto; position:absolute; left:50%; top:60%; transform:translate(-50%,-50%); display:flex; justify-content: center; opacity:0;}
#layerPopup .popInner .bottom>* {padding:0 30px; display:inline-block; border-radius:100px; font-size:18px; margin:0 5px; color:#fff; line-height:50px;}
#layerPopup .popInner .bottom span {background:#2c674f;}
#layerPopup .popInner .bottom a {background:#fff; color:#000;}
#layerPopup .popInner .bottom a:hover {background:#c7650b; color:#fff;}


#layerPopup .slick-arrow {width:40px; height:40px; position:absolute; top:calc(50% - 20px); background:url(../images/common/imgPop_next.png) no-repeat center / 40px; text-indent:-9999999px;z-index:9;}
#layerPopup .slick-prev {left:26.5%; transform:rotate(180deg);}
#layerPopup .slick-next {right:27%;}

#layerPopup .slick-initialized .slick-slide {overflow:auto; align-items:flex-start;}


/* ************************ 테블릿 (~991) ************************ */
@media screen and (max-width: 1400px) {
	
	#layerPopup .popInner .slickPopup {width:50%;}
	#layerPopup .popInner {width:100%; padding:0 50px;}
	#layerPopup .popInner .slickPopup li {padding:0 10px;}
	#layerPopup .popInner .bottom>* {font-size:17px; line-height:44px;}
	#layerPopup .popInner .bottom span {display:none;}
	#layerPopup .popInner .bottom span.leng {display:block;}
	#layerPopup .slick-prev {left:7%;}
	#layerPopup .slick-next {right:7%;}
}


/* ************************ 모바일 (~768) ************************ */
@media screen and (max-width: 768px) {
	
	#layerPopup .popInner .slickPopup {width:100%;}
	#layerPopup .popInner {padding:0 20px;}
	#layerPopup .popInner .bottom>* {font-size:16px;}
	#layerPopup .slick-prev {left:10px;}
	#layerPopup .slick-next {right:10px;}
	#layerPopup .slick-arrow {}
	#layerPopup .popInner .bottom>* {padding:10px 15px; line-height:20px; font-size:14px;}
}