/* =========================================
   전공역량표(이미지 스타일) - 추가 CSS
   적용대상: table.table-responsive.major-skill
========================================= */

/* 기본 폰트/테두리 정리 */
table.table-responsive.major-skill{border-top:1px solid #2d2d2d; border-left:1px solid #bdbdbd; border-right:1px solid #bdbdbd;border-bottom:1px solid #bdbdbd;border-collapse:collapse;table-layout:fixed; width:100%;}

/* 헤더: 다크 그레이 + 흰 글자 */
table.table-responsive.major-skill thead th{background:#4a4a4a !important;color:#fff !important; font-weight:700; padding:14px 12px; border:1px solid #2f2f2f;  border-top:0;}

/* 바디 셀: 여백/라인/정렬 */
table.table-responsive.major-skill tbody td{padding:18px 14px; border:1px solid #bdbdbd;color:#222; vertical-align:middle; line-height:1.55; background:#fff; white-space:normal;word-break:keep-all;}

/* 첫 번째 컬럼(전공역량) : 가운데 정렬 + 약간 강조 */
table.table-responsive.major-skill tbody td:first-child{ text-align:center; font-weight:600;background:#ffffff;}

/* 두 번째 컬럼(정의) : 왼쪽 정렬 
table.table-responsive.major-skill tbody td:nth-child(2){text-align:left;}*/

/* 열폭(이미지처럼 왼쪽 좁고 오른쪽 넓게)
table.table-responsive.major-skill colgroup col:first-child{ width:28% !important; }
table.table-responsive.major-skill colgroup col:last-child{ width:auto !important; } */

/* ✅ 행 사이 두꺼운 구분선(이미지 느낌) */
table.table-responsive.major-skill tbody tr + tr td{border-top:2px solid #9f9f9f;}

/* 테이블 마지막 오른쪽/왼쪽 border 제거하던 기존 규칙 무력화 */
table.table-responsive.major-skill th:first-child,
table.table-responsive.major-skill td:first-child{ border-left:1px solid #bdbdbd !important; }

table.table-responsive.major-skill thead th:last-child,
table.table-responsive.major-skill td:last-child{ border-right:1px solid #bdbdbd !important; }

/* 반응형: 모바일에서 읽기 편하게 */
@media (max-width:768px){
	table.table-responsive.major-skill{
    table-layout:auto;       
  }
  table.table-responsive.major-skill thead th{ padding:12px 10px;font-size:14px;}
  table.table-responsive.major-skill tbody td{ padding:14px 12px;font-size:14px;}
  table.table-responsive.major-skill td,
  table.table-responsive.major-skill th{
    overflow-wrap:anywhere;     /* 긴 단어도 강제 줄바꿈 */
    word-break:break-word;
  }
}