/* =========================
   Page typography (요청 반영)
   ========================= */

/* 본문 텍스트 */
.page-content{
	line-height: 1.8;
	letter-spacing: -0.01em;
	font-size: 17px;
	word-break: keep-all;
	word-wrap: break-word;
}

/* 세부제목 (1-1 제목) */
.page-content .article-title{
	font-size: 18px;
	font-weight: 600;
	color: #0083B9; /* 기존 톤 유지 */
	padding-top: 30px;
	
}

/* 대분류 제목 (① 이사준비의 본질) */
.page-content .div-title-underline-bold{
	font-size: 30px;
	color: #555;
}

/* 문단 간격 (중요) */
.page-content p{
	margin: 0 0 1.1em;
	padding: 0;
}

/* 기존 스타일 유지 */
.page-content ul{ list-style:none; padding:0px; margin:0px; font-weight:normal; }
.page-content ol{ margin-top:0px; margin-bottom:15px; }
.page-content table{ border-top:2px solid #999; border-bottom:1px solid #ddd; }
.page-content th,
.page-content td{ line-height:1.6 !important; }
.page-content table.tbl-center th,
.page-content table.tbl-center td,
.page-content th.text-center,
.page-content td.text-center{ text-align:center !important; }

/* history tab */
.history_tab{
	width:100%;
	display:flex;
	flex-wrap:wrap;
	justify-content:left;
	gap:10px;
	margin-bottom:50px;
	
}
.history_tab span{
	display:block;              /* inline-block → block */
	width:280px;

	margin:0;                   /* gap으로 간격 처리 */
	border:1px solid #000;
	padding:8px 0;
	cursor:pointer;
	font-size:14px;
	text-align:center;
	box-sizing:border-box;      /* ✅ 폭 계산 안정 */
	font-weight:600;
	
}
.history_tab span.on{border:1px solid #333; background-color:#333; color:#ffffff;}
.history_tab span.a{border:1px solid #333; background-color:#333; color:#ffffff;}

@media screen and (max-width: 768px){
	.history_tab a{
		flex: 0 0 calc(50% - 10px);
		max-width: calc(50% - 10px);
		margin:0;
	}

	.history_tab span{
		width:100%;
		margin:0;
		height:60px;
		padding:6px;

		display:flex;
		align-items:center;      /* 세로 가운데 */
		justify-content:center;  /* 가로 가운데 */
		text-align:center;
		line-height:1.4;
		box-sizing:border-box;
	}
}

