@charset "utf-8";
/* ************************ 공통 ************************ */

.contactArea {}
.contactArea-wrap {display:flex; gap:30px;}
.contactArea-item {display:flex; gap:10px; align-items:center;}
.contactArea-item-img {width:55px; height:55px; background:#fff; border:1px solid #ddd; border-radius:50%;}
.contactArea-item-img img {width:100%; height:100%; object-fit:scale-down;}
.contactArea-item-txt {}
.contactArea-item-txt p {color: #333;font-size: var(--fs17);font-weight: 500; line-height: 140%;}
.contactArea-item-txt a {color:var(--base1);font-size:var(--fs20);font-weight: 700;line-height: 140%;}

footer .contactArea-item-txt p {color:#fff; opacity:.8;}

/* ************************ 테블릿 (~1024) ************************ */
@media screen and (max-width: 1024px) {
	
	/* ******************** 공용 ******************** */
	
	.contactArea-item-img {width:50px; height:50px;}
	.contactArea-item-img img {}
	
	
}


/* ************************ 모바일 (0~767) ************************ */
@media screen and (max-width: 767px) {
	
	
	.contactArea-wrap {flex-direction:column; gap:10px;}
	.contactArea-wrap  {}
	
	
	
	
	

}











/* 전체 화면 로딩 오버레이 START*/
#loadingOverlay {
	display: none;
	position: fixed;
	top: 0; left: 0;
	width: 100%; height: 100%;
	background-color: rgba(0, 0, 0, 0.6);
	z-index: 9999;
	text-align: center;
	color: white;
	font-size: 24px;
	font-weight: bold;
	padding-top: 20%;
}
.spinner {
	margin: 0 auto 20px;
	border: 8px solid #f3f3f3;
	border-top: 8px solid #ffffff;
	border-radius: 50%;
	width: 60px;
	height: 60px;
	animation: spin 1s linear infinite;
}
@keyframes spin {
	0% { transform: rotate(0deg); }
	100% { transform: rotate(360deg); }
}
/* 전체 화면 로딩 오버레이 END*/