/* keoc.kr 클론 — footer.css (푸터 + 정책 레이어팝업)
   원본 CSS(common.css)를 역할 기반으로 재구성. 값은 원본과 동일하며
   에셋 경로만 /assets/ 로, 폰트만 Pretendard 로 치환했다. */

#footer{padding:65px 4%;background:#111;}
.foot{display:flex;flex-wrap:wrap;}
.foot h1{width:260px;}
.foot ul{width:310px;}
.foot ul li a{font-size:19px;color:rgba(255,255,255,0.7);}
.foot .info{width:calc(100% - 260px - 310px);}
.foot .info address{
	font-size:17px;color:rgba(255,255,255,0.7);line-height:1.7em;
}
.foot .info address .bar{
	display:inline-block;
	width:1px;height:15px;
	background:rgba(255,255,255,0.2);
	margin:0 10px;
}
.foot .info .copy{margin-top:35px;font-size:17px;color:rgba(255,255,255,0.5);}

@media(max-width:960px){

	.foot{justify-content:space-between;}
	.foot ul{display:flex;width:auto;}
	.foot ul li{margin-left:15px;}
	.foot .info{width:100%;margin-top:40px;}

}
@media(max-width:813px){

	.foot{justify-content:space-between;}
	.foot ul{margin-top:20px;}
	.foot ul li:first-child{margin:0;}
	.foot ul li a{font-size: 13px;}
	.foot .info address{font-size: 14px;}
	.foot .info address .bar{height: 11px; margin: 0 7px;}
	.foot .info .copy{font-size: 13px; margin-top: 20px;}
}

/* ---------- 정책 레이어팝업 ---------- */
#bgBlack{
	position:fixed;left:0;top:0;z-index:3000;
	width:100%;height:100%;
	background:rgba(0,0,0,0.7);
	display: none;
}
.layerPop{

}