.cfm-menu-container {
    display: flex;
    align-items: center; /* 수직 중앙 정렬 */
    padding: 10px 20px;
    background-color: #f8f8f8;
  }
  
  .nlogo {
    display: flex;
    align-items: center;
  }
  
  .nlogo img.custom-logo {
    height: 100px; /* 로고 높이 (원하는 값으로 조정 가능) */
    width: auto;
  }
  
  .cfm-menu {
    margin-left: 20px; /* 로고와 메뉴 사이 간격 */
  }
  
  .cfm-menu ul {
    display: flex;
    align-items: center; /* 메뉴 텍스트 수직 중앙 정렬 */
    list-style: none;
    padding: 0;
    margin: 0;
    position: relative;
  }
  
  .cfm-menu > ul > li {
    position: relative;
  }
  
  .cfm-menu > ul > li > a {
    color: #333;
    padding: 10px 15px;
    display: flex;
    align-items: center;
  }
  
  .cfm-menu a {
    font-size: 1.5em;
  }
  
  .cfm-menu .sub-menu {
    display: none;
    position: absolute;
    top: 100%;
    left: 0;
    background-color: #f8f8f8;
    padding: 0;
    margin: 0;
    list-style: none;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
  }
  
  .cfm-menu .sub-menu li {
    border-bottom: 1px solid #ddd;
  }
  
  .cfm-menu .sub-menu li a {
    padding: 10px 15px;
    display: block;
    color: #333;
    min-width: 200px;
    font-size: 1.5em;
    white-space: nowrap;
  }
  
  .cfm-menu > ul > li:hover .sub-menu {
    display: block;
  }
 .header-logo {
	height: auto;
       width: 300px;
}
@media print {
  .no-print {
   display: none;
  }
}
td {
	padding: 10px 10px ;
}
fieldset {
	 padding: 0px 0px ;
	margin: 5px 0px ;
}
.header-actions {
  display: flex;
  justify-content: space-between;
  align-items: center;
}

.cfm-search-form form {
  display: flex;
  align-items: center;
}

.cfm-search-form input[type="text"] {
  margin-right: 10px;
}

.print-header {
  display: flex;
  flex-wrap: nowrap; /* 한 줄로 강제 배치 */
  justify-content: space-between;
  align-items: center; /* 수직 중앙 정렬 */
}

.print-title {
  flex-grow: 1; /* 제목이 남은 공간 차지 */
  text-align: left;
}

.print-title h1 {
  font-size: 32px;
  margin: 0; /* 기본 마진 제거 */
  line-height: 1; /* 필요 시 조정 */
}

.print-decision {
  text-align: right;
}

.print-decision img {
  width: 300px;
  height: auto;
  margin: 0;
}

.thin-line {
  border-top: 1px solid black;
  margin: 1px 0;
}
.thick-line {
  border-top: 2px solid black;
  margin: 1px 0;
}

h3 {
  font-size: 11px;
   margin: 0px;
}

/* Left alignment */
.left-align {
  text-align: left;
}

/* Right alignment */
.right-align {
  text-align: right;
}

/* Center alignment */
.center-align {
  text-align: center;
  vertical-align: middle;  /* Vertical alignment */
}

.accident-header-table td {
  font-size: 17px;          /* Font size */
  margin: 5px 0px;              /* Margin */
  padding: 5px 0px;            /* Padding */
  border: 1px solid #000;   /* Border */
  text-align: center;       /* Text alignment */
  vertical-align: middle;   /* Vertical alignment */
}

/* Additional styling for the table itself, if needed */
.accident-header-table {
  border-collapse: collapse;
	width: 100%;               /* Table width */
}

.accident-header-table h1 {
  font-size: 36px;        /* Font size */
  margin: 0px;            /* Margin */
  padding: 0px;           /* Padding */
  text-align: center;     /* Text alignment */
  font-weight: bold;
}

.accident-summary-table td {
   border:0.5px  solid #000;
  margin: 2px 0 ;    /* Set margin to 0 */
  padding: 2px 5px; 

  font-size: 12px ; /* Set font size to 10px */
}

.employee-info-table td {
   border:0.5px  solid #000;
  margin: 2px 0 ;    /* Set margin to 0 */
  padding: 2px 5px;

  font-size: 12px ; /* Set font size to 10px */
}
.accident-history-table td {
  margin: 2px 0 ;    /* Set margin to 0 */
  padding: 2px 2px;

  font-size: 12px ; /* Set font size to 10px */
}

.accident-history-table th {
  margin: 2px 0 ;    /* Set margin to 0 */
  padding: 2px 1px;
 text-align: center; 
  font-size: 12px ; /* Set font size to 10px */
}

.accident-details-table td {
  margin: 2px 0 ;    /* Set margin to 0 */
  padding: 2px 2px;

  font-size: 12px ; /* Set font size to 10px */
}
.property-damage-table td {
  margin: 2px 0 ;    /* Set margin to 0 */
  padding: 2px 2px;

  font-size: 12px ; /* Set font size to 10px */
}

.personal-injury-table td {
  margin: 2px 0 ;    /* Set margin to 0 */
  padding: 2px 2px;

  font-size: 12px ; /* Set font size to 10px */
}
.basic-info-emplyee {
        border-collapse: collapse; /* Ensure borders are collapsed into a single border */
}
.basic-info-emplyee th,
.basic-info-emplyee td {
  margin: 10px 0 ;    /* Set margin to 0 */
  padding: 2px 2px;
  border: 1px solid #000; /* Add a thin border to table cells */
  font-size: 13px ; /* Set font size to 10px */
 text-align: center;       /* Left align text */
}
.interview-emplyee {
	border-collapse: collapse; /* Ensure borders are collapsed into a single border */
}

.interview-emplyee th,
.interview-emplyee td {
  margin: 10px 0 ;    /* Set margin to 0 */
  padding: 10px 10px;
   border: 1px solid #000; /* Add a thin border to table cells */
  font-size: 13px ; /* Set font size to 10px */
}
.papers-emplyee {
        border-collapse: collapse; /* Ensure borders are collapsed into a single border */
}
.papers-emplyee th, 
.papers-emplyee td {
  margin: 10px 0 ;    /* Set margin to 0 */
  padding: 5px 20px;
border: 1px solid #000; /* Add a thin border to table cells */
  font-size: 13px ; /* Set font size to 10px */
}
.full_address div {
    white-space: nowrap;       /* 줄바꿈 금지 */
    overflow: hidden;          /* 넘치는 내용 숨김 */
    text-overflow: ellipsis;   /* 넘치는 부분 생략(...) */
}
.basic-info-low {
	height: 60px 
}

/* 정비일자 정보 테이블 */
.maintenance-date-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #000;
}
.maintenance-date-table th,
.maintenance-date-table td {
    border: 1px solid #000;
    padding: 2px;
    margin: 0;
    font-size: 12px;
    text-align: center;
}

/* 차량 및 부품 내역 테이블 */
.vehicle-details-table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #000;
}
.vehicle-details-table th,
.vehicle-details-table td {
    border: 0.5px solid #000;
    padding: 1px;
    font-size: 12px;
    text-align: center;
}
.vehicle-details-table th.right,
.vehicle-details-table td.right {
    text-align: right;
}
/* 그룹 타이틀 (정비구분) */
.vehicle-details-table .group-title {
    text-align: left;
    background-color: #ddd;
    font-weight: bold;
}

/* 요약 테이블 */
.summary-table table,
.purchase-details-table table,
.purchase-summary-table table {
    width: 100%;
    border-collapse: collapse;
    margin-bottom: 20px;
    border: 1px solid #000;
}

.summary-table th,
.summary-table td,
.purchase-details-table th,
.purchase-details-table td,
.purchase-summary-table th,
.purchase-summary-table td {
    border: 1px solid #000;
    padding: 2px;
    font-size: 12px;
    text-align: center;
}

/* 단가, 합계, 일계 셀은 우측 정렬 */
.summary-table td.right,
.purchase-details-table td.right,
.purchase-summary-table td.right {
    text-align: right;
}

/* 1) 폼 컨테이너: 가로 800px, 화면 중앙 정렬 */
.employee-form {
  width: 900px;
  margin: 0 auto;
}

/* 2) 테이블 행 간격: 테이블을 collapse 해제하고 border-spacing으로 세로 5px 띄우기 */
.employee-form table.hr-form-table,
.employee-form table.table-800 {
  width: 100%;
  border-collapse: separate;         /* collapse 상태가 아니라 별도 설정 */
  border-spacing: 0 5px;             /* (가로간격) 0, (세로간격) 5px */
}

/* 3) 각 셀 내부 여백: 필요 시 padding을 조정 */
.employee-form table.hr-form-table td,
.employee-form table.table-800 td {
  padding: 8px 5px;                  /* 위아래 8px, 좌우 5px 정도 넣어보세요 */
  vertical-align: top;
}