@charset "euc-kr";

/* popup */
div.kc-popup{opacity:0; z-index:-999; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0, 0, 0, 0.85); backdrop-filter:blur(10px);}
div.kc-popup.open{opacity:1; z-index:999;}
div.kc-popup div.popup-wrap{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:100%; color:#fff;}
div.kc-popup div.popup-wrap div.pop-tit{margin-bottom:3rem; text-align:center; font-size:3rem; font-family:"NanumNeo_L";}
div.kc-popup div.popup-wrap div.inner{width:1300px; padding:0 3rem; margin:0 auto; text-align:center;}
div.kc-popup div.popup-wrap div.inner div.list{position:relative; display:inline-block; height:435px; margin:0 20px; padding:1.8rem; overflow:hidden; width:362px;}
div.kc-popup div.popup-wrap div.inner div.list.list01{background:#c90404;}
div.kc-popup div.popup-wrap div.inner div.list.list02{background:var(--color-main02);}
div.kc-popup div.popup-wrap div.inner div.list.list03{background:var(--color-main03);}
div.kc-popup div.popup-wrap div.inner div.list.list04{background:var(--color-main04);}
div.kc-popup div.popup-wrap div.inner div.list div.num{position:relative; font-size:1.5rem; text-align:right; font-family:"NanumNeo_B";}
div.kc-popup div.popup-wrap div.inner div.list div.num:before{content:""; position:absolute; top:50%; left:0; transform:translateY(-50%); display:inline-block; width:70%; height:2px; background:#fff;}
div.kc-popup div.popup-wrap div.inner div.list div.tit{width:100%; height:4rem; margin:1.5rem 0; 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"; margin-top:0.6rem; line-height:1.3;}
div.kc-popup div.popup-wrap div.inner 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:5; -webkit-box-orient:vertical; border-top:1px solid rgba(255, 255, 255, 0.3); overflow:hidden; text-align:left; font-size:1.125rem; color:#fff;}
div.kc-popup div.popup-wrap div.inner div.list div.link{position:absolute; bottom:0; left:0; width:100%; padding:0 2.5rem 2.5rem;}
div.kc-popup div.popup-wrap div.inner div.list div.link a{display:block; width:100%; height:3rem; font-family:"NanumNeo_EB"; line-height:3rem; text-align:center; background:#fff; border:1px solid #fff; box-shadow:0 8px 20px rgba(0,0,0,0.2); font-size:1.125rem; cursor:pointer !important; transition:0.4s;}
div.kc-popup div.popup-wrap div.inner div.list.list01 div.link a{color:#c90404;}
div.kc-popup div.popup-wrap div.inner div.list.list02 div.link a{color:var(--color-main02);}
div.kc-popup div.popup-wrap div.inner div.list.list03 div.link a{color:var(--color-main03);}
div.kc-popup div.popup-wrap div.inner div.list.list04 div.link a{color:var(--color-main04);}
div.kc-popup div.popup-wrap div.inner div.list > a{position:absolute; top:0; left:0; display:inline-block; width:100%; height:100%;}
div.kc-popup div.popup-wrap div.inner div.list > a img{display:inline-block; width:100%; height:100%;}
div.kc-popup div.popup-wrap div.inner button.slick-arrow{position:absolute; top:50%; transform:translateY(-50%); width:3rem; height:3rem; border:2px solid #fff; border-radius:50%; background:url("/fro_end/img/ic_arrow_wh.svg") center / 50% auto no-repeat; padding:0; color:rgba(0, 0, 0, 0); font-size:0; text-indent:-9999px; cursor:pointer; transition:0.3s; -webkit-transition:0.3s;}
div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-prev{left:-0.5rem; transform:translateY(-50%) rotate(180deg);}
div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-next{right:-0.5rem;}
div.kc-popup div.popup-wrap div.btn-wrap{text-align:center; margin-top:3rem;}
div.kc-popup div.popup-wrap div.btn-wrap ul li{display:inline-block; margin:0 0.8rem;}
div.kc-popup div.popup-wrap div.btn-wrap ul li a{display:inline-block; width:auto; height:3rem; line-height:3rem; padding:0 1.5rem; border-radius:1.5rem; border:1px solid #fff; color:#fff; font-size:1.125rem;}
div.kc-popup div.popup-wrap div.btn-wrap ul li.btn-close a{background:#fff; color:#333; font-family:"NanumNeo_EB"; box-shadow:0 0 0 0.8rem rgba(255,255,255,0.3);}
@media(hover:hover){

	div.kc-popup div.popup-wrap div.inner div.list div.link a:hover{transform:translateY(-3px); box-shadow:0 10px 30px rgba(0,0,0,0.3);}

	div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-prev:hover{left:-1rem;}
	div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-next:hover{right:-1rem;}
}

@media screen and (max-width:1366px){

	div.kc-popup div.popup-wrap div.inner{width:98%;}
}
@media screen and (max-width:1280px){

	div.kc-popup div.popup-wrap{width:100%;}
	div.kc-popup div.popup-wrap div.pop-tit{font-size:2.5rem;}
	div.kc-popup div.popup-wrap div.inner div.list{margin-right:20px; height:410px;}
	div.kc-popup div.popup-wrap div.inner div.list div.tit{font-size:1.35rem;}
	div.kc-popup div.popup-wrap div.inner div.list div.cont{padding-top:1rem;}
}
@media screen and (max-width:1200px){
	
	div.kc-popup div.popup-wrap div.inner div.list div.tit{height:3.5rem;}
}
@media screen and (max-width:1024px){

	div.kc-popup div.popup-wrap div.inner{width:384px; margin:0 auto; padding:0; overflow:visible;}
	div.kc-popup div.popup-wrap div.inner div.list{margin:0;}
	div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-prev{left:-5rem;}
	div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-next{right:-5rem;}
}
@media screen and (max-width:480px){

	div.kc-popup div.popup-wrap div.pop-tit{margin-bottom:2rem; font-size:2rem;}
	div.kc-popup div.popup-wrap div.inner{width:280px; height:315px;}
	div.kc-popup div.popup-wrap div.inner div.list{width:280px !important; height:320px; box-shadow:none;}
	div.kc-popup div.popup-wrap div.inner div.list div.num{font-size:1.2rem;}
	div.kc-popup div.popup-wrap div.inner div.list div.tit{height:3.5rem; margin:1rem 0; font-size:1.25rem;}
	div.kc-popup div.popup-wrap div.inner div.list div.cont{padding-top:1rem; font-size:1rem;}
	div.kc-popup div.popup-wrap div.inner div.list div.link{padding:1.5rem;}
	div.kc-popup div.popup-wrap div.inner div.list div.link a{height:2.5rem; line-height:2.5rem; font-size:1rem; background:#fff;}
	div.kc-popup div.popup-wrap div.btn-wrap ul li{margin:0 0.25rem;}
	div.kc-popup div.popup-wrap div.btn-wrap ul li a{height:2.5rem; line-height:2.5rem; padding:0 1.5rem; font-size:1rem;}
	div.kc-popup div.popup-wrap div.btn-wrap ul li.btn-close a{box-shadow:none;}
	div.kc-popup div.popup-wrap div.inner button.slick-arrow{width:2.5rem; height:2.5rem; border:1px solid #fff; background-size:50% auto;}
	div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-prev{left:-4rem;}
	div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-next{right:-4rem;}
}
@media screen and (max-width:390px){
	
	div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-prev{left:-3rem;}
	div.kc-popup div.popup-wrap div.inner button.slick-arrow.slick-next{right:-3rem;}

}