.ccp-h2toc {
	width: 100% !important;
	max-width: 100% !important;
	margin: 0 !important;
	padding: 0 !important;
}

.ccp-h2toc__list {
	list-style: none !important;
	margin: 0 !important;
	padding: 0 !important;

	display: grid !important;
	grid-template-columns: repeat(2, minmax(0, 1fr)) !important; /* 한 줄에 2개, 정확히 반반 */
	grid-auto-flow: row !important;
	gap: 10px !important;
	width: 100% !important;
}

.ccp-h2toc__item {
	display: block !important;
	margin: 0 !important;
	padding: 0 !important;
	width: 100% !important;
	min-width: 0 !important; /* 긴 텍스트가 레이아웃을 밀지 못하게 */
}

.ccp-h2toc__link {
	display: block !important;
	width: 100% !important;
	min-width: 0 !important;
	box-sizing: border-box !important;
	text-align: center !important;

	text-decoration: none !important;
	padding: 14px 14px !important;

	border: 1px solid #000000 !important;
	border-radius: 0 !important; /* 라운드 제거 */

	color: #000000 !important; /* 기본 글자색 검은색 */
	background: transparent !important;

	font-weight: 700 !important; /* 글자 두껍게 */

	/* 글자 길이와 무관하게 버튼 폭 유지(줄바꿈 대신 말줄임) */
	white-space: nowrap !important;
	overflow: hidden !important;
	text-overflow: ellipsis !important;

	transition: background-color 0.18s ease, color 0.18s ease, border-color 0.18s ease;
}

.ccp-h2toc__link:hover,
.ccp-h2toc__link:focus {
	background: #000000 !important; /* hover 시 배경색 */
	color: #ffffff !important;      /* hover 시 글자 흰색 */
	border-color: #000000 !important;
}

.ccp-h2toc__link:focus-visible {
	outline: 2px solid currentColor !important;
	outline-offset: 2px !important;
}

/* 모바일: 한 줄에 1개 */
@media (max-width: 767px) {
	.ccp-h2toc__list {
		grid-template-columns: 1fr !important;
	}
	
.ccp-h2toc__link {
	padding: 14px 14px !important;
	}
}

/* 목차(h2 toc) 글자 크기 키우기 */
.ccp-h2toc__item .ccp-h2toc__link{
  font-size: 20px; /* 원하는 크기로 조절 */
}

/* 모바일에서만 더 키우고 싶으면 */
@media (max-width: 767px){
  .ccp-h2toc__item .ccp-h2toc__link{
    font-size: 20px;
  }
}