/* 조직도 */
.orichart_contents {
  width:100% !important;
  text-align:center !important;
  margin-top:42px !important;
}

.orichart_contents .top {
  width:100% !important;
}
.orichart_contents .top img {
  display:block !important;
  margin-left:auto !important;
  margin-right:82px !important;
}

/* 모바일 이미지는 기본적으로 숨김 */
.orichart_contents .top .mobile_img {
  display: none !important;
}

.orichart_info {
  width:100% !important;
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content: center !important;
  gap:70px 52px !important;
  margin-top:20px !important;
}
.orichart_box {
  width:19.5% !important;
}
.orichart_box > p {
  width:100% !important;
  font-size:18px !important;
  font-weight: 600 !important;
  background-color:var(--color-f8) !important;
  border:solid 1px var(--color-main) !important;
  color:var(--color-main) !important;
  padding:22px 0 !important;
  border-radius: 90px !important;
}
.orichart_box ul {
  padding:16px 0 !important;
  width:100% !important;
  border:solid 1px var(--color-e8) !important;
  border-radius: 20px !important;
  margin-top:16px !important;
}
.orichart_box ul li {
  width:100% !important;
  padding:12px 0 !important;
  font-size:18px !important;
}

.orichart_box.green p {
  background-color:#6EBC65 !important;
  border:solid 1px var(--color-main) !important;
  color:white !important;
}

/* 5개 항목 한 줄 배치 */
.orichart_row_five {
  width:100% !important;
  display:flex !important;
  justify-content: center !important;
  gap:0 30px !important;
  margin-top:20px !important;
}

.orichart_row_five .orichart_box {
  width:18% !important;
  flex-shrink: 0 !important;
}

/* 태블릿 (769px ~ 1024px) */
@media screen and (min-width: 769px) and (max-width: 1024px) {
  .orichart_contents {
    margin-top:30px !important;
  }

  /* 태블릿에서는 데스크탑 이미지 표시 */
  .orichart_contents .top .desktop_img {
    display: block !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:90% !important;
  }
  
  .orichart_contents .top .mobile_img {
    display: none !important;
  }

  .orichart_info {
    gap:50px 30px !important;
    margin-top:30px !important;
  }

  .orichart_box {
    width:42% !important;
  }

  .orichart_box > p {
    font-size:16px !important;
    padding:18px 0 !important;
  }

  .orichart_box ul li {
    font-size:16px !important;
    padding:10px 0 !important;
  }

  /* 태블릿에서 5개 항목 배치 */
  .orichart_row_five {
    gap:0 20px !important;
    margin-top:30px !important;
  }

  .orichart_row_five .orichart_box {
    width:18.5% !important;
  }
}

/* 모바일 (768px 이하) */
@media screen and (max-width: 768px) {
  .orichart_contents {
    margin-top:20px !important;
  }

  /* 모든 이미지 우선 숨김 */
  .orichart_contents .top img {
    display: none !important;
  }

  /* 데스크탑 이미지 확실히 숨김 */
  .orichart_contents .top .desktop_img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  
  /* 모바일 이미지만 표시 */
  .orichart_contents .top .mobile_img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:90% !important;
    width:90% !important;
    height:auto !important;
  }

  .orichart_info {
    gap:30px 20px !important;
    margin-top:20px !important;
    padding:0 20px !important;
  }

  .orichart_box {
    width:100% !important;
    max-width:400px !important;
  }

  .orichart_box > p {
    font-size:16px !important;
    padding:16px 0 !important;
  }

  .orichart_box ul {
    padding:12px 0 !important;
    margin-top:12px !important;
  }

  .orichart_box ul li {
    font-size:15px !important;
    padding:8px 0 !important;
  }

  /* 모바일에서 5개 항목 배치 - 세로로 배치 */
  .orichart_row_five {
    flex-direction: column !important;
    align-items: center !important;
    gap:20px 0 !important;
    margin-top:20px !important;
  }

  .orichart_row_five .orichart_box {
    width:100% !important;
    max-width:400px !important;
  }
}

/* 작은 모바일 (375px 이하) */
@media screen and (max-width: 375px) {
  .orichart_contents {
    margin-top:15px !important;
  }

  /* 모든 이미지 우선 숨김 */
  .orichart_contents .top img {
    display: none !important;
  }

  /* 데스크탑 이미지 확실히 숨김 */
  .orichart_contents .top .desktop_img {
    display: none !important;
    visibility: hidden !important;
    opacity: 0 !important;
  }
  
  /* 모바일 이미지만 표시 */
  .orichart_contents .top .mobile_img {
    display: block !important;
    visibility: visible !important;
    opacity: 1 !important;
    margin-left:auto !important;
    margin-right:auto !important;
    max-width:90% !important;
    width:90% !important;
    height:auto !important;
  }

  .orichart_info {
    gap:25px 15px !important;
    padding:0 15px !important;
  }

  .orichart_box {
    width:100% !important;
    max-width:350px !important;
  }

  .orichart_box > p {
    font-size:14px !important;
    padding:14px 0 !important;
  }

  .orichart_box ul {
    padding:10px 0 !important;
    margin-top:10px !important;
  }

  .orichart_box ul li {
    font-size:14px !important;
    padding:7px 0 !important;
  }

  /* 작은 모바일에서 5개 항목 배치 - 세로로 배치 */
  .orichart_row_five {
    flex-direction: column !important;
    align-items: center !important;
    gap:15px 0 !important;
    margin-top:15px !important;
  }

  .orichart_row_five .orichart_box {
    width:100% !important;
    max-width:350px !important;
  }
}