/* 컬럼별 너비 설정 */
.faq-header { 
    display: flex;          /* 반드시 있어야 가로로 배치됩니다 */
    align-items: center;    /* 세로 중앙 정렬 */
    width: 100%;            /* 전체 너비 사용 */
    padding: 15px 0;
    cursor: pointer;
}
        .col-id { width: 10%; color: #888; }
        .col-title { width: 50%; text-align: left; padding-left: 10px; font-weight: 500; }
        .col-author { width: 15%; color: #555; }
        .col-date { width: 20%; color: #999; font-size: 13px; }
        .col-arrow { width: 5%; color: #ccc; }
        .btn_write{font-size: 12px; color: #f2af2d; text-decoration: none; border: 1px solid #f2af2d; padding: 2px 8px; border-radius: 3px; }
        .btn-del { font-size: 12px; color: #d9534f; text-decoration: none; border: 1px solid #d9534f; padding: 2px 8px; border-radius: 3px; }
        .btn_edit{ font-size: 12px; color: #9baebc; text-decoration: none; border: 1px solid #9baebc; padding: 1px 8px; border-radius: 3px; }


        /* 기본 스타일 */

        .write-container { 
            background: #fff; 
            width: 100%; 
            max-width: 600px; 
            padding: 30px; 
            border-radius: 12px; 
            box-shadow: 0 4px 20px rgba(0,0,0,0.08); 
        }


        /* 폼 요소 스타일 */


        /* 버튼 영역 */
        .btn-group { display: flex; gap: 10px; margin-top: 30px; }
        
        .btn { 
            flex: 1; 
            padding: 14px; 
            border: none; 
            border-radius: 6px; 
            font-size: 16px; 
            font-weight: bold; 
            cursor: pointer; 
            text-align: center; 
            text-decoration: none; 
            transition: opacity 0.2s;
        }

        .btn-submit { background-color: #f2af2d; color: white; }
        .btn-cancel { background-color: #e9ecef; color: #495057; }
        
        .btn:hover { opacity: 0.85; }