@charset "UTF-8";

/* layer popup */
div.layer-popup{opacity:0; visibility:hidden; transition:opacity 0s; -webkit-transition:opacity 0s; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.9);}
div.layer-popup.open{opacity:1; z-index:990;}
div.layer-popup div.inner{width:1300px; position:absolute; top:48%; left:50%; transform:translate(-50%, -50%); color:#fff;}
div.layer-popup div.inner div.popup-top{display:flex; align-items:center; justify-content:space-between; margin:1.5rem 2rem; position:relative;}
div.layer-popup div.inner div.popup-top div.popup-slider-count{letter-spacing:4px; position:relative; z-index:2;}
div.layer-popup div.inner div.popup-top div.popup-slider-count span.current{font-family:'Montserrat_B','NanumNeo_EB','Pretendard-Bold',sans-serif;}
div.layer-popup div.inner div.popup-top div.popup-slider-count span.total{font-family:'Montserrat_L','NanumNeo_R','Pretendard-Light',sans-serif; opacity:.6;}
div.layer-popup div.inner div.popup-top div.title{font-family:'Montserrat_B','NanumNeo_EB','Pretendard-Bold',sans-serif; font-size:2.25rem; position:absolute; width:100%; text-align:center; z-index:1;}
div.layer-popup div.inner div.popup-top div.title span.univ{font-family:'Montserrat_L','NanumNeo_R','Pretendard-Light',sans-serif;}
div.layer-popup div.inner div.popup-top div.popup-slider-arrow{position:relative; z-index:2;}
div.layer-popup div.inner div.popup-top div.popup-slider-arrow a.arrow{display:inline-block; width:2.5rem; height:2.5rem; border-radius:50%; opacity:.6; border:2px solid #fff; background:url("/fro_end/img/ico_arrow_wh.svg")60% center/40% auto no-repeat;}
div.layer-popup div.inner div.popup-top div.popup-slider-arrow a.arrow.prev{transform:rotate(-180deg); margin-right:0.3rem;}
div.layer-popup div.inner div.popup-slider{text-align:center; overflow:hidden;}
div.layer-popup div.inner div.popup-slider div.list{position:relative; display:inline-block; height:435px; margin:0 28px; padding:1.8rem; overflow:hidden; width:362px; border-radius:1rem;}
div.layer-popup div.inner div.popup-slider div.list.list01{background:var(--color-main01);}
div.layer-popup div.inner div.popup-slider div.list.list02{background:var(--color-main02);}
div.layer-popup div.inner div.popup-slider div.list.list03{background:var(--color-main03);}
div.layer-popup div.inner div.popup-slider div.list div.num{position:relative; font-size:1rem; text-align:left; margin-bottom:0.5rem; color:rgba(255,255,255,0.5); font-family:"NanumNeo_EB",'Pretendard-Medium',sans-serif;}
div.layer-popup div.inner div.popup-slider div.list div.tit{width:100%; height:4rem; margin-bottom:1.5rem; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-align:left; font-size:1.5rem; font-family:"NanumNeo_EB"; line-height:1.3;}
div.layer-popup div.inner div.popup-slider div.list div.cont{width:100%; height:auto; line-height:1.5; padding-top:1.5rem; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:6; -webkit-box-orient:vertical; border-top:1px solid rgba(255, 255, 255, 0.3); overflow:hidden; text-align:left; font-size:1.1rem; color:#fff;}
div.layer-popup div.inner div.popup-slider div.list div.link{position:absolute; bottom:0; left:0; width:100%; padding:1.8rem;}
div.layer-popup div.inner div.popup-slider div.list div.link a{display:block; width:100%; height:3rem; font-family:"NanumNeo_B",'Pretendard-Medium',sans-serif; line-height:2.8rem; color:#fff; border:2px solid #fff; border-radius:0.5rem; font-size:1rem; cursor:pointer !important;}
div.layer-popup div.inner div.popup-slider div.list > a{position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%;}
div.layer-popup div.inner div.popup-slider div.list > a img{display:inline-block; width:100%; height:100%;}
div.layer-popup div.inner div.popup-btn{display:flex; justify-content:center; align-items:center; gap:1rem; margin-top:3rem; flex-wrap:wrap;}
div.layer-popup div.inner div.popup-btn a{display:inline-block; width:auto; height:3rem; line-height:3rem; padding:0 1.5rem 0 3rem; border:2px solid #333; border-radius:1.5rem; background:#333; color:#fff; font-family:"NanumNeo_B",'Pretendard-Bold',sans-serif; font-size:1.125rem; position:relative; transition:0.3s;}
div.layer-popup div.inner div.popup-btn a:before{content:''; display:block; width:1.125rem; height:2px; background:#fff; position:absolute; top:53%; left:1rem; transform:translateY(-50%) rotate(45deg);}
div.layer-popup div.inner div.popup-btn a:after{content:''; display:block; width:1.125rem; height:2px; background:#fff; position:absolute; top:53%; left:1rem; transform:translateY(-50%) rotate(-45deg);}
@media(hover:hover){	
	div.layer-popup div.inner div.popup-top div.popup-slider-arrow a.arrow:hover{opacity:1;}
	div.layer-popup div.inner div.popup-slider div.list div.link a:hover{background:#fff; color:#333; font-family:"NanumNeo_EB",'Pretendard-Bold',sans-serif;}
	div.layer-popup div.inner div.popup-slider div.list.list01 div.link a:hover{color:var(--color-main01);}
	div.layer-popup div.inner div.popup-slider div.list.list02 div.link a:hover{color:var(--color-main02);}
	div.layer-popup div.inner div.popup-slider div.list.list03 div.link a:hover{color:var(--color-main03);}
	div.layer-popup div.inner div.popup-btn a:hover{background:transparent; border-color:#fff;}
}



/***** ¹ÝÀÀÇü *****/
@media screen and (max-width:1280px){
	div.layer-popup div.inner{width:90%;}
	div.layer-popup div.inner div.popup-slider div.list{height:379px;}
	div.layer-popup div.inner div.popup-slider div.list div.tit{font-size:1.3rem;}
	div.layer-popup div.inner div.popup-slider div.list div.cont{-webkit-line-clamp:5; font-size:1rem; padding-top:1rem;}
}

@media screen and (max-width:640px){
	div.layer-popup div.inner div.popup-top div.title{font-size:2rem;}
	div.layer-popup div.inner div.popup-top div.popup-slider-arrow a.arrow{width:2.25rem; height:2.25rem;}
	div.layer-popup div.inner div.popup-top div.popup-slider-arrow a.arrow.prev{margin-right:0.15rem;}
}
@media screen and (max-width:480px){
	div.layer-popup div.inner div.popup-top div.title{top:-4rem;}
	div.layer-popup div.inner div.popup-top{margin:0.5rem 2rem;}
	div.layer-popup div.inner div.popup-slider div.list{height:338px;}
	div.layer-popup div.inner div.popup-btn{margin-top:2.5rem;}
	div.layer-popup div.inner div.popup-btn a{font-size:1rem; padding:0 1.2rem 0 2.5rem;}
	div.layer-popup div.inner div.popup-btn a:before{width:1rem;}
	div.layer-popup div.inner div.popup-btn a:after{width:1rem;}
}
@media screen and (max-width:320px){
	div.layer-popup div.inner{width:95%;}
	div.layer-popup div.inner div.popup-top div.title{line-height:1.2;}
	div.layer-popup div.inner div.popup-top div.title span.univ{display:block; font-size:1.5rem;}
	div.layer-popup div.inner div.popup-slider div.list{height:327px; margin:0 20px;}
}