@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; }
#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: 1200px; margin: 0 auto; position:absolute; top: 50%; left: 50%; transform: translate(-50%,-50%);}
#layerPopup .popInner .slickPopup li {padding:0 20px;}
/* #layerPopup .popInner .slickPopup li a {height:360px; display:block;} */
#layerPopup .popInner .slickPopup li a {display:block;}
#layerPopup .popInner .slickPopup li img {width:100%; height:100%; object-fit:cover;}
#layerPopup .popInner .bottom {width:1200px; padding-top:20px; text-align:center; margin:0 auto; position:absolute; left:50%; top:75%; transform:translate(-50%,-50%); display:flex; justify-content: center;}
#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:#65b187;}
#layerPopup .popInner .bottom a {background:#fff; color:#000;}
#layerPopup .popInner .bottom a:hover {background:#ff9d02; color:#fff;}


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



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


/* ************************ 모바일 (~768) ************************ */
@media screen and (max-width: 768px) {
	
	#layerPopup .popInner .slickPopup {width:300px;}
	#layerPopup .popInner {padding:0 50px;}
	#layerPopup .popInner .bottom>* {font-size:16px;}
	#layerPopup .slick-prev {left:-30px;}
	#layerPopup .slick-next {right:-30px;}
	
	
}