#sub-organization{
    position: relative;
    --part-color1:#209884;
    --part-color2:#209884;
    --part-color3:#209884;
    --part-color4:#209884;
    --part-color5:#194399;
    --part-color6:#194399;
}
#sub-organization .gw-sub-con-1200{gap: 50px;}
#sub-organization .bg{position: absolute;bottom: -170px;left: 0;right: 0;}
#sub-organization .line::before {content: "";display: inline-block;width: 2px;height: 15px;background: #ddd;position: absolute;right: -15px;top: 50%;transform: translateY(-50%);}
#sub-organization .gw-ceo > li:last-child {padding-left: 30px;}
#sub-organization .sign{display: inline-block;width: 150px;vertical-align: middle;}
#sub-organization .img-container{overflow:hidden;aspect-ratio:1 / 1;width:100%;height:100%;}
#sub-organization .img-container > img{transform: scale(1.2);transition: all 1s;}
#sub-organization.active .img-container > img{transform: scale(1.0);}


 .org-part-section1 > div{background-color:var(--part-color1) !important;}
 .org-part-section2 > div{background-color:var(--part-color2) !important;}
 .org-part-section3 > div{background-color:var(--part-color3) !important;}
 .org-part-section4 > div{background-color:var(--part-color4) !important;}
 .org-part-section5 > div{background-color:var(--part-color5) !important;}
 .org-part-section6 > div{background-color:var(--part-color6) !important;}
 
 .org-part-section1 .org-works{border-width:3px; border-color:color-mix(in srgb,var(--part-color1), transparent 70%) !important;}
 .org-part-section2 .org-works{border-width:3px; border-color:color-mix(in srgb,var(--part-color2), transparent 70%) !important;}
 .org-part-section3 .org-works{border-width:3px; border-color:color-mix(in srgb,var(--part-color3), transparent 70%) !important;}
 .org-part-section4 .org-works{border-width:3px; border-color:color-mix(in srgb,var(--part-color4), transparent 70%) !important;}
 .org-part-section5 .org-works{border-width:3px; border-color:color-mix(in srgb,var(--part-color5), transparent 70%) !important;}
 .org-part-section6 .org-works{border-width:3px; border-color:color-mix(in srgb,var(--part-color6), transparent 70%) !important;}

.org-chart{
    font-size: 1.2rem;    
}
.org-chart .org-list .org-part {
    padding:0 0 60px 0;
    position:relative;
}
.org-chart .org-list .org-part.part1 {
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
}
.org-chart .org-list .org-part.part1 > div{
    position:relative;
    width:200px;
    height:200px;
    border-radius:50%;
    background-color:var(--main-color);
    color:var(--main-color);
    font-size:calc(var(--main-title02) * 0.7);
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;    
}
.org-chart .org-list .org-part.part1 > div > strong{
    position:relative;
    width:140px;
    height:140px;
    border-radius:50%;
    background-color:#ffffff;
    color:var(--main-color);
	font-size: 1.7rem;
    /* font-size:calc(var(--main-title02) * 0.7); */
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    box-shadow:0px 0px 15px rgba(0,0,0,0.5);
}

.org-chart .org-list .org-part.part1::after{
    content:'';
    display:block;
    position:absolute;
    width:1px;
    height:60px;
    background-color:var(--main-color);
    bottom:0;
}
.org-chart .org-list .org-part.part2{
    --padding-top:60px;
    padding-top:var(--padding-top);
}

.org-part.part2 ul.org-node{
    --org-node-gap:20px;
    position:relative;
    display:flex;
    justify-content: space-between;
    gap:var(--org-node-gap);
}

.org-part.part2.org-node-btc{
    width:70%;
    margin-left:auto;
    margin-right:auto;
}

.org-part.part2.org-node-btc:before{
    content:'';
    width:1px;
    display:block;
    height:calc(100% + var(--padding-top));
    position:absolute;
    background-color:var(--main-color);
    top:calc(-1 * var(--padding-top));
    left:50%;
    transform:translateX(-50%);
}

.org-node-btc{
    justify-content:space-between !important;
}


.org-node-btc > li{
    max-width:285px;
}

.org-part.part2 ul.org-node > li:after{
    content:'';
    position:absolute;
    width:calc(100% + var(--org-node-gap));
    height:1px;
    top:calc(-1 * var(--padding-top));
    left:50%;
    transform:translateX(-50%);
    background-color:var(--main-color);
}

.org-part.part2 ul.org-node > li:first-child:after{
    left:calc(100% + var(--org-node-gap)/2);
}
.org-part.part2 ul.org-node > li:last-child:after{
    left:calc(-1 * (var(--org-node-gap)/2) );
}

.org-node li{
    flex:1;
    position:relative;
}
.org-node > li:before{
    content:'';
    display:block;
    width:1px;
    height:60px;
    top:-60px;
    left:50%;
    background-color:var(--main-color);    
    transform:translateX(-50%);
    position:absolute;
}
.org-node li > div{
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    height:60px;
    padding:0 15px;
    background-color:var(--main-color);
    color:#ffffff;
    border-radius:8px;
}
.org-node li > ul{
    background-color:#ffffff;
    border:1px solid #ccc;
    border-radius:6px;
    margin:15px 0;
    padding:10px;
    position:relative;
    z-index:1;
    height:80%;
}
.org-node li > ul *:before,.org-node li > ul *:after{
    display:none;
}

.org-node li > ul > li{
    display:flex;
    align-items:center;
    font-size:0.85em;
    gap:4px;
}

.org-node .org-works > li{
    position:relative;
    padding-left:0.75em;
}
.org-node .org-works > li:before{
    content:'-' !important;
    position:absolute !important;
    left:0 !important;
    top:0 !important;
    display:block !important;
}

.org-node li > ul > li > span{
    color:#a2aabf;
    font-size:0.85em;
}

@media screen and (max-width:1200px) {
    .org-node-btc > li{
        max-width:235px;
    }
    
}

@media screen and (max-width:768px) {
    .org-node-btc > li{
        max-width:165px;
    }
    
}

@media screen and (max-width:640px) {
    .org-part.part2.org-node-btc {
        width: 100%;
        flex-direction:column;
        margin-left: auto;
        margin-right: auto;
    }
    .org-node-btc > li {
        max-width:initial;
    }
    .org-node > li:before{
        display:none;
    }
    .org-node > li:after{
        display:none;
    }
    .org-part.part2 ul.org-node{
        gap:var(--org-node-gap);
        flex-direction:column;
    }
    .org-part.part2 ul.org-node > li{
        flex:0 0 auto;
        width:calc(100% -  var(--org-node-gap));
    }
    .org-part.part2.org-node-btc:before{
        display:none;
    }
    .org-chart .org-list .org-part.part1::before {
        content: '';
        display: block;
        position: absolute;
        width: 15px;
        height: 15px;
        background-color:#ffffff;;
        border:4px solid var(--main-color);
        bottom: -15px;
        border-radius:50%;
    }
}

/*반응형------------------------------------------------------------------------------------------------------------------ */
@media screen and (max-width:1024px){
    #sub-organization .gw-sub-con-1200{flex-direction:column;align-items:flex-start;}
    #sub-organization .gw-sub-con-1200 > div{width: 100% !important;}
}