@charset "utf-8";
/************************************************************************************************************
                                          게시판 - 소송복대리안내
************************************************************************************************************/
    /* 컨테이너: 최대 1320px, 모바일에서는 양옆 여백 */
        .container { 
            max-width: 1320px; 
            margin: 40px auto; 
            padding: 0 20px; 
            box-sizing: border-box; 
        }
        /* 상단 프로필 섹션 */
        .header-box { 
            border: 2px solid #e1e1e1; 
            border-radius: 10px; 
            padding: 0px 30px 0px 0; 
            display: flex; 
            align-items: center; 
            gap: 50px;
            margin-bottom: 80px;
            background: #fff;
        }
        .profile-img { width: 215px; height: 181px; border-radius: 10px; object-fit: cover; flex-shrink: 0; }
        .header-info h2 { margin: 0 0 10px 0; font-size: 26px; color: #00468c; }
        .header-info h2 small { font-size: 16px; margin-right: 8px; color: #00468c; font-weight: 600; }
        .header-info span { margin-left: 10px;}
        .header-info p { margin: 0; font-size: 1.9rem; word-break: keep-all; color: #444; }
		.header-info .txt_small{ margin: 10px 0 0; font-size: 1.5rem; word-break: keep-all; color: #444; }
        .highlight-blue { color: #00468c; font-weight: 500; font-size: 2.2rem; }
		.highlight-gray { color: #565656; font-weight: 400; font-size: 2rem }
		.fee-list {
            list-style: none; /* 기본 점 제거 */
            padding: 0;
            margin: 0;
        }
        
        .fee-list li {
            font-size: 17px;
            color: #444;
            line-height: 1.8;
            position: relative;
            padding-left: 15px; /* 글머리 기호 여백 */
            word-break: keep-all; /* 단어 단위 줄바꿈 (가독성) */
        }
        
        /* 이미지의 '-' 글머리 기호 재현 */
        .fee-list li::before {
            content: "-";
            position: absolute;
            left: 0;
            color: #666;
            font-weight: bold;
        }
        /* 본문 콘텐츠 */
        .section-title { font-size: 2.5rem; font-weight: 500; color: #222;line-height: 25px; margin: 42px 0 15px; padding-left: 15px; border-left: 5px solid #00468c; }
        .content-text { font-size: 1.9rme; color: #333; font-weight: 400; margin-bottom: 15px; word-break: keep-all; }
        
		.point { color: #fff; background: #0056b3;}
		.section-stitle  {font-size: 2rem;font-weight: 500; margin-top: 15px; }
		.section-stitle p {font-size: 2.5rem;font-weight: 500;color: #f26522; padding-left: 5px}
		
		/* 파일 다운로드 전체 바 구조 */
        .download-bar {
            display: flex;
            align-items: center;
            border: 1px solid #ccc;
            background-color: #fff;
            width: 100%;
            box-sizing: border-box;
			margin-top: 10px;
        }

        /* 왼쪽 파란색 타이틀 영역 */
        .download-title-box {
            background-color: #0056b3; /* 이미지의 선명한 파란색 반영 */
            color: #fff;
            font-weight: bold;
            font-size: 16px;
            width: 180px; /* 고정 너비 */
            height: 60px; /* 높이 매칭 */
            display: flex;
            align-items: center;
            justify-content: center;
            flex-shrink: 0; /* 너비 고정 유지 */
        }

        /* 오른쪽 컨텐츠/링크 영역 */
        .download-content-box {
            flex: 1;
            padding: 0 25px;
            display: flex;
            align-items: center;
        }
		.download-content-box a{color: #F8080C; font-size: 16px}

        /* 다운로드 파일 링크 텍스트 스타일 */
        .download-link {
            color: #ff0000; /* 이미지의 강조된 빨간색 텍스트 반영 */
            text-decoration: none;
            font-size: 16px;
            font-weight: 500;
            transition: text-decoration 0.2s ease;
        }

        /* 마우스 호버 시 언더라인 효과 */
        .download-link:hover {
            text-decoration: underline;
        }
        /* 탭 메뉴 스타일 */
        .tab-menu { display: flex; width: 100%; border: 1px solid #ccc; list-style: none; padding: 0; margin: 25px 0 50px; flex-wrap: wrap; }
        .tab-item { 
            flex: 1; min-width: 120px; text-align: center; padding: 15px 0; cursor: pointer; 
            background-color: #f5f5f5; border-right: 1px solid #ccc; font-size: 16px; font-weight: 500; transition: 0.3s;
        }
        .tab-item:last-child { border-right: none; }
        
        /* 활성화 컬러 (이미지 동일) */
        .tab-item.active { background-color: #728594; color: #fff; font-weight: bold; }

        /* 표 스타일 */
        .table-wrap { width: 100%; border-top: 3px solid #0056b3; overflow-x: auto; margin-top: -1px; }
        table { width: 100%; border-collapse: collapse; min-width: 900px; }
        th { background-color: #f8f9fa; border-bottom: 1px solid #ccc; padding: 15px; font-weight: bold; color: #333; border: 1px solid #ccc; }
        td { border-bottom: 1px solid #ccc; padding: 15px; text-align: center; font-size: 15px; border: 1px solid #ccc; }
		td a{font-weight: 500;color: #F40307; }
        /*th:last-child, td:last-child { border-right: none; }*/
		.tex-left {text-align: left}
        
        /* 프로필보기 링크 스타일 */
        .link-profile { 
            color: #333; text-decoration: underline; font-size: 14px; font-weight: 500;
        }
        .link-profile:hover { color: #0056b3; }
        .only-mo { display:none; }

        /* 모바일 대응 */
        @media (max-width: 768px) {
			.header-box { flex-direction: column; text-align: center; padding: 20px; }
            .profile-img { width: 170px; height: 140px; border: 1px solid #ddd;}
            .header-info h2 { font-size: 22px; }
            
            .step-container { flex-direction: column; gap: 10px; border: none; }
            .step-item { border-right: 1px solid #eee; border-radius: 10px; padding-bottom: 20px; }
            .step-num { border-radius: 8px 8px 0 0; }
            .tab-item { flex: none; width: 50%; border-bottom: 1px solid #ccc; font-size: 14px; padding: 10px 0; }
            .container { margin: 20px auto; }
			.download-bar {
                flex-direction: column; /* 세로 정렬로 전환 */
                align-items: flex-start;
            }

            .download-title-box {
                width: 100%; /* 모바일에서는 가로 꽉 차게 변경 */
                height: 45px; /* 모바일 높이 축소 조정 */
                font-size: 15px;
                justify-content: flex-start;
                padding-left: 20px;
                box-sizing: border-box;
            }

            .download-content-box {
                width: 100%;
                padding: 15px 20px;
                box-sizing: border-box;
            }

            .download-link {
                font-size: 14px;
                word-break: keep-all; /* 모바일 줄바꿈 가독성 확보 */
            }
        }
			
        }