/* 또는 아예 해당 영역의 cate2를 통째로 안 보이게 처리 (카테고리를 안 쓸 경우) */
.bbs-data1.area1 span.cate2 {
    display: none !important;
}
/* [PC 레이아웃] 원래 높이가 딱 맞던 고정형 테이블 구조로 복구 */
.main-section.news {
	display: table !important;
	table-layout: fixed !important;
	width: 100% !important;
	max-width: 1100px !important;
	margin: 0 auto !important;
	padding: 80px 24px 120px 24px !important;
	box-sizing: border-box !important;
}

/* [PC 레이아웃] 원래대로 테이블 셀 구조로 복구 (기본 마진 차단 효과) */
.main-section.news .bbs-data1.area1 {
	display: table-cell !important;
	width: 50% !important;
	vertical-align: top !important;
	box-sizing: border-box !important;
	padding-left: 60px !important;  /* 선 우측 여백 */
	text-align: left !important;    
}

.main-section.news .bbs-data1.area1 .main-tit a {
	font-size: 32px !important;
	font-weight: 700 !important;
	line-height: 1.2 !important;
	display: inline-block !important;
	margin: 0 0 25px 0 !important;
}

/* [모바일 레이아웃] 화면이 좁아지거나 확대될 때만 Flex Container로 변환하여 순서 역전 */
@media screen and (max-width: 768px) {
	.main-section.news {
		display: flex !important;
		flex-direction: column !important; /* 세로 1단 나열 */
		padding: 50px 24px 60px 24px !important;
	}
	.main-section.news .bbs-data1.area1 {
		display: block !important;
		width: 100% !important;
		padding-left: 0 !important; 
		order: 1 !important; /* 모바일 화면에서 위(첫 번째)로 배치 */
	}
	.main-section.news .bbs-data1.area1 .main-tit a {
		font-size: 28px !important;
	}
}

/* 1. 레이아웃을 깨뜨리지 않고 오직 위아래 간격만 좁히기 */
.bbs-data1.area1 ul li {
    padding-top: 4px !important;    /* 위쪽 여백 축소 */
    padding-bottom: 4px !important; /* 아래쪽 여백 축소 */
    margin: 0 !important;
}

/* 2. 구조(display)는 건드리지 않고 순수 줄바꿈 높이만 조절 */
.bbs-data1.area1 ul li a,
.bbs-data1.area1 ul li a .tit {
    line-height: 1.3 !important;    /* 글자 자체의 행간을 촘촘하게 만듦 */
    letter-spacing: -0.03em !important; /* 자간을 살짝 좁혀 가독성 향상 */
}

/* 제목은 놔두고 게시판 리스트 전체만 위로 올리기 */
.bbs-data1.area1 ul {
    margin-top: -25px !important;  /* 음수 마진을 주어 리스트 전체를 위로 끌어올림 */
    padding-top: 0 !important;     /* 혹시 들어있을 내부 여백 제거 */
}