/* [PC 레이아웃] 테이블 셀 구조로 복구하여 상단 높이를 원래대로 정밀 일치 */
.main-section.news .contact-box-fixed {
	display: table-cell !important;
	width: 50% !important;
	vertical-align: top !important;
	box-sizing: border-box !important;
	padding-right: 60px !important;  /* 중앙선과의 간격 */
	border-right: 2px solid #000000 !important; /* 중앙 세로선 */
	background: #ffffff !important;
}

/* 타이틀 우측 정렬 */
.contact-box-fixed .c-title { 
	font-size: 32px !important; 
	font-weight: 700 !important; 
	line-height: 1.2 !important; 
	margin: 0 0 15px 0 !important; 
	text-align: right !important; 
}

/* 부서명 두께 통일 */
.contact-box-fixed .c-dept { 
	font-size: 15px !important; 
	font-weight: 400 !important;
	line-height: 1.0; 
	margin-bottom: 5px;
	text-align: right !important; 
	color: #333333;
}

/* 하부 링크 및 주소 두께 통일 */
.contact-box-fixed .c-link,
.contact-box-fixed .c-addr { 
	font-size: 15px !important;
	font-weight: 400 !important; 
	line-height: 0.8 !important; 
	text-decoration: none; 
	color: #666666;
	display: inline-block; 
	text-align: right !important; 
}

/* [모바일 레이아웃] 화면이 좁아지거나 확대될 때만 Flex Item으로 작동하여 아래로 이동 */
@media screen and (max-width: 768px) {
	.main-section.news .contact-box-fixed {
		display: block !important;
		width: 100% !important;
		padding-right: 0 !important;
		border-right: none !important; /* 세로선 제거 */
		order: 2 !important; /* 모바일 화면에서 아래(두 번째)로 배치 */
		margin-top: 50px !important; /* 위로 올라간 Notice 게시판과의 여백 */
	}
	/* 내부 flex 박스 정렬을 모바일에서는 다시 왼쪽으로 변경 */
	.contact-box-fixed > div {
		align-items: flex-start !important;
	}

	/* 모바일 타이틀 */
	.contact-box-fixed .c-title { 
		font-size: 17px !important; 
		margin-bottom: 5px !important; 
		text-align: left !important; 
	}

	/* 모바일 부서명 */
	.contact-box-fixed .c-dept { 
		font-size: 10px !important; 
		text-align: left !important; 
		margin-bottom: 0px !important; 
	}

	/* 모바일 링크 및 주소 축소 */
	.contact-box-fixed .c-link,
	.contact-box-fixed .c-addr { 
		font-size: 10px !important; 
		text-align: left !important; 
	}
}