@charset "utf-8";
/************************************************************************************************************
                                          광주지방변호사회 소개 - 조직기구표
************************************************************************************************************/
        :root {
			--header-bg: #f8f9fa;
            --primary-blue: #005696;
            --light-gray: #f8f9fa;
            --border-color: #dee2e6;
        }

        
        /* 메인 컨테이너 (최대 1320px) */
				
        .org-container {
            max-width: 1320px;
            margin: 0 auto;
            border-top: 3px solid var(--primary-blue);
        }

        /* 섹션 제목 */
        .section-title {
            background-color: var(--light-gray);
            text-align: center;
            padding: 15px;
            font-weight: bold;
            font-size: 2rem;
            border-bottom: 1px solid var(--border-color);
        }
       .group img {width: 100%;margin:20px 0 90px}
		.group_tit {font-weight: 500;font-size: 2.5rem;line-height: 25px;margin: 0 0 30px;padding-left: 15px; border-left: 5px solid #00468c;}
					
        /* 그리드 레이아웃 */
        .grid-row {
            display: grid;
            grid-template-columns: 1fr 1fr;
            border-bottom: 1px solid var(--border-color);
        }

        /* 회장 섹션 (1열 단독) */
        .full-width { grid-column: span 2; }

        /* 카드 개별 스타일 */
        .member-card {
            display: flex;
            align-items: center;
            padding: 20px;
            border-right: 1px solid var(--border-color);
        }

        .member-card:last-child { border-right: none; }

        .member-img {
            width: 120px;
            height: 150px;
            background-color: #eee;
            margin-right: 25px;
            object-fit: cover;
            border: 1px solid #ddd;
        }

        .info h4 { margin: 0 0 8px 0; font-size: 2.5rem; color: #000; }
		.info h4 span{ font-size: 2rem; font-weight: 400; color: #000; }
        .info p { margin: 4px 0; font-size: 1.7rem; line-height: 1.5; color: #555; }
        .info .tel { color: #005696; font-weight: 500; }

        /* 하단 이사 명단 */
        .director-list {
            padding: 30px;
            text-align: center;
            line-height: 2;
			border-bottom: 1px solid var(--border-color);
			margin-bottom: 70px;
            word-break: keep-all;
        }
        .director-list span {     display: inline-block; font-size: 2.5rem; font-weight: 700; margin-right: 15px;}

        /* 반응형 모바일 설정 */
        @media (max-width: 768px) {
			.group_tit {font-weight: 500;font-size: 2rem;margin: 20px 0}
            .grid-row { grid-template-columns: 1fr; }
            .full-width { grid-column: span 1; }
            .member-card { border-right: none; border-bottom: 1px solid var(--border-color); }
            .member-img { width: 100px; height: 125px; }
			.section-title {font-size: 1.7rem}
			.info h4 {font-size: 2.3rem;}
		    .info h4 span{ font-size: 1.8rem; font-weight: 400;}
            .info p {font-size: 1.3rem;}
            .info .tel { color: #005696; font-weight: 500; }
			.director-list span{font-size: 2.3rem}
        }
					
	  /* 컨테이너 */
        .committee-wrapper {
            max-width: 1320px;
            margin: 0 auto;
        }

        /* 상단 타이틀 */
        .main-title {
            font-size: 2.5rem;
            font-weight: 500;
            color: #000;
            margin-bottom: 30px;
			line-height: 25px;
            display: flex;
            align-items: center;
			padding-left: 15px;
    border-left: 5px solid #00468c;
        }
        /*.main-title::before {
            content: '●';
            color: var(--title-blue);
            font-size: 0.8rem;
            margin-right: 8px;
        }*/

        /* 테이블 래퍼 (반응형 스크롤) */
        .table-responsive {
            width: 100%;
			margin-bottom: 80px;
            overflow-x: auto;
            -webkit-overflow-scrolling: touch;
            border-top: 3px solid var(--primary-blue);
        }

        table {
            width: 100%;
            border-collapse: collapse;
            min-width: 900px; /* 모바일에서 깨짐 방지를 위한 최소폭 */
        }

        th, td {
            border: 1px solid #ddd;
            padding: 12px 8px;
            text-align: center;
            font-size: 1.6rem;
        }

        /* 헤더 스타일 */
        thead th {
            background-color: var(--header-bg);
			font-size: 1.8rem;
            font-weight: bold;
            color: #333;
        }

        .category-header {
            background-color: var(--header-bg);
            font-weight: bold;
            font-size: 2rem;
        }

        /* 위원 명단 열 (좌측 정렬 및 자간 조절) */
        .member-list {
            text-align: left;
            padding-left: 15px;
            word-break: keep-all;
            line-height: 1.8;
        }
        
        .sub-text {
            color: #d63384;
            font-size: 1.6rem;
            font-weight: normal;
        }

        /* 컬럼별 고정 폭 조절 */
        .col-name { width: 14%; }
        .col-leader { width: 8%; }
        .col-sub { width: 10%; }
        .col-admin { width: 8%; }
        .col-members { width: 60%; }

        /* 마우스 오버 효과 */
        tbody tr:hover { background-color: #fcfcfc; }