@charset "utf-8";

#organization {}

#organization .organization_cont .og1 {
    padding-bottom:50px;
    position: relative;
}
#organization .organization_cont .og1::before {
    content:'';
    width:1px;
    height:628px;
    background-color:#8C8C8C;
    position:absolute;
    left:50%;
    top:98px;
    transform:translateX(-50%);
    z-index: -1;
}
#organization .organization_cont .og1::after {
    content:'';
    width:13px;
    height:13px;
    border:3px solid #fff;
    border-radius:50%;
    background-color:#173C7B;
    position:absolute;
    left:50%;
    top:88px;
    transform: translateX(-50%);
}
#organization .organization_cont .og1 .boss a {
    width:180px;
    height:100px;
    margin:0 auto;
    display: block;
}
#organization .organization_cont .og1 .boss span {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    background-color:#173C7B;
    border-radius:20px;
    border:3px solid #fff;
    font-size:1.55rem;
    font-weight:500;
    color:#fff;
    font-family: "Gmarket Sans";
}
#organization .organization_cont .og1 .boss a:hover span {
    border-color:#173C7B;
    background-color:#EDF6FB;
    color:#173C7B;
}

#organization .organization_cont .og2 {
    position: relative;
}
#organization .organization_cont .og2::before {
    content:'';
    width:550px;
    height:1px;
    background-color:#8C8C8C;
    position:absolute;
    left:50%;
    top:70px;
    transform:translateX(-50%);
}
#organization .organization_cont .og2 .tabs {
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:550px;
    position: absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
}
#organization .organization_cont .og2 .tabs a {
    cursor: unset;
}
#organization .organization_cont .og2 .tabs .leri {
    width:224px;
    background-color:#2EB2B2;
    border-radius:20px;
    padding:15px;
    display:flex;
    flex-direction:column;
    gap:10px;
    position: relative;
}
#organization .organization_cont .og2 .tabs .leri span {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    background-color:#fff;
    border-radius:10px;
    border:1px solid #ddd;
    font-size:1.11rem;
    font-weight:500;
    text-align:center;
}
#organization .organization_cont .og2 .tabs .leri::before {
    content:'';
    width:13px;
    height:13px;
    border:3px solid #fff;
    border-radius:50%;
    background-color:#2EB2B2;
    position:absolute;
    top:61px;
}
#organization .organization_cont .og2 .tabs .og_le::before {
    right:-9px;
}
#organization .organization_cont .og2 .tabs .og_ri::before {
    left:-9px;
}

#organization .organization_cont .og3 {
    padding-top:140px;
    padding-bottom:50px;
    position: relative;
    z-index: 1;
}
#organization .organization_cont .og3 li a {
    display:block;
    width:180px;
    height:100px;
    margin:0 auto;
}
#organization .organization_cont .og3 li span {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    background-color:#2E8AB2;
    border-radius:20px;
    border:3px solid #fff;
    font-size:1.55rem;
    font-weight:500;
    color:#fff;
    font-family: "Gmarket Sans";
    position: relative;
}
#organization .organization_cont .og3 li span::before {
    content:'';
    width:13px;
    height:13px;
    border:3px solid #fff;
    border-radius:50%;
    background-color:#2E8AB2;
    position:absolute;
    left:50%;
    bottom:-9px;
    transform:translateX(-50%);
}
#organization .organization_cont .og3 li a:hover span {
    border-color:#2E8AB2;
    background-color:rgb(211, 240, 255);
    color:#2E8AB2;
}


#organization .organization_cont .og4 {
    padding-bottom:60px;
}
#organization .organization_cont .og4 li a {
    width:180px;
    height:100px;
    margin:0 auto;
    display:block;
}
#organization .organization_cont .og4 li span {
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
    background-color:#2E8AB2;
    border-radius:20px;
    border:3px solid #fff;
    font-size:1.55rem;
    font-weight:500;
    color:#fff;
    font-family: "Gmarket Sans";
    position: relative;
}
#organization .organization_cont .og4 li span::before {
    content:'';
    width:13px;
    height:13px;
    border:3px solid #fff;
    border-radius:50%;
    background-color:#2E8AB2;
    position:absolute;
    left:50%;
    bottom:-9px;
    transform:translateX(-50%);
}
#organization .organization_cont .og4 li a:hover span {
    border-color:#2E8AB2;
    background-color:rgb(211, 240, 255);
    color:#2E8AB2;
}



#organization .organization_cont .og5 {
    position: relative;
    padding-bottom:100px;
}
#organization .organization_cont .og5 .tabs {
    display:flex;
    align-items:flex-start;
    justify-content:center;
    gap:550px;
}
#organization .organization_cont .og5 .tabs .leri {
    width:224px;
}
#organization .organization_cont .og5 .tabs .og_ri {
    background-color:#68B16B;
    border-radius:20px;
    padding:15px;
    position: relative;
}
#organization .organization_cont .og5 .tabs .og_ri::before {
    content:'';
    width:275px;
    height:1px;
    background-color:#8C8C8C;
    position:absolute;
    right:100%;
    top:50%;
    transform:translateY(-50%);
}
#organization .organization_cont .og5 .tabs .og_ri::after {
    content:'';
    width:13px;
    height:13px;
    border:3px solid #fff;
    border-radius:50%;
    background-color:#68B16B;
    position:absolute;
    left:-9px;
    top:50%;
    transform:translateY(-50%);
}
#organization .organization_cont .og5 .tabs .leri a {
    cursor:unset;
}
#organization .organization_cont .og5 .tabs .og_ri span {
    display:flex;
    align-items:center;
    justify-content:center;
    padding:10px;
    background-color:#fff;
    border-radius:10px;
    border:1px solid #ddd;
    font-size:1.11rem;
    font-weight:500;
    text-align:center;
}


#organization .organization_cont .og6 .tabs {
    display:flex;
    align-items:flex-start;
    gap:20px;
    position: relative;
}
#organization .organization_cont .og6 .tabs::before {
    content: '';
    width: 84.5%;
    height: 1px;
    background-color: #8C8C8C;
    position: absolute;
    left: 50%;
    top: -49px;
    transform: translateX(-50%);
}
#organization .organization_cont .og6 .tabs li {
    flex:1;
        display:flex;
    flex-direction:column;
    gap:10px;
}
#organization .organization_cont .og6 .tabs li a {

}
#organization .organization_cont .og6 .tabs li .main_team {
    display:flex;
    align-items:center;
    justify-content:center;
    height:60px;
    background-color:#3F74CF;
    border:2px solid #3F74CF;
    border-radius:15px;
    text-align:center;
    font-size:1.11rem;
    font-weight:800;
    letter-spacing:-0.6px;
    color:#fff;
    position: relative;
}
#organization .organization_cont .og6 .tabs li .main_team::before {
    content:'';
    width:1px;
    height:50px;
    background-color:#8C8C8C;
    position: absolute;
    left:50%;
    top:-50px;
    transform:translateX(-50%);
}
#organization .organization_cont .og6 .tabs li .main_team::after {
     content:'';
    width:13px;
    height:13px;
    border:3px solid #fff;
    border-radius:50%;
    background-color:#3F74CF;
    position:absolute;
    left:50%;
    top:-9px;
    transform:translateX(-50%);
}
#organization .organization_cont .og6 .tabs li .main_team06::after {
    background-color:#68B16B;
}
#organization .organization_cont .og6 .tabs li .main_team:hover {
    background-color:#EDF6FB;
    color:#3F74CF;
}
#organization .organization_cont .og6 .tabs li .main_team06 {
    background-color:#68B16B;
    border:2px solid #68B16B;
}
#organization .organization_cont .og6 .tabs li .main_team06:hover {
    background-color:#E0F3E1;
    color:#207023;
}
#organization .organization_cont .og6 .tabs li .sub_team06 {
    display:flex;
    align-items:center;
    justify-content:center;
    height:60px;
    background-color:#E0F3E1;
    border-radius:15px;
    text-align:center;
    font-size:1.11rem;
    font-weight:700;
    letter-spacing:-0.6px;
    color:#207023;
}

/* 기본: 숨김 + 전환 정의 */
#organization .organ_detail {
  display: none;
}
#organization .organ_detail table {
    margin-top:10px;
    table-layout: fixed;
    width: 100%;
    border-collapse: collapse;
    border-radius:0;
    border-style:unset;
    box-shadow:none;
    overflow: hidden;
    border-top: 2px solid #173C7B;
}
#organization .organ_detail table thead tr th {
    
    background-color:#EDF6FB;
}
#organization .organ_detail table tr {
    border-bottom:1px solid #ddd;
}
#organization .organ_detail table th, 
#organization .organ_detail table td {
    border:none;
}



/****************************************/
/* 반응형 미디어 쿼리 css                 */
/***************************************/
@media (max-width:1680px) {}
@media (max-width:1440px) {}
@media (max-width:1200px) {
    #organization .organization_cont .og1 .boss span {
        font-size:1.33rem;
    }
    #organization .organization_cont .og2 .tabs .leri span {
        font-size:1rem;
    }
    #organization .organization_cont .og3 li span {
        font-size:1.33rem;
    }
    #organization .organization_cont .og4 li span {
        font-size:1.33rem;
    }
    #organization .organization_cont .og5 .tabs .og_ri span {
        font-size:1rem;
    }
    #organization .organization_cont .og6 .tabs {
        gap:10px;
    }
    #organization .organization_cont .og6 .tabs li .main_team {
        font-size:1rem;
    }
    #organization .organization_cont .og6 .tabs li .sub_team06 {
        font-size:1rem;
    }
}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {
    #organization .organization_cont .og6 .tabs {
        gap:5px;
    }
    #organization .organization_cont .og6 .tabs li .sub_team06 {
        font-size:0.88rem;
    }

    #organization .organ_detail table th, 
    #organization .organ_detail table td {
        padding:10px 5px;
    }
}
@media (max-width:640px) {}
@media (max-width:480px) {}