/* ======= 푸터 공통 ========= */
.footer-logo img {max-height: 40px;width: auto;}

/* 푸터 가로형 스타일 1 */
.sec-padding-40npx {
	padding-top: 40px;
}
footer.em-footerstyle-1 {background-color: #323232;}
footer.em-footerstyle-1 .padding-bottom-set {
	padding-bottom: 40px;
}
.em-footerstyle-1 .item-holder {
	display: flex;
	flex-direction: column;
	row-gap: 0.4em;
}
.em-footerstyle-1 aside {
	font-size: min(2.7083333333333335vw,14px);
	display: flex;
	flex-wrap: wrap;
	row-gap: 0.2em;
}
.em-footerstyle-1 span {display: inline-block;margin-right: 16px;position: relative;color: #fff;opacity: 0.6;font-weight: 300;line-height: 1.2;}
.em-footerstyle-1 aside span:not(:last-child):after {
	position: absolute;
	right: -10px;
	top: calc(50% - 6px);
	width: 1px;
	height: 12px;
	background-color: rgba(255, 255, 255, 0.6);
	content: "";
}
.em-footerstyle-1 span a {color: #fff;}
.em-footerstyle-1 span a.privacy-con {font-weight: 600;margin-top: 7px;margin-bottom: 7px;display: inline-block;}

footer.em-footerstyle-1.white {background-color: #fff;border-top: 1px solid rgba(0, 0, 0, 0.1);}
.em-footerstyle-1.white span {display: inline-block;margin-right: 16px;position: relative;color: #000000;opacity: 0.9;font-weight: 400;line-height: 1.2;}
.em-footerstyle-1.white aside span:not(:last-child):after {
	position: absolute;
	right: -10px;
	top: calc(50% - 6px);
	width: 1px;
	height: 12px;
	background-color: rgba(0, 0, 0, 0.3);
	content: "";
}
.em-footerstyle-1.white span a {color: #000000;}
.em-footerstyle-1.white span a.privacy-con {font-weight: 600;margin-top: 7px;margin-bottom: 7px;display: inline-block;}

.footer-social-icons {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	column-gap: 10px;
}
.footer-social-icons li a {
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #303030;
	background-color: rgba(255,255,255,1.0);
	font-size: 18px;
}
.footer-social-icons li a:hover {
	color: #fff;
	background-color: rgba(48,48,48,1.0);
}

@media only screen and (max-width: 1000px) {
}
@media only screen and (max-width: 991px) {
}
@media only screen and (max-width: 800px) {
}
@media only screen and (max-width: 768px) {
}
@media only screen and (max-width: 640px) {
	.em-footerstyle-1 span,
	.em-footerstyle-1.white span {
		flex: 100%;
		margin-right: 0;
	}
	.em-footerstyle-1 aside span:not(:last-child):after,
	.em-footerstyle-1.white aside span:not(:last-child):after {
		display: none;
	}
}
@media only screen and (max-width: 480px) {
	.em-footerstyle-1 aside {
		font-size: min(2.857142857142857vw,13px);
	}
}
@media only screen and (max-width: 360px) {
}
@media only screen and (max-width: 320px) {
}