/* footer s */
.footer {
	width: 100%;
	background: #EFF1F5;
	padding: 40px 0 24px;
}
.footer-row {
	display: none !important;
}
.footInner {
	width: 100%;
	max-width: 1220px;
	padding-left: 222px;
	margin: 0 auto;
	position: relative;  
	font-size: 14px;         
}
.footer .foot_logo {
	position: absolute;
	left: 0px;
	top: 3px;
	width: 137px;
	height: 40px;
	display: block;
	text-indent: -99999px;
	overflow: hidden;
	background: url(/images/common/HancomCarelink_CI_black.svg) no-repeat 0 0 / 100%;
}
.footer a {
	font-size: 14px;
	color: #7a7a7a;
}
.footerInner_top {
	padding-right: 120px;
	display: flex;
	justify-content: space-between;
}
.footerInner_top > dl {
	display: flex;
	flex-direction: column;
	gap: 8px;
}
.footerInner_top .top_1 dt {
	color: #222;
}
.footerInner_top .top_1 dd {
	color: #A7A7A7;
}
.footerInner_top .top_1 dd:nth-of-type(3) {
	color: #595959;
	font-weight: 600;	
}
.footerInner_top .top_2 dt {
	font-size: 15px;
	font-weight: 700;
}
.footerInner_bottom {
	margin-top: 24px;
	padding-top: 4px;
	width: 100%;
	height: 48px;
	border-top: 1px solid #A7A7A7;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footerInner_bottom .footer-info {
	display: flex;
	gap: 16px;
}

.footer .footer-site{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.footer .footer-site .sns-icon{
	display: flex;
	justify-content: space-between;
	gap: 24px;
	margin-right: 56px;
}
.footer .footer-site .sns-icon a{
	width: 24px;
	height: 24px;
	display: inline-block;
}

.footer .footer-site .sns-icon a:nth-child(1){
	background: url('/images/main/sns_icon_01.svg') no-repeat;
	background-size: 24px 24px;
}
.footer .footer-site .sns-icon a:nth-child(2){
	background: url('/images/main/sns_icon_02.svg') no-repeat;
	background-size: 24px 24px;
}
.footer .footer-site .sns-icon a:nth-child(3){
	background: url('/images/main/sns_icon_03.svg') no-repeat;
	background-size: 24px 24px;
}
.footer .footer-site .sns-icon a:nth-child(1):hover{
	background: url('/images/main/sns_icon_04.svg') no-repeat;
}
.footer .footer-site .sns-icon a:nth-child(2):hover{
	background: url('/images/main/sns_icon_05.svg') no-repeat;
}
.footer .footer-site .sns-icon a:nth-child(3):hover{
	background: url('/images/main/sns_icon_06.svg') no-repeat;
}
.footer .family-site{
	cursor: pointer;
	width: 156px;
	border: none;
	color: #7A7A7A;
	background: #EFF1F5 url("/images/common/icn_chevron.svg") no-repeat center right 0px;
	padding: 0 8px;
	font-size: 14px;
	font-weight: 600;
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
}
.footer .family-site option {
	background-color: #fff;
	color: #595959;
}
.ezwelfooter {
	width: 100%;
	background: #ffffff;
	top: 0px;
}

.ezwelfootInner {
	width: 100%;
}

@media only all and (max-width:768px) {	
	.footer {
		display: none !important;
	}
	
	/* 배너를 고정시킴 */
	.footer-row {
		display: block !important;
		text-align: center;
		width: 100%;
		position: fixed;
		bottom: 0;
		left: 0;
		box-shadow: 0px 4px 12px rgba(0, 0, 0, 0.16);
		padding: 10px 0;
		z-index: 100;
		background: #fff;
	}
	.footer-column {
		position: relative; 
		float: left;
		width: 25%;
	}
	
	.footer-column svg path {
		font-weight: 300;
	}
	
	.footer-column a {
		display: block;
		font-size: 12px;
		color: #88A6C2;
		font-weight: 400;
	}
	
	.footer-column:active, .footer-column:link,
	.footer-column:focus, .footer-column:visited, .footer-column:hover{
		color: #2C7FFA;
		font-weight: 400;
	}
	.footer-column:active svg path, .footer-column:link svg path, .footer-column:focus svg path, .footer-column:visited svg path, .footer-column:hover svg path,
	.footer-column:active svg rect, .footer-column:link svg rect, .footer-column:focus svg rect, .footer-column:visited svg rect, .footer-column:hover svg rect{
		fill: #2C7FFA !important;
		stroke: #fff !important;
	}
	.footer-column:active svg, .footer-column:link svg, .footer-column:focus svg, .footer-column:visited svg, .footer-column:hover svg{
		fill: #2C7FFA !important;
		stroke: #fff !important;
	}
	.footer-column:hover svg circle{
		fill: #2C7FFA !important;
		stroke: #fff !important;
	}
	.footer-column:link a, .footer-column:visited a, .footer-column:hover a,
		.footer-column:active a, .footer-column:focus a {
		color: #2C7FFA;
		font-weight: 400;
	}

}