@charset "UTF-8";

@media (min-width: 769px) {
  /* President 동그라미 아래 세로선 길이 */
  .organ-tree-wrap.univ .organ-tree-box > p::after {
    height: 890%;
  }

  /* 좌측 박스(left-box) margin 제거 + min-height 60px */
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .left-box ul li span {
    margin: 0;
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
  }

  /* 박스 height 균일화 + font-size rem */
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li > span {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 0.875rem;
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li > ul li > span {
    height: 60px;
    display: flex;
    align-items: center;
    justify-content: center;
    box-sizing: border-box;
    font-size: 0.75rem;
  }

  /* ===== li.organ-depth1-1 - Office of University Development (자식 1) ===== */
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-1 > ul::before {
    content: "";
    display: block;
    position: absolute;
    left: -22%;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    top: 32px;
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-1 > ul::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -11%;
    width: 1px;
    height: calc(100% - 60px);
    background: #d7d7d7;
    transform: translateY(-48%);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-1 > ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    transform: translateX(-100%);
  }

  /* ===== li.organ-depth1-6 - Center for Convergence (자식 3) ===== */
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-6 > ul::before {
    content: "";
    display: block;
    position: absolute;
    left: -22%;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    top: 32px;
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-6 > ul::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -11%;
    width: 1px;
    height: calc(100% - 60px);
    background: #d7d7d7;
    transform: translateY(-48%);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-6 > ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    transform: translateX(-100%);
  }

  /* ===== li.organ-depth1-7 - AI Convergence Education Center (자식 3) ===== */
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-7 > ul::before {
    content: "";
    display: block;
    position: absolute;
    left: -22%;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    top: 32px;
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-7 > ul::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -11%;
    width: 1px;
    height: calc(100% - 59px);
    background: #d7d7d7;
    transform: translateY(-48%);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-7 > ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    transform: translateX(-100%);
  }

  /* ===== li.organ-depth1-8 - Center for University Innovation (자식 1) ===== */
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-8 > ul::before {
    content: "";
    display: block;
    position: absolute;
    left: -22%;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    top: 32px;
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-8 > ul::after {
    content: "";
    display: block;
    position: absolute;
    top: 50%;
    left: -11%;
    width: 1px;
    height: calc(100% - 60px);
    background: #d7d7d7;
    transform: translateY(-48%);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-8 > ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    transform: translateX(-100%);
  }

  /* ===== li.organ-depth1-9 - Human Rights Center (자식 4) ===== */
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-9 > ul::before {
    content: "";
    display: block;
    position: absolute;
    left: -22%;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    top: 32px;
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-9 > ul::after {
    content: "";
    display: block;
    position: absolute;
    top: 49%;
    left: -11%;
    width: 1px;
    height: calc(100% - 60px);
    background: #d7d7d7;
    transform: translateY(-48%);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-9 > ul li::before {
    content: "";
    display: block;
    position: absolute;
    top: 32px;
    left: 0;
    width: 11%;
    height: 1px;
    background: #d7d7d7;
    transform: translateX(-100%);
  }
}

@media screen and (max-width: 768px) {
  /* 모바일: br 모두 숨기고 자식 가진 li에 margin-bottom으로 3개분 공간 */
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box br {
    display: none;
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-6,
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-7,
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-8,
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-9 {
    margin-bottom: 60px;
  }

  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-1 > ul::before {
    left: 10px;
    width: 1px;
    height: calc(100% - 17px);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-6 > ul::before {
    left: 10px;
    width: 1px;
    height: calc(100% - 17px);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-7 > ul::before {
    left: 10px;
    width: 1px;
    height: calc(100% - 24px);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-8 > ul::before {
    left: 10px;
    width: 1px;
    height: calc(100% - 17px);
  }
  .organ-tree-wrap.univ .organ-tree-box .tree-top-box .right-box > ul > li.organ-depth1-9 > ul::before {
    left: 10px;
    width: 1px;
    height: calc(100% - 17px);
  }
}