.elementor-3788 .elementor-element.elementor-element-7fd2432 .elementor-repeater-item-a7befc9.jet-parallax-section__layout .jet-parallax-section__image{background-size:auto;}.elementor-3788 .elementor-element.elementor-element-51e2bad{text-align:center;}.elementor-3788 .elementor-element.elementor-element-51e2bad .elementor-heading-title{color:#000000;font-family:"Noto Sans KR", Sans-serif;font-weight:600;}.elementor-3788 .elementor-element.elementor-element-51e2bad > .elementor-widget-container{margin:74px 0px 74px 0px;}.elementor-3788 .elementor-element.elementor-element-9e14bda > .elementor-container{max-width:1318px;}.elementor-3788 .elementor-element.elementor-element-9e14bda{margin-top:60px;margin-bottom:60px;}@media(max-width:767px){.elementor-3788 .elementor-element.elementor-element-51e2bad .elementor-heading-title{font-size:24px;}}/* Start custom CSS for html, class: .elementor-element-9745f9e *//* 기본 설정 */
.org-chart-final { position: relative; font-family: 'Malgun Gothic', sans-serif; text-align: center; padding: 20px 10px; max-width: 1000px; margin: 0 auto; }
.org-chart-final ul { list-style: none; padding: 0; margin: 0; }

/* 중앙 수직 메인선 (PC) */
.org-chart-final .main-line {
    content: ""; width: 1px; background: #d9d9d9; position: absolute;
    left: 50%; top: 60px; bottom: 455px; transform: translateX(-50%); z-index: 1;
}

/* 1 & 2단계 (PC 스타일 유지) */
.org-chart-final .one { position: relative; padding-bottom: 40px; }
.org-chart-final .one .box { margin: 0 auto; background: #173348; color: #FFF; width: 300px; height: 60px; line-height: 60px; font-weight: bold; border-radius: 40px; position: relative; z-index: 10; }

.org-chart-final .middle-section { display: flex; justify-content: center; position: relative; min-height: 180px; margin-top: 20px; }
.org-chart-final .side-area { flex: 1; z-index: 2; display: flex; flex-direction: column; }
.org-chart-final .side-area.left { align-items: flex-end; padding-right: 50px; }
.org-chart-final .side-area.right { align-items: flex-start; padding-left: 50px; }

.org-chart-final .node-box { color: #FFF; width: 250px; height: 50px; line-height: 50px; text-align: center; border-radius: 40px; margin-bottom: 30px; position: relative; font-weight: bold; }
.org-chart-final .connect-line:after { content: ""; width: 50px; height: 1px; background: #d9d9d9; position: absolute; top: 50%; }
.org-chart-final .side-area.left .connect-line:after { right: -50px; }
.org-chart-final .side-area.right .connect-line:after { left: -50px; }

.org-chart-final .bg-vice { background: #546e7a; }
.org-chart-final .bg-expert { background: #8d6e63; }
.org-chart-final .bg-committee { background: #6d4c41; }
.org-chart-final .committee-box { height: 80px; line-height: 1.4; display: flex; flex-direction: column; justify-content: center; margin-top: 40px; border-radius: 20px; }

/* 3 & 4단계 하단 영역 (PC 레이아웃) */
.org-chart-final .bottom-section { position: relative; z-index: 2; padding-top: 40px; }
.org-chart-final .campus-list { display: flex; justify-content: center; gap: 40px; align-items: stretch; }
.org-chart-final .campus-group-item { flex: 1; max-width: 450px; position: relative; }

/* 캠퍼스 상단 연결선 (PC) */
.org-chart-final .campus-group-item:before { content: ""; width: 1px; height: 40px; background: #d9d9d9; position: absolute; left: 50%; top: -40px; }
.org-chart-final .campus-group-item:after { content: ""; width: calc(100% + 40px); height: 1px; background: #d9d9d9; position: absolute; left: 50%; top: -40px; }
.org-chart-final .campus-group-item:last-child:after { display: none; }

/* 박스 디자인 */
.org-chart-final .campus-box { background: #f5f5f5; padding: 15px 0; border: 1px solid #d9d9d9; font-weight: bold; margin-bottom: 20px; }
.org-chart-final .member-name { font-weight: normal; font-size: 0.9rem; margin-top: 4px; color: #333; }
.org-chart-final .work-group { border: 1px solid #d9d9d9; background: #fff; text-align: left; }
.org-chart-final .work-group .tit { background: #efebe6; padding: 12px; font-weight: bold; border-bottom: 1px solid #d9d9d9; font-size: 0.95rem; text-align: center; min-height: 40px; display: flex; align-items: center; justify-content: center; }
.org-chart-final .work-group .bd { padding: 15px; font-size: 0.9rem; }
.org-chart-final .work-group .bd li { position: relative; padding-left: 20px; margin-bottom: 8px; line-height: 1.4; border-bottom: 1px dotted #eee; padding-bottom: 5px; }
.org-chart-final .work-group .bd li:last-child { border-bottom: none; }
.org-chart-final .work-group .bd li:before { content: "○"; position: absolute; left: 0; color: #888; }

/* ==========================================
   모바일 반응형 (768px 이하)
   ========================================== */
@media screen and (max-width: 768px) {
    .org-chart-final .main-line { display: none; }
    .org-chart-final .middle-section { flex-direction: column; align-items: center; min-height: auto; gap: 10px; }
    .org-chart-final .side-area.left, .org-chart-final .side-area.right { padding: 0; align-items: center; width: 100%; }
    .org-chart-final .node-box { width: 90%; margin-bottom: 10px; }
    .org-chart-final .connect-line:after { display: none; }
    .org-chart-final .committee-box { margin-top: 0; height: 60px; }

    /* 하단 캠퍼스+업무 영역을 그룹 단위로 세로 배치 */
    .org-chart-final .bottom-section { padding-top: 20px; }
    .org-chart-final .campus-list { flex-direction: column; align-items: center; gap: 40px; }
    .org-chart-final .campus-group-item { width: 100%; max-width: 90%; }
    .org-chart-final .campus-group-item:before, .org-chart-final .campus-group-item:after { display: none; }
    
    .org-chart-final .campus-box { margin-bottom: 10px; }
}

/* 1. 박스 공통 애니메이션 설정 */
.org-chart-final .box, 
.org-chart-final .node-box, 
.org-chart-final .campus-box, 
.org-chart-final .work-group {
    transition: all 0.3s ease-in-out; /* 부드러운 변화 속도 */
    cursor: pointer;
}

/* 2. 마우스 호버 효과 (살짝 떠오름 + 그림자) */
.org-chart-final .box:hover, 
.org-chart-final .node-box:hover, 
.org-chart-final .campus-box:hover, 
.org-chart-final .work-group:hover {
    transform: translateY(-5px); /* 위로 5px 이동 */
    box-shadow: 0 10px 20px rgba(0,0,0,0.1); /* 은은한 그림자 */
}

/* 3. 모바일 글자 간격 및 줄바꿈 최적화 (768px 이하) */
@media screen and (max-width: 768px) {
    .org-chart-final .main-line { display: none; }
    .org-chart-final .middle-section { flex-direction: column; align-items: center; min-height: auto; gap: 15px; }
    .org-chart-final .side-area.left, .org-chart-final .side-area.right { padding: 0; align-items: center; width: 100%; }
    
    /* [수정] 박스 너비를 95%~100%로 확장하여 좁아 보이지 않게 함 */
    .org-chart-final .node-box { 
        width: 95%; 
        margin-bottom: 10px; 
    }
    
    .org-chart-final .campus-box {
        width: 100%; /* 90%에서 95%로 확장 */
        max-width: 400px; /* 너무 커지는 것 방지 */
        letter-spacing: -0.02rem;
        margin: 30 auto; /* 중앙 정렬 유지 */
    }

    .org-chart-final .connect-line:after { display: none; }

    /* [중요] 글자 간격 및 줄바꿈 방지 설정 */
    .org-chart-final .work-group .bd {
        padding: 12px 10px; /* 여백 소폭 조정 */
    }

    .org-chart-final .work-group .bd li {
        font-size: 0.85rem; 
        letter-spacing: -0.05rem; 
        word-break: keep-all; 
        line-height: 1.4;
        white-space: nowrap; /* [추가] 텍스트가 강제로 한 줄에 나오게 함 (필요시 사용) */
    }

    .org-chart-final .work-group .tit {
        font-size: 0.95rem; /* 제목 크기 소폭 복구 */
        letter-spacing: -0.03rem;
        padding: 10px 5px;
    }
}/* End custom CSS */