@charset "UTF-8";

/* 조직도 */
.org_wrap{ position:relative; margin:2rem 0 0; }
.org_wrap .std{ position:relative; max-width:9.5rem; height:3rem; line-height:1.3; display: flex; align-items: center; justify-content: center; margin:0 auto; padding:0 0.5rem; border-radius:0.5rem; font-weight: 600;}
.org_wrap h2{ position:relative; padding:0 0 1.5rem}
.org_wrap h2:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-right:1px solid #ccc; }
.org_wrap h2 .std{ height:3.5rem; font-size:1.1rem; background:#215c00; color:#fff; }

.org_wrap .org_dep1{ position:relative; z-index: 1;}
.org_wrap .org_dep1 > ul{ position:relative; display: flex; gap: 0 3rem;} 
.org_wrap .org_dep1 > ul:before{ content:""; position:absolute; top:0; left:calc(25% - 0.75rem); width:calc(50% + 1.5rem); border-top:1px solid #ccc; }
.org_wrap .org_dep1 > ul > li{ position:relative; min-width:0px; flex: 1;} 
.org_wrap .org_dep1 > ul > li:before{ content:""; position:absolute; top:0em; left:50%; height:6rem; border-right:1px solid #ccc; z-index: -1;}
.org_wrap .org_dep1 > ul > li > .std{ margin:1.5rem auto; font-size:1rem; border:1px solid #215c00; background:#fff; color:#215c00; z-index: 0;}

.org_wrap .org_dep2 > ul{ position:relative; display: flex; align-items: flex-start; gap: 0 1rem;} 
.org_wrap .org_dep2 > ul:before{ content:""; position:absolute; top:0; border-top:1px solid #ccc; }
.org_wrap .col-2 .org_dep2 > ul:before{ left:calc(25% - 0.25rem); width:calc(50% + 0.5rem); }
.org_wrap .col-3 .org_dep2 > ul:before{ left:calc(16.6% - 0.25rem); width:calc(66.4% + 0.5rem); }
.org_wrap .org_dep2 > ul > li{ position:relative; min-width:0px; flex: 1; padding-top:1.5rem;} 
.org_wrap .org_dep2 > ul > li:before{ content:""; position:absolute; top:0; left:50%; height:100%; border-right:1px solid #ccc; }
.org_wrap .org_dep2 > ul > li > .std{ border:1px solid #111; background:#fff; color:#111; }

.org_wrap .org_dep3{ position:relative; max-width:9.5rem; margin:0 auto; padding-top:1rem;}
.org_wrap .org_dep3 > ul{ display: flex; flex-direction: column; gap: 0.5rem 0; padding:1rem; text-align: center; color:#111; border-radius: 0.5rem; background:#f8f8f8}
.org_wrap .org_dep3 > ul > li{ position:relative; flex: 1; min-width:0px; font-size:0.8rem;}


@media (max-width: 768px) {

    /* 조직도 */
    .org_wrap .org_dep1 > ul{ gap: 0 1rem;} 
    .org_wrap .org_dep1 > ul:before{ left:calc(25% - 0.25rem); width:calc(50% + 0.5rem); }
}

@media (max-width: 620px) {

    /* 조직도 */
    .org_wrap .std{ height:2.5rem;}
    .org_wrap h2 .std{ height:3rem; font-size:1rem;}
    .org_wrap .org_dep1 > ul > li > .std{ margin:1rem auto; font-size: 0.95rem;}
    .org_wrap .org_dep2 > ul:before,
    .org_wrap .org_dep2 > ul > li:before{ display: none;}
    .org_wrap .org_dep2 > ul { gap: 0.5rem 0; flex-direction: column; align-items: normal; padding:1rem; border:2px solid #eee; border-radius:0.5rem; background:#fff; } 
    .org_wrap .org_dep2 > ul > li{ padding-top:0; }  
    .org_wrap .org_dep2 > ul > li > .std{ max-width:100%; z-index: 1;} 
    .org_wrap .org_dep3{ padding-top:0; margin-top:-0.5rem; max-width:100%;}
    .org_wrap .org_dep3 > ul{ padding-top:1.5rem; }
}

@media (max-width: 360px) {

    /* 조직도 */
    .org_wrap .org_dep1 > ul{ gap: 0 0.5rem;}
    .org_wrap .org_dep1 > ul:before{ left:25%; width:calc(50% + 0.25rem);}
    .org_wrap .org_dep2 > ul { padding:0.5rem;}
    .org_wrap .org_dep3 > ul{ padding:1.5rem 0.5rem 1rem;}
}