@charset "utf-8";

#organization {
    display:flex;
    flex-direction:column;
    gap:80px;
}
#organization .og1 {
    position: relative;
}
#organization .og1::before {
    content:'';
    width:1px;
    height:255px;
    background-color:#ccc;
    position:absolute;
    left:50%;
    top:150px;
    transform:translateX(-50%);
    z-index:-1;
}
#organization .og1::after {
    content:'';
    width:350px;
    height:1px;
    background-color:#ccc;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    z-index:-1;
}
#organization .og1 .tabs {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:100px;
}
#organization .og1 .boss a {
    width:150px;
    height:150px;
    background-color:#16AAB5;
    border-radius: 999px;
    border: 10px solid #CCE0EA;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    font-size:1.44rem;
    font-weight:700;
    color:#fff;
    font-family:'SUITE';
    text-align:center;
    margin:0 auto;
}
#organization .og1 .boss a span {
    font-size:1.11rem;
}
#organization .og1 .boss a:hover {
    border-color:#16AAB5;
}
#organization .og1 .leri a {
    cursor: unset;
    width:250px;
    height:60px;
    padding:10px 20px;
    display:flex;
    align-items:center;
    justify-content:center;
    background-color:#006397;
    border-radius:25px;
    text-align:center;
}
#organization .og1 .leri a span {
    font-size:1.11rem;
    font-weight:700;
    font-family:'SUITE';
    color:#fff;
}

#organization .og2 {
    margin-top:60px;
    position: relative;
}
#organization .og2 .tabs a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:250px;
    height:70px;
    background-color:#16AAB5;
    border:2px solid #16AAB5;
    border-radius:25px;
    text-align:center;
    margin:0 auto;
}
#organization .og2 .tabs a span {
    font-size:1.33rem;
    font-weight:700;
    font-family:'SUITE';
    color:#fff;
}
#organization .og2 .tabs a:hover {
    background-color:#C7F3F6;
}
#organization .og2 .tabs a:hover span {
    color:#16AAB5;
}


#organization .og3 {
    margin:80px 80px 0;
    position: relative;
}
#organization .og3::before {
    content:'';
    width:500px;
    height:1px;
    background-color:#ccc;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%, -50%);
    z-index:-1;
}
#organization .og3 .tabs {
    display:flex;
    align-items:center;
    justify-content:center;
    gap:60px;
}
#organization .og3 .tabs .leri {
    flex:1;
}
#organization .og3 .tabs .leri a {
    width:250px;
    height:87px;
    padding:15px 20px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:5px;
    margin:0 auto;
    background-color: #C7F3F6;
    border:2px solid #C7F3F6;
    border-radius:25px;
    font-size:1.22rem;
    font-weight:700;
    text-align:center;
    font-family:'SUITE';
    position: relative;
}
#organization .og3 .tabs .leri a::before {
    content:'';
    width:1px;
    height:95px;
    background-color:#ccc;
    position:absolute;
    left:50%;
    top:85px;
    transform:translateX(-50%);
    z-index:-1;
}
#organization .og3 .tabs .leri a span {
    font-size: 1.11rem;
    font-weight:400;
}
#organization .og3 .tabs .leri a:hover {
    background-color:#fff;
}


#organization .og4 {
    margin:60px 80px 0;
}
#organization .og4 .tabs {
    display:flex;
    gap:60px;
}
#organization .og4 .tabs li {
    flex:1;
}
#organization .og4 .tabs li a {
    display:flex;
    flex-direction:column;
    gap:10px;
    height:100%;
}
#organization .og4 .tabs li .main_team {
    border:2px solid #1A9BDF;
    border-radius:20px;
    background-color:#fff;
    padding:20px;
    font-size:1.11rem;
    font-weight:600;
    font-family:'SUITE';
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    position: relative;
}
#organization .og4 .tabs li .main_team::after {
    content:'';
    width:60px;
    height:1px;
    background-color:#ccc;
    position:absolute;
    right:-60px;
    top:50%;
    transform:translateY(-50%);
    z-index:-1;
}
#organization .og4 .tabs li:nth-child(even) .main_team::after{
    display:none;
}
#organization .og4 .tabs li .sub_team {
    border:1px solid #ddd;
    border-radius:20px;
    background-color:#fff;
    display:flex;
    flex-direction:column;
    gap:10px;
    padding:20px;
    height:100%;
}
#organization .og4 .tabs li .sub_team p {
    border:1px solid #ccc;
    border-radius:10px;
    padding: 10px;
    font-size:0.88rem;
    font-weight:400;
    letter-spacing:-0.48px;
    text-align:center;
    line-height:162%;
}
#organization .og4 .tabs li .sub_team .team_leader {
    background-color:#DEF3FF;
    border-color:#DEF3FF;
    font-size:1rem;
    font-weight:500;
    letter-spacing:-0.54px;
}
#organization .og4 .tabs li a:hover .main_team {
    background-color:#1A9BDF;
    color:#fff;
}



/* 미디어퀑리 */
@media(max-width:1440px) {}
@media(max-width:1200px) {
    #organization .og3 {
        margin:80px 0 0;
    }
    #organization .og4 {
        margin:60px 0 0;
    }
}
@media(max-width:1024px) {}
@media(max-width:991px) {}
@media(max-width:768px) {
    #organization .og1 .leri a {
        width:160px;
    }
    #organization .og2 .tabs a {
        width:160px;
    }
    #organization .og3 .tabs {
        gap:30px;
    }
    #organization .og3 .tabs .leri a {
        width:160px;
    }
    #organization .og4 .tabs {
        gap:30px;
    }
    #organization .og4 .tabs li .sub_team {
        padding:10px;
    }
}
@media(max-width:640px) {}