.company_menu {
  position: relative;
  height: 400px; /* [수정] 현장이 더 잘 보이도록 높이를 시원하게 키웠습니다 (300px -> 400px) */
  
  /* [핵심 수정] url 경로와 위치 설정 */
  /* 1. 경로: 상위 폴더로 나갔다가 사진 폴더로 들어갑니다. (파일명 .jpg 확인 필수) */
  /* 2. 위치: center 80% -> 가로는 중앙, 세로는 위에서 80% 지점을 중심으로 잡아서 아래쪽 현장이 보이게 합니다. */
  background: url('../사진/회사소개배너.png') no-repeat center 80% / cover;
  
  display: flex;
  flex-direction: column;
  justify-content: center; /* 세로 중앙 (글자 위치) */
  align-items: center; /* 가로 중앙 (글자 위치) */
  color: white;
  margin-top: 120px; /* 헤더 공간 확보 */
  overflow: hidden; /* 혹시나 이미지가 튀어나가지 않게 방지 */
}

/* 배너 위 글자가 잘 보이게 어둡게 까는 유리스킨 (기존 유지) */
.company_picture {
  background: rgba(0, 0, 0, 0.4); 
  width: 100%; height: 100%;
  display: flex; justify-content: center; align-items: center;
}




.map_white {
    background: rgba(255, 255, 255, 0.4); 
    width: 100%; 
    height: 200px;
    display: flex; 
    justify-content: center; 
    align-items: center;
    margin-top: -20px; 

    padding-top: -20px;
    box-sizing: border-box; 

    
    /* ★ 필수 추가: 선이 이 박스를 기준으로 배치되게 함 */
    position: relative; 
}

/* ★ 오타 수정: 콜론 제거 및 기준점 확인 */
.map_white::after {
    content: "";
    position: absolute;
    bottom: 40px;         /* 박스 맨 밑에서 약간 위로 올림 */
    left: 50%;
    transform: translateX(-50%); 
    width: 100px;          
    height: 4px;          
    background-color: #f5f5f5; 
    border-radius: 2px;   
}

/* 모바일 전용 설정 (화면 너비 768px 이하) */
@media (max-width: 768px) {
  .company_menu {
    background-size: contain; 
    height: 250px; 
    background-position: center; 
    margin-top: 80px;
    background-color: #000; /* 사진이 줄어들 때 생기는 여백을 검정색으로 처리 */
  }

  .inside_menu_home {
    width: 50px;
    border-right: 1px solid #bbb;
  }