/* 조직도 */
.org_wrap{ max-width:45rem; margin:0 auto; text-align: center;}
.org_wrap .std{ position:relative; height:2.5rem; line-height:1.3; display: flex; align-items: center; justify-content: center; margin:0 auto; border-radius:0.5rem; font-weight: 600;}
.org_wrap h3 .std{ max-width:12.5rem; justify-content: center; padding-right:0.25rem; font-size:0.85rem; font-weight: 400; color:#111; background:#fff; border:1px solid #215c00;}
.org_wrap h3 .std em{ position:relative; font-weight: 700; min-width:4.5rem; color:#215c00; text-align: center; /*margin-right:0.75rem;*/}
/* .org_wrap h3 .std em:before{ content:""; position:absolute; right:0; top:calc(50% - 0.5rem); height:1rem; border-right:1px solid #ccc;} */
.org_wrap img{ width:100%; height:auto; max-width:9rem;}

.org_wrap .org_dep1{ position:relative; padding-bottom:1.5rem; }
.org_wrap .org_dep1:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ccc;}
.org_wrap .org_dep1 h2{ margin-bottom:1.5rem;}
.org_wrap .org_dep1 h2 .std{ max-width:8rem; height:3rem; font-size:1rem; color:#fff; background:#215c00; border:1px solid #ccc;}
.org_wrap .org_dep1 p{ position:absolute; top:calc(50% - 1.75rem); left:calc(50% - 14rem);}
.org_wrap .org_dep1 p:before{ content:""; position:absolute; top:50%; left:100%; width:8rem; border-top:1px solid #ccc;}
.org_wrap .org_dep1 p .std{ width:6rem; color:#111; background:#f4f4f4; border:1px solid #e0e0e0;}

.org_wrap .org_dep2 ul{ position:relative; width:100%; display: flex; gap: 0 1.5rem; align-items: baseline;}
.org_wrap .org_dep2 ul:before{ content:""; position:absolute; left:15.5%; top:0; width:69%; border-top:1px solid #ccc;}
.org_wrap .org_dep2 li{ flex: 1; min-width:0px; display: flex; flex-direction: column;}
.org_wrap .org_dep2 li.col-2{ flex:2; }
.org_wrap .org_dep2 li.col-3{ flex:3; }
.org_wrap .org_dep2 li.col-4{ flex:4; }
.org_wrap .org_dep2 h3{ position:relative; padding:1.5rem 0;}
.org_wrap .org_dep2 h3:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ccc;}

.org_wrap .org_dep2 > ul > li > dl{ position:relative; min-width:0px; display: flex; flex: 1; flex-direction: column; gap: 0.75rem 0; padding-top:1.5rem;}
.org_wrap .org_dep2 > ul > li > dl:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ccc;}
.org_wrap .org_dep2 > ul > li > dl > dd{ position:relative; min-height:10rem; flex: 1; padding:1rem 0.5rem; background:#fff; border-radius:0.5rem; border:1px solid #ccc; }
.org_wrap .org_dep2 > ul > li > dl > dd p{ margin:5px 0; font-size:0.8rem; color:#111;}
.org_wrap .org_dep2 > ul > li > dl > dt.std{ width:100%; border:1px solid #111; background:#fff; }

.org_wrap .org_dep3 { position:relative; width:100%; flex: 1; display: flex; gap: 0 0.5rem;}
.org_wrap .org_dep3:before{ content:""; position:absolute; top:0; border-top:1px solid #ccc;}
.org_wrap li.col-2 .org_dep3:before{ width:calc(50% + 0.25rem); left:calc(25% - 0.15rem);}
.org_wrap li.col-3 .org_dep3:before{ width:calc(67.4% + 0.25rem); left:calc(16.6% - 0.15rem);}
.org_wrap li.col-4 .org_dep3:before{ width:calc(75% + 0.4rem); left:calc(12.5% - 0.15rem);}
.org_wrap .org_dep3 dl{ position:relative; min-height:100%; min-width:0px; display: flex; flex: 1; flex-direction: column; gap: 0.75rem 0; padding-top:1.5rem;}
.org_wrap .org_dep3 dl:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ccc;}
.org_wrap .org_dep3 dd{ position:relative; flex: 1; padding:1rem 0.5rem; background:#fff; border-radius:0.5rem; border:1px solid #ccc; }
.org_wrap .org_dep3 dd p{ margin:5px 0; font-size:0.8rem; color:#111;}
.org_wrap .org_dep3 .std{ width:100%; border:1px solid #111; background:#fff; }

@media (max-width: 940px) {

    /* .org_wrap .org_dep1{ margin-right:0; padding-bottom:0;}
    .org_wrap .org_dep1 p{ top:calc(50% - 1rem);}
    .org_wrap .org_dep2 { margin:1rem 0 0;}
    .org_wrap .org_dep2 h3{ padding:0 0 1rem;}
    .org_wrap .org_dep2 ul{ flex-direction: column; gap: 2rem 0;}
    .org_wrap .org_dep2 ul:before{ display: none;}
    .org_wrap .org_dep3{ border-radius:1rem; border:3px solid #eee; padding:0.5rem 1.5rem; background:#f8f8f8;}
    .org_wrap .org_dep3:before{ display: none;}
    .org_wrap .org_dep3 dl{ padding:1rem 0;}
    .org_wrap .org_dep3 dl:before{ display: none;} */
}

@media (max-width: 768px) {

    .org_wrap .org_dep2 ul{ gap: 0 0.75rem;}
}

@media (max-width: 640px) {

    .org_wrap .org_dep2 > ul{ gap: 1.5rem; padding:1rem; border: 3px solid #ddd; border-radius: 0.5rem; flex-direction: column;}
    .org_wrap .org_dep2 ul:before{ display: none;}
    .org_wrap .org_dep2 > ul > li{ width:100%;}
    .org_wrap .org_dep2 > ul > li > dl{ padding-top:0;}
    .org_wrap .org_dep2 > ul > li > dl > dd{ display: flex; flex-wrap: wrap; min-height:auto;}
    .org_wrap .org_dep2 > ul > li > dl > dd > p{ width:50%; padding:0 0.25rem;}

}

@media (max-width: 530px) {

    .org_wrap .org_dep1 h2{ margin-bottom:0;}
    .org_wrap .org_dep1 p{ position:relative; top:auto; left:auto; margin:0.5rem 0;}
    .org_wrap .org_dep1 p:before{ left:0; width:50%; }
    .org_wrap .org_dep1 p .std{ margin-left:0;}
}

@media (max-width: 480px) {

    .org_wrap .org_dep3{ flex-wrap: wrap;}
    .org_wrap li.col-4 .org_dep3 dl{width:calc(50% - 0.25rem); flex: auto;}
}

@media (max-width: 350px) {

    .org_wrap .org_dep1 h2 .std{ height:2.5rem; font-size: 0.9rem;}
    .org_wrap li.col-3 .org_dep3 dl{width:calc(50% - 0.25rem); flex: auto;}
    .org_wrap .org_dep3 dd p br{ display: none;}
    .org_wrap .org_dep3 dl{ gap: 0.5rem 0; padding:0.5rem 0 0;}
    .org_wrap .org_dep2 > ul > li > dl > dd > p{ width:100%;}
}