@charset "utf-8";
.sub_con {margin-bottom:0}
.member_inner {/* display:none; */}
.sub_con section + section {padding-top: var(--sub_pd)}
.orga_map {
    text-align: center;
    display: flex;
    flex-direction: column;
    align-items: center;
}
.top { text-align: center;}
.top span {background-color:var(--color-main);color:#fff;display:inline-block;padding: 1.5rem 6rem;font-size: 24px;font-weight: 500;}
.subgroup {display: flex;justify-content: flex-end;width: 80%;padding-bottom: 3rem;position: relative;}
.subgroup ul {
    /* display: flex; */
    /* flex-direction: column; */
    position: relative;
}
.subgroup li {background-color:#eee;color: #3f3f3f;font-size:20px;text-align: center;padding: 1rem 3rem;position: relative;}
.subgroup li + li {margin-top:1rem}
.team {display:flex;gap: 4rem;width: 80%;padding-top: 2rem;position: relative;}
.team .taem_group {width:50%}
.team .tim {display:flex;gap: 4rem;}
.team .tim li {
    padding: 1rem 4rem;
    background-color: #F5F8FF;
    width: 100%;
    text-align: center;
    font-size: 20px;
    color: var(--color-main);
    font-weight: 600;
    position: relative;
    border: 1px solid var(--color-main);
}
.team .oneteam {}
.team .oneteam li {
    background-color: #e9f0de;
    color: var(--color-sub);
    border-color: #35581e;
}
.work {
    display: flex;
    gap: 4rem;
    margin-top: 2rem;
}
.work ul {border: 1px solid #ddd;padding: 2rem;width: 100%;}
.work li {}

.subgroup:before, .subgroup:after {content:""; position:absolute; width:1px; height:100%; background-color:#ddd; top:0; left:50%; z-index:-1}
.subgroup:after {width:50%;height:1px;top:50%;margin-top: -1.56rem;}
.subgroup ul:after {content:"";position:absolute;background-color:#ddd;width:1px;height: 72%;left:0;top:50%;margin-left: -2rem;transform: translateY(-50%);}
.subgroup li:before {content:"";position:absolute;background-color:#ddd;width:2rem;height:1px;left: 0;margin-left: -2rem;top: 50%;}
.subgroup li:nth-child(2)::before {display:none}
.team:before {content:"";position:absolute;width: 65.5%;height:1px;background-color:#ddd;top:0;left: 50%;transform: translateX(-60%);}
.team .tim li:before {content:"";position:absolute;background-color:#ddd;width:1px;height:100%;top: -54%;left:50%;transform:translateX(-50%);z-index:-1}


/* PC */ 
@media only screen and (min-width:1025px) and (max-width: 1400px)  {
    .team {width:100%}
    .team .tim li {padding:1rem}
}

/* 테블릿 가로, 테블릿 세로 (해상도 768px ~ 1024px)*/ 
@media all and (max-width:1024px) {
    .subgroup {width:100%;padding: 2rem 0;}
    .team {width:100%; gap:2rem}
    .team .tim {gap:2rem}
    .team .tim li {padding:1.5rem 1rem}
    .work {width:100%; gap:2rem} 
    .subgroup:after {margin-top:0}
    .team .tim li:before {
    top: -43%;
}
}

/* 모바일 가로, 모바일 세로 (해상도 480px ~ 767px)*/ 
@media all and (max-width:767px) {
    .subgroup li {padding: 1rem .5rem;font-size: 15px;}
    .subgroup {}
    .subgroup ul {}
    .team {flex-wrap:wrap}
    .team .taem_group {width:100%}
    .team .tim {gap: 1rem;}
    .team .tim li {font-size:18px}
    .team .oneteam {}
    .work {flex-wrap:wrap;margin-top: 1rem;}
    .subgroup ul:after {margin-left: -1rem;}
    .subgroup li:before {margin-left: -1rem;z-index: -1;}
    .subgroup:after {width: 20%;}
    .team:before {
    transform: translateX(-50%);
    width: 53%;
}
    
    
}