.s_ct_inner ul.state_menu li.base a {
    background: #fff;
    color: #0068b7;
}

 .gits_org_tabs {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    list-style: none;    
    margin: 0 auto 25px auto; /* 아래 본문 콘텐츠와의 간격 */
    width: 100%;
    box-sizing: border-box;
    gap: 8px; /* 탭 버튼 사이의 간격 */
}

/* 개별 탭 리스트 요소 */
.gits_org_tabs li {
    flex: 0 0 calc((100% - 16px) / 3);   
    min-width: 0;    
}

/* 기본 비활성화 탭 상태 (정부 조직도 스타일) */
.gits_org_tabs li a {
    display: flex;    
    align-items: center;
    justify-content: center;
    height: 64px; /* 버튼의 세로 높이 */    
    background-color: #f1f5f9; /* 은은한 연회색 배경 */
    border: 1px solid #cbd5e1;  /* 연한 경계 테두리 */
    color: #475569;            /* 차분한 글자 색상 */
    font-size: 18px;
    font-weight: 700;
    text-decoration: none;
    text-align: center;
    box-sizing: border-box;
    transition: all 0.2s ease-in-out;
}

/* ★ 활성화된 탭 상태 (시군별 조직도 스타일 - 메인 블루 적용) */
.gits_org_tabs li.active a {
    background-color: #00478f; /* 경기도교통정보센터 메인 포인트 컬러 */
    border-color: #00478f;
    color: #ffffff;            /* 활성화 시 흰색 텍스트 */
    /* 입체감을 주는 부드러운 푸른빛 음영 효과 */
    box-shadow: 0 4px 12px rgba(0, 71, 143, 0.15); 
}

/* 마우스 오버 시 호버 효과 (활성화되지 않은 버튼에만 작동) */
.gits_org_tabs li:not(.active) a:hover {
    background-color: #e2e8f0;
    color: #333333;
}

@media screen and (max-width: 1200px) {
	.gits_org_tabs {
	   width: 96%;
	   margin: 0 auto;	  
	}
}

@media screen and (max-width: 780px) {
	.gits_org_tabs li {
    	flex: 0 0 calc((100% - 8px) / 2)
	}
	
	.gits_org_tabs li a {
		height: 50px;
		line-height: 50px;
		font-size: 16px;
	}
}

@media screen and (max-width: 426px) {
	.gits_org_tabs li a {
		letter-spacing: -0.3px;		
		font-size: 0.65rem;
	}
}