@charset "UTF-8";

/* 인사말 */
.greeting_wrap .top_txt > p{ font-size:1.1rem; margin-bottom:1.5rem;}

/* 조직도 */
.org_wrap p{ position:relative; width:100%; min-height:2.5rem; display: flex; align-items: center; justify-content: center; border-radius:10px; padding:0.75rem 0.5rem; text-align: center; line-height:1.3; border:1px solid #ddd; font-size:0.9rem; font-weight: 700; z-index: 1;}
.org_wrap ul,
.org_wrap li{ position:relative;}

.org_wrap h2 p{ height: 3rem; font-size: 1rem; color:#fff; background:#215c00; border-color:#215c00;}
.org_wrap h2,
.org_wrap .org1{ position:relative; width: calc(20% - 1rem); margin:0 auto;}
.org_wrap .org1{ padding:0 0 1.5rem;}
.org_wrap .org1:before{ content:""; position:absolute; left:50%; top:0; height:100%; border-left:1px solid #ccc; }
.org_wrap .org1 > li{ padding-top:1rem;}
.org_wrap .org2{ display: flex; gap: 1.5rem;}
.org_wrap .org2:before{ content:""; position:absolute; left:9%; top:0; width:82%; border-top:1px solid #ccc; }
.org_wrap .org2 > li{ flex: 1; padding:1.25rem 0 0;}
.org_wrap .org2 > li:before{ content:""; position:absolute; left:50%; top:0; height:5rem; border-left:1px solid #ccc; }
.org_wrap .org1 > li .side{ position:absolute; top:0.4rem; left:calc(100% + 1.5rem); width:auto; min-width:100%; display: flex; align-items: center; justify-content: center; padding:0.5rem; color:#444; font-weight: 400; white-space: nowrap; font-size: 0.8rem; background:#f1f1f1; border-color:#f1f1f1; border-radius:10px; }
.org_wrap .org1 > li .side:before{ content:""; position:absolute; left:-1.5rem; top:50%; width:1.5rem; border-top:1px dashed #ccc; z-index: -1; }
.org_wrap .org3{ background:#fff;}
.org_wrap .org3 > li + li{ padding-top:0.5rem}

.org_wrap .org1 > li > p{ color:#215c00; background:#fff; border-color:#215c00;}
.org_wrap .org2 > li > p{ color:#000; background:#fff; border-color:#444; margin-bottom:0.5rem;}
.org_wrap .org3 > li > p{ color:#444; font-weight: 400; font-size: 0.8rem; background:#fff; border-color:#eee; }


@media screen and (max-width: 1024px) {

    /* 조직도 */
    .org_wrap .org2{ gap: 0.75rem;}
}

@media screen and (max-width: 768px) {

    /* 조직도 */
    .org_wrap h2, 
    .org_wrap .org1{ width:30%; margin-left:5%;}
}

@media screen and (max-width: 640px) {

    /* 조직도 */
    .org_wrap .org2{ flex-wrap: wrap; gap: 0.5rem; padding:1rem; border-radius:10px; border:1px solid #ccc;}
    .org_wrap .org2 > li:before,
    .org_wrap .org2:before{ display: none;}
    .org_wrap .org2 > li{ width:calc(50% - 0.25rem); flex: auto;}
    .org_wrap .org2 > li:nth-child(1),
    .org_wrap .org2 > li:nth-child(2){ padding-top:0;}
}

@media screen and (max-width: 480px) {

    /* 조직도 */
    .org_wrap h2, .org_wrap .org1{ width:90%;}
    .org_wrap .org1 > li > p{ flex-direction: column; gap: 0.5rem;}
    .org_wrap .org1 > li .side{ position:relative; left:auto; top:auto; }
    .org_wrap .org1 > li .side:before{ display: none; }

}

@media screen and (max-width: 380px) {

    /* 조직도 */
    .org_wrap .org2 > li{ width:100%;}
    .org_wrap .org3 > li > p{ padding:0.5rem;}

}