@charset "utf-8";
/* ==========================================================================
   푸터 (/include/footer.jsp) — 오시는 길 + 회사정보
   ========================================================================== */

:root {
	--footer-bg: #3c4043;
	--footer-bg-dark: #34383b;
	--footer-text: #d5d8da;
	--footer-dim: #9aa0a4;
	--footer-line: rgba(255,255,255,.10);
}

#footer {
	background: var(--footer-bg);
	color: var(--footer-text);
	font-size: 20px;
	letter-spacing: -0.02em;
}
#footer a { color: inherit; text-decoration: none; transition: color .2s ease; }
#footer a:hover { color: #fff; }

/* ===== 오시는 길 ===== */
#footer .location_area { padding: 80px 0 70px; }
#footer .location_area .inner {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 60px;
}
#footer .loc_info { flex: 1 1 auto; min-width: 0; }
#footer .loc_tit {
	margin: 0 0 26px;
	font-size: 44px;
	font-weight: 700;
	color: #fff;
	letter-spacing: -0.03em;
	line-height: 1.2;
}
#footer .loc_addr {
	margin: 0 0 40px;
	font-size: 21px;
	color: var(--footer-text);
}

#footer .loc_hours .hours_tit {
	display: flex;
	align-items: center;
	gap: 8px;
	margin: 0 0 18px;
	font-size: 21px;
	font-weight: 600;
	color: #fff;
}
#footer .loc_hours .hours_tit i { font-size: 16px; color: var(--point-main, #3062C3); }

#footer .hours_list {
	display: grid;
	grid-template-columns: auto minmax(0,1fr) auto minmax(0,1fr);
	align-items: center;
	gap: 14px 18px;
	margin: 0;
	max-width: 640px;
}
#footer .hours_list dt {
	margin: 0;
	font-size: 20px;
	color: var(--footer-dim);
	white-space: nowrap;
}
#footer .hours_list dd {
	margin: 0;
	padding-right: 18px;
	font-size: 20px;
	color: #fff;
	white-space: nowrap;
	border-right: 1px solid var(--footer-line);
}
#footer .hours_list dd:last-of-type { border-right: 0; }

/* ===== 지도 (카카오맵 지도퍼가기) ===== */
#footer .loc_map { flex: 0 0 auto; width: 640px; max-width: 50%; }
#footer .loc_map .root_daum_roughmap { width: 100% !important; border-radius: var(--radius, 10px); overflow: hidden; }
#footer .loc_map .root_daum_roughmap .wrap_map { height: 360px !important; }
#footer .loc_map .root_daum_roughmap .wrap_controllers,
#footer .loc_map .root_daum_roughmap .cont { display: none; } /* 하단 길찾기·주소 안내바 숨김(푸터에 주소 별도 표기) */

/* ===== 푸터 정보 ===== */
#footer .footer_area {
	padding: 45px 0 60px;
	background: var(--footer-bg-dark);
	border-top: 1px solid var(--footer-line);
}
#footer .f_head {
	display: flex;
	align-items: flex-start;
	justify-content: space-between;
	gap: 30px;
	margin-bottom: 34px;
}

/* 푸터 로고 : 헤더와 동일 로고를 흰색 실루엣으로 사용 */
#footer .f_logo { display: flex; align-items: center; }
#footer .f_logo img {
	display: block;
	width: auto;
	height: 54px;
	filter: brightness(0) invert(1);
	opacity: .72;
}

#footer .f_link {
	display: flex;
	align-items: center;
	gap: 26px;
	margin: 6px 0 0;
	padding: 0;
	list-style: none;
}
#footer .f_link li { font-size: 20px; }

/* 회사정보 */
#footer .f_info {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	gap: 12px 34px;
	margin: 0 0 26px;
	padding: 0;
	list-style: none;
	font-size: 20px;
	color: var(--footer-text);
}
#footer .f_info .lb {
	margin-right: 10px;
	font-size: 18px;
	color: var(--footer-dim);
}
#footer .f_info .nonbenefit { color: var(--footer-dim); }
#footer .f_info .nonbenefit a { color: inherit; text-decoration: underline; }
#footer .f_info .nonbenefit a:hover { color: var(--footer-text); }

#footer .copyright {
	margin: 0;
	font-size: 18px;
	color: #7f8589;
}

/* ==========================================================================
   반응형
   ========================================================================== */
@media all and (max-width:1200px){
	#footer .location_area .inner { flex-direction: column; gap: 40px; }
	#footer .loc_map { width: 100%; max-width: 100%; }
	#footer .hours_list { max-width: 100%; }
}

@media all and (max-width:768px){
	#footer { font-size: 14px; }
	#footer .location_area { padding: 50px 0 45px; }
	#footer .loc_tit { margin-bottom: 18px; font-size: 26px; }
	#footer .loc_addr { margin-bottom: 28px; font-size: 15px; }
	#footer .hours_list {
		grid-template-columns: auto minmax(0,1fr);
		gap: 10px 14px;
	}
	#footer .hours_list dd { padding-right: 0; border-right: 0; }
	#footer .loc_map .root_daum_roughmap .wrap_map { height: 260px !important; }

	#footer .footer_area { padding: 34px 0 40px; }
	#footer .f_head { flex-direction: column; gap: 20px; margin-bottom: 24px; }
	#footer .f_logo img { height: 42px; }
	#footer .f_link { flex-wrap: wrap; gap: 8px 18px; margin-top: 0; }
	#footer .f_info { gap: 8px 20px; margin-bottom: 20px; font-size: 13px; }
	#footer .f_info li { width: 100%; }
	#footer .f_info .lb { display: inline-block; min-width: 82px; margin-right: 6px; }
}