/* 하단 레이아웃 */
#ft {background:#333132;margin:0 auto;text-align:center; padding:40px 0;}
#ft_wr {margin:0 auto;padding:0 0;position:relative;}
#ft_wr:after {display:block;visibility:hidden;clear:both;content:""}
#ft_wr .ft_cnt {width:100%; padding:0 0}
#footer_info {width:100%; padding-top:10px}
.ft_left {float:left;margin-top:0; padding:0 0 0 0; font-size:13px; font-family: 'NotoSansKRRegular', sans-serif;}
.ft_right {float: right;} /*개인정보처리방침*/
.ft_right a {color:#fff}
.copyr {margin-top:10px}
.ft_c56 {height:56px;line-height:56px;padding-left:10px}
.ft_c56 img {width:40px;filter:grayscale(100%);transition:filter 0.3s ease;}
.ft_c56 img:hover {filter:grayscale(0%);}
.ft_c56b {font-size:15px;font-weight:bold;color:#ccc}
.ft_c20 {line-height:20px; text-align:right;margin:20px 0 0;color:#fff}

#ft_link {text-align:left}
#ft_link a {display:block;color:#fff;line-height:2em;font-weight:bold}
#ft_company h2 {font-size:1.2em;margin-bottom:20px}
#ft_company, #ft_company a{font-weight:normal;color:#fff;line-height:1.5em}

#ft_catch {margin:20px 0 10px}
#ft_copy {text-align:center;width:1100px;margin:0 auto;padding:20px 0;color:#fff;font-size:0.92em;border-top:1px solid #383838}
#top_btn {position:fixed;bottom:20px;right:20px;width:50px;height:50px;line-height:46px;border:2px solid #333;color:#000;text-align:center;font-size:15px;z-index:90;background:rgba(255,255,255,0.5)}
#top_btn:hover {border-color:#3059c7;background:#3059c7;color:#000}

#footer{background:#333132;padding:20px 0; margin:0 auto;}
#footer>.wrapper>ul>li:first-child{float:left;}
#footer>.wrapper>ul>li:nth-child(2){float:right;}
#footer>.wrapper>ul>li:nth-child(3){float:initial;}
#footer>.wrapper>ul>li:nth-child(4){float:initial;}

#footer>.wrapper>ul>li>ul>li{float:left;}
#footer>.wrapper>ul>li>ul>li:nth-child(n+2){margin-left:15px;}
#footer li>a{color:#fff;}

@media (max-width: 768px) { /* 화면 너비가 768px 이하일 때 적용 */
	.ft_h {
		display: none; /* 숨기기 */
	}

}


/* new footer style */
/* 푸터 스타일 */
#footer22 {
/*	height: 180px;  푸터 높이 고정 */
	background-color: #333132;
	width: 100%;
	position: relative;
	color: #ccc;
}

/* 푸터 내부 컨테이너 */
.footer-container {
	display: flex;
	flex-wrap: wrap; /* 모바일에서 반응형 처리 */
	justify-content: space-between; /* 좌우 분리 */
	align-content: space-between; /* 상하 분리 */
	height: 100%;
	width: 1100px; /* 최대 너비 제한 (조정 가능) */
	margin: 0 auto; /* 가운데 정렬 */
	padding: 20px; /* 내부 여백 */
	box-sizing: border-box;
}

/* 각 섹션 공통 스타일 */
.ft_c1, .ft_c2, .ft_c3, .ft_c4 {
	flex: 1 1 45%; /* 기본적으로 45% 너비 차지 */
	min-width: 200px; /* 최소 너비 설정 */
}

/* ft_c1: 왼쪽 위 */
.ft_c1 {
	order: 1; /* 상단 왼쪽 */
	text-align: left;
}

/* ft_c2: 오른쪽 위 */
.ft_c2 {
	order: 2; /* 상단 오른쪽 */
	text-align: right;
}

.ft_c2 .social-links {
	list-style: none;
	padding: 0;
	margin: 0;
	display: flex;
	justify-content: flex-end; /* 오른쪽 정렬 */
	gap: 10px; /* 아이콘 간격 */
}

.ft_c2 .social-links img {
	width: 30px; /* 이미지 크기 조정 */
	height: auto;
	filter: grayscale(100%);
	transition: filter 0.3s ease;
}
.ft_c2 .social-links img:hover {
	filter: grayscale(0%);
}

/* ft_c3: 왼쪽 아래 */
.ft_c3 {
	order: 3; /* 하단 왼쪽 */
	text-align: left;
}

.ft_c3 .ft_pl {
	padding: 0;
	margin: 0;
	display: flex;
/*	gap: 15px;  로고 간격 */
}

.ft_c3 .ft_pl img {
	width: 70px; /* 로고 크기 조정 */
	height: auto;
}

/* ft_c4: 오른쪽 아래 */
.ft_c4 {
	order: 4; /* 하단 오른쪽 */
	text-align: right;
	margin-top: 10px;
}

.ft_c4 a {
	color: #ccc;
}

.ft_c4 a:hover {
	text-decoration: underline;
}


/* 모바일 반응형 처리 */
@media (max-width: 768px) {
	.footer-container {
	width: initial;
	}
	.ft_c1, .ft_c2, .ft_c3, .ft_c4 {
		flex: 1 1 100%; /* 모바일에서 전체 너비 */
		text-align: center; /* 중앙 정렬 */
	}

	.ft_c2 {
		margin-top: 10px;
	}

	.ft_c2 .social-links,
	.ft_c3 .ft_pl {
		justify-content: center; /* 모바일에서 아이콘 중앙 정렬 */
	}

	.ft_c3 .ft_pl img {
		width: 17vw; /* 로고 크기 조정 */
	}

	.ft_c3 .ft_pl li:nth-child(2) {
		margin:0 15px;
	}

	.ft_c4 {
		font-size: 0.8em;
	}

}