body { font-size: 13px; }


	.paging {
		padding: 15px 0;
		text-align: center;
	}
	.paging:after {
	   content: "";
		display: inline-block;
		clear: both;
		width: 100%;
	}
	.paging li {
		display: inline-block;
		vertical-align: middle;
	}
	.paging li a {
		line-height: 20px;
		vertical-align: middle;
		color: #333;
		margin-right: 3px;
		cursor: pointer;
		font-weight: 500;
		text-decoration: none;
		padding: 0 3px;
	}

	.paging li b{
		cursor: pointer;
		line-height:20px;
		width: 20px;
		height: 20Px;
		border: 1px solid #ddd;
		display: inline-block;
		font-size: 13px;
		font-weight: 500;
	}

	.paging .paging_num {
		width: 25px;
		height: 25px;
		border: 1px solid #ddd;
		display: inline-block;
		cursor: pointer;
	}
	.paging .paging_num.on {
		border: 1px solid #379cdc;
		color: #379cdc;
	}
	.paging .arw {
		background: url(../images/common.png) no-repeat;
		width:27px;
		height: 27px;
		border:none;
		display: inline-block;
	}
	.paging .prev {
		background-position:-147px -49px;
	}
	.paging .pprev {
		background-position: -120px -49px;
	}
	.paging .next {
		background-position:-174px -49px;
	}
	.paging .nnext {
	   background-position:-201px -49px;
	}
	.paging .prev span {
		padding-left: 4.5rem;
		white-space: nowrap;
		line-height: 3.4rem;
		color: #222;
	}
	.paging .next span {
		margin-left: -6.5rem;
		white-space: nowrap;
		line-height: 3.4rem;
		color: #222;
	}




	/* 상단 타이틀 및 검색 영역 정렬 */
	.dashboard-header {
		display: flex;
		justify-content: space-between;
		align-items: flex-end;
		margin-bottom: 25px;
	}

	/* 타이틀 스타일 */
	.title-group h2 {
		margin: 0;
		font-size: 22px;
		color: #1A1A1A;
		font-weight: 700;
	}
	.title-group span {
		font-size: 13px;
		color: #8C8C8C;
		display: block;
		margin-bottom: 4px;
	}

	/* 올인원 일체형 검색 폼 바 */
	.search-bar {
		display: flex;
		align-items: center;
		background-color: #F5F6F8; /* 검색창 내부 연회색 바탕 */
		border: 1px solid #E4E7EC;
		border-radius: 30px; /* 완벽하게 둥근 모서리 */
		padding: 4px 4px 4px 16px;
		width: 520px;
		box-shadow: inset 0 1px 2px rgba(0,0,0,0.02);
	}

	/* 검색 조건 셀렉트 */
	.search-select {
		border: none;
		background: transparent;
		font-size: 13px;
		color: #4A4A4A;
		outline: none;
		cursor: pointer;
		padding-right: 8px;
		font-weight: 500;
	}

	/* 구분 세로선 */
	.search-divider {
		width: 1px;
		height: 14px;
		background-color: #D0D5DD;
		margin: 0 12px;
	}

	/* 검색 입력창 */
	.search-input {
		border: none;
		background: transparent;
		font-size: 13px;
		color: #333333;
		outline: none;
		flex-grow: 1;
	}
	.search-input::placeholder {
		color: #98A2B3;
	}

	/* 둥근 검색 버튼 (챠콜 색상) */
	.search-btn {
		background-color: #343A40; /* 이미지 속 짙은 챠콜 회색 */
		color: #FFFFFF;
		border: none;
		border-radius: 20px; /* 버튼도 둥글게 */
		padding: 8px 18px;
		font-size: 13px;
		font-weight: 500;
		cursor: pointer;
		display: flex;
		align-items: center;
		gap: 6px;
		transition: background-color 0.15s;
	}
	.search-btn:hover {
		background-color: #212529;
	}



	/* 전체 갯수 + 페이지 */
	.result-bar {
		display: flex;
		align-items: center;
		padding: 4px 4px 4px 16px;
	}


	/* 테이블 기본 스타일 리셋 */
	.charcoal-table {
		width: 100%;
		border-collapse: collapse; /* 테두리 겹침 방지 */
		font-family: 'Malgun Gothic', sans-serif;
		font-size: 13px;
		text-align: left;
	}

	/* 챠콜 헤더 (#4A4A4A) 스타일 */
	.charcoal-table th {
		background-color: #4A4A4A; /* 챠콜 배경 */
		color: #FFFFFF;            /* 흰색 글자 */
		font-weight: 600;
		padding: 12px 16px;
		border-bottom: 2px solid #333333;
	}

	.charcoal-table th:first-child {
		border-top-left-radius: 10px;
	}
	.charcoal-table th:last-child {
		border-top-right-radius: 10px;
	}

	/* 본문 데이터 스타일 */
	.charcoal-table td {
		padding: 12px 16px;
		color: #333333; /* 완전한 검은색보다 고급스러운 짙은 회색 */
		border-bottom: 1px solid #E0E0E0; /* 연한 가로 구분선 */
	}

	/* 가운데 정렬이 필요한 열에 적용 (예: 순위, 진척률 등) */
	.text-center {
		text-align: center;
	}

	/* 마우스 호버 효과 (선택 사항) */
	.charcoal-table tbody tr:hover {
		background-color: #F5F5F5; /* 마우스를 올리면 연한 회색으로 변함 */
		cursor: pointer;
	}