.organization h2.chief:after{ bottom: -160px; height: 160px;}
.organization .chart ul li.audit {
    position: relative;
    width: 50%;
    float: left;
    z-index: 1;
    display: flex;
    flex-direction: column;
    align-items: center;
    margin-top: 20px;
    margin-bottom: 20px;
}
.organization .chart ul li.members:before {width: 574px;}
/* audit 사이 선 연결 */
.organization .chart ul li.audit:first-of-type:after {
    content: "";
    position: absolute;
    top: 22px;
    left: auto;
    width: 50%;
    height: 1px;
    right: 0 !important;
    background: #c5c5c5;
    z-index: -1;
}

.organization .chart ul li.audit a {
    position: relative;
    display: block;
    width: 180px;
    text-align: center;
    line-height: 50px;
    background: #0e277f;
    color: #fff;
    margin-bottom: 10px;
    margin-top: 0px;
}
.organization .chart ul li.audit:after {width: 50%;}
/* members에서 third 제거 후 레이아웃 맞춤 */
.organization .chart .office li {width: calc((100% / 2) - 10px);}
.organization .chart ul li.members .office li.third {
    display: none;
}
@media only screen and (max-width: 1500px) {
   .organization .chart ul li.members:before {width: 51%;}
}
@media only screen and (max-width: 750px) {
   .organization h2.chief:after{ bottom: -200px; height: 200px;}
  .organization .chart ul li.audit a {width: 50%;}
  .organization .chart ul li.audit {width: 100%; margin-top: 20px; margin-bottom: 0px;}
  .organization .chart .office li {width: 100%;}
   .audit.main-audit {padding-left: 0px !important}
  .organization .chart ul li.audit.main-audit::before,.organization .chart ul li.audit.main-audit .sub-audit::before { display: none;}
}
@media only screen and (max-width: 580px) {
.organization .chart ul li.audit a {width: 100%;}
}
.organization .chart .office .second li { padding:17px 0;} 
.organization .chart .office .second .box li:before {top: 26px;}

@media only screen and (max-width: 750px) {
  .organization .chart .office .second li { padding:2px 0;} 
  .organization .chart .office .second .box li:before {top: 10px;}
}

/* 메인 audit(융합교육과정위원회) 하위 점선 라인 */
.audit.main-audit {
  position: relative; /* 점선 위치 기준이 여기로 */
display: inline-block;
  padding-left: 60px; /* 가로선 길이만큼 여백 */
}
.audit.main-audit::before {
  /* 융합교육과정위원회 왼쪽에서 아래로 내려오는 점선 */
  content: "";
  position: absolute;
  left: 0; /* 가로선 시작 부분 */
  top: 50%;
  width: 1px;
  height: 40px; /* 점선 길이 */
  border-left: 1px dotted #999;
}
.sub-audit {
  display: block;
  margin-top: 40px; /* 점선 아래 위치 */
  position: relative;
}
.sub-audit::before {
  /* 점선 아래에서 학생설계전공으로 가는 가로선 */
  content: "";
  position: absolute;
  left: -60px; /* 융합교육과정위원회 왼쪽 위치 기준 */
  top: 50%;
  width: 60px;
  height: 1px;
  background: #999;
}
.dotted-line {
  position: absolute;
  left: 50%; /* 중앙 정렬 */
  transform: translateX(-50%);
  top: 100%; /* 박스 아래쪽에서 시작 */
  width: 0;
  height: 40px; /* 점선 길이 */
  border-left: 1px dotted #999;
}

.committee-connector {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  top: calc(100% + 40px); /* 점선 끝에서 시작 */
  width: 40px; /* 가로선 길이 */
  height: 1px;
  background: #999;
}
/* audit 묶음을 위치 기준으로 설정 */
.organization .chart ul li.audit.main-audit {
  position: relative;
  display: flex;
  flex-direction: column;
  align-items: center;
}

/* 융합교육과정위원회 박스 아래 점선 */
.organization .chart ul li.audit.main-audit::before {
  content: "";
  position: absolute;
  /*top: 50px;  박스 아래로 조금 내림 */
  /*left: -40px;  박스 왼쪽에서 약간 떨어진 곳 */
  width: 40px;  /*가로선 길이  */
  height: 1px;
  /* background: #999;  가로선 */
  background: none; top: 85px; left: auto;border-bottom: 1px dotted #999; right: 125px;
}

/* 학생설계전공 운영위원회로 이어지는 가로선 */
.organization .chart ul li.audit.main-audit .sub-audit::before {
  content: "";
  position: absolute;
  top: -70%; /* 가로선 끝에서 점선 시작 */
  right: -40px ;
  width: 1px;
  height: 60px; /* 점선 길이 */
  border-left: 1px dotted #999 !important;
  background: none;
  left: auto;
}
}

.organization .chart ul li.audit .sub-audit {
  display: block;
  margin-top: 0px; /* 점선 아래 위치 */
  position: relative;
}

.organization .chart ul li.audit .sub-audit::before {
  content: "";
  position: absolute;
  top: 50%;
  left: -40px; /* 점선 위치에 맞춤 */
  width: 40px;
  height: 1px;
  background: #999;
}

