/* -------------------------------
   건강똑똑 공통 페이지 푸터 footer.css
-------------------------------- */

.site-footer{
  background: var(--footer); 
  color: var(--white); 
}
.site-footer a{ 

	text-decoration:none;
	height: 22px;
	font-weight: 500;
	font-size: 16px;
	line-height: 140%;
	color: var(--whtie);
}

.footer-top{
  display:flex; 
	align-items:center; 
	justify-content:space-between; 
	gap:16px;
  padding: 20px 0;	
border-bottom: 0.5px solid var(--grey-59);

}
.footer-links{ display:flex; gap:12px; align-items:center; font-weight:600; }
.footer-links .sep{ 
	width: 4px;
	height: 18px	;
	font-weight: 400;
	font-size: 13px;
	line-height: 150%;
	color: var(--grey-d5);
 }
.sns{ 
	display:flex; 
	justify-content: center;
	align-items: center;		
	gap: 10px; 
	list-style:none; 
	padding:0; 
	margin:0; 
}
.sns li{
	display:flex;
	justify-content: center;
	align-items: center;		
}
.sns a{ 
	display:inline-flex; 
	width:40px; height:40px; 
	align-items:center; 
	justify-content:center; 
}
.sns a:hover{ background:rgba(255,255,255,.16); }

/* 분할선 */
.footer-divide{
  border:0; border-top:1px solid rgba(255,255,255,.14);
  margin:12px 0 20px;
}

.footer-body{
    display: flex; 	
	justify-content: space-between;
	padding: 36px 0;
}
.footer-body .col{ display:flex; }
.footer-body .left{ align-items:flex-start; gap:52px;  }
.footer-body .right{ flex-direction:column; align-items:flex-end; text-align:right; }

/* 좌측(브랜드마크 + 회사정보) */
.brandmark img{ width:89px; height:105px; display:block; }
.corp{
	font-weight: 400;
    font-size: 13px;
    line-height: 140%;
	color: var(--grey-91);
	display: flex;
	flex-direction: column;
	gap:2px;

}
.corp-row{ 
	margin:0; 
	display:flex; 
	flex-wrap:wrap; 
	gap:20px; 
}
.corp-span{
	display:flex; 	
	gap:4px; 
}
.sep {
    width: 4px;
    height: 18px;
    font-weight: 400;
    font-size: 13px;
    line-height: 150%;
    color: var(--grey-d5);
}
.copy{ 
	margin:0px 0 0; 
	font-weight: 400;
	font-size: 12px;
	line-height: 140%;
	color: var(--grey-91);
}

/* 우측(문의 전화 강조) */
.help-kicker{ 
	height: 21px;
	font-style: normal;
	font-weight: 700;
	font-size: 15px;
	line-height: 140%;
	text-align: right;
	color: var(--grey-91);
}
.help-phone{
	height: 45px;
	font-family: 'SUIT';
	font-style: normal;
	font-weight: 800;
	font-size: 36px;
	line-height: 45px;
	text-align: right;
	letter-spacing: -0.04em;
	  margin:0; 
	  color: var(--primary-50);
}
.help-time{
	height: 34px;
	font-style: normal;
	font-weight: 400;
	font-size: 12px;
	line-height: 140%;
	text-align: right;
	color: var(--grey-91);
}