@charset "utf-8";


#organization {}
#organization .sub_con_title {
    margin-bottom:80px;
}
#organization .organization_cont {
    display:flex;
    flex-direction:column;
    gap:80px;
}

#organization .og1 .tabs {
    display:flex;
    align-items:center;
    justify-content: center;
    gap:180px;
    position: relative;
}
#organization .og1 .tabs::before {
    content:'';
    width:460px;
    height:1px;
    background-color:#333;
    position:absolute;
    left:50%;
    transform:translate(-50%,-50%);
}
#organization .og1 .tabs::after {
    content:'';
    width:1px;
    height:380px;
    background-color:#333;
    position:absolute;
    left:50%;
    top:0;
    transform:translateX(-50%);
    z-index:0;
}
#organization .og1 .boss a {
    position: relative;
    width:280px;
    height:160px;
    margin:0 auto;
    display:flex;
    align-items:center;
    justify-content:center;
    border-radius:30px;
    background-color:#004F90;
    border:2px solid #004F90;
    z-index: 1;
}
#organization .og1 .boss a span {
    font-size:1.55em;
    font-weight:700;
    letter-spacing:-0.84px;
    color:#fff;
    font-family: 'S-CoreDream';
}
#organization .og1 .boss a:hover {
    background-color:#fff;   
}
#organization .og1 .boss a:hover span {
    color:#004F90;
}
#organization .og1 .leri {
    display:flex;
    flex-direction:column;
    gap:20px;
    position: relative;
}
#organization .og1 .leri::after {
    content:'';
    width:1px;
    height:90px;
    background-color:#333;
    position: absolute;
    right:-90px;
    top:50%;
    transform:translateY(-50%);
}
#organization .og1 .leri.og_ri::after {
    right:auto;
    left:-90px;
    top:50%;
}
#organization .og1 .leri a {
    width:260px;
    padding:20px;
    border-radius:50px;
    background-color:#444;
    text-align:center;
    position: relative;
}
#organization .og1 .leri a::after {
    content:'';
    width:90px;
    height:1px;
    background-color:#333;
    position:absolute;
    right:-90px;
    top:50%;
    transform:translateY(-50%);
}
#organization .og1 .leri.og_ri a::after {
    right:auto;
    left:-90px;
}
#organization .og1 .leri span {
    font-size:1.22em;
    font-weight:700;
    letter-spacing:-0.66px;
    color:#fff;
    font-family: 'S-CoreDream';
    display:block;
}

#organization .og2 a {
    width:280px;
    display:block;
    padding:30px 20px;
    border:3px solid #004F90;
    border-radius:30px;
    background-color:#fff;
    margin:0 auto;
    text-align:center;
    position: relative;
    z-index: 1;
}
#organization .og2 a span {
    font-size:1.33em;
    font-weight:700;
    letter-spacing:-0.72px;
    color:#004F90;
    font-family: 'S-CoreDream';
}
#organization .og2 a:hover {
    background-color:#004F90;
}
#organization .og2 a:hover span {
    color:#fff;
}

#organization .og3 .tabs {
    display:flex;
    align-items:stretch;
    gap:10px;
    position: relative;
}
#organization .og3 .tabs::after {
    content:'';
    width:86.3%;
    height:1px;
    background-color:#333;
    position:absolute;
    left:50%;
    top:-40px;
    transform:translateX(-50%);
}
#organization .og3 .tabs li {
    flex:1;
    position: relative;
}
#organization .og3 .tabs li::before {
    content:'';
    width:1px;
    height:40px;
    background-color:#333;
    position:absolute;
    left:50%;
    top:-40px;
    transform:translateX(-50%);
}
#organization .og3 .tabs li a {
    display:flex;
    flex-direction:column;
    gap:10px;
    height:100%;
}
#organization .og3 .tabs li .team {
    height:74px;
    border-radius:20px;
    background-color:#D7EDFF;
    border:2px solid #D7EDFF;
    position: relative;
}
#organization .og3 .tabs li a:hover .team {
    background-color:#fff;
}
#organization .og3 .tabs li .team p {
    font-size:1.11em;
    font-weight:500;
    letter-spacing:-0.6px;
    font-family: 'S-CoreDream';
    text-align:center;
    position:absolute;
    left:50%;
    top:50%;
    transform:translate(-50%,-50%);
    width: 100%;
}
#organization .og3 .tabs li .team_job {
    border:1px solid #ddd;
    background-color:#fff;
    border-radius:20px;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:3px;
    height:100%;
}
#organization .og3 .tabs li .team_job p {
    font-size:1em;
    font-weight:400;
    letter-spacing:-0.54px;
    line-height:1.44;
}
#organization .og3 .tabs li .team_job .team_box {
    background-color:#f4f4f4;
    border-radius:10px;
    padding:5px 10px;
}

#organization .og4 {
    margin-top:-40px;
}
#organization .og4 .tabs {
    display:flex;
    align-items:stretch;
    gap:10px;
}
#organization .og4 .tabs li {
    flex:1;
}
#organization .og4 .tabs li a {
    display:flex;
    flex-direction:column;
    gap:10px;
    height:100%;
    position: relative;
}
#organization .og4 .tabs li a::before {
    content:'';
    width:1px;
    height:40px;
    background-color:#333;
    position:absolute;
    left:50%;
    top:-40px;
    transform:translateX(-50%);
}
#organization .og4 .tabs li .sub_team {
    padding: 25px 20px;
    border-radius: 20px;
    height: 98px;
    background-color: #EDFFD7;
    display: flex;
    align-items: center;
    justify-content: center;
}
#organization .og4 .tabs li .sub_team p {
    font-size:1.11em;
    font-weight:500;
    letter-spacing:-0.6px;
    font-family: 'S-CoreDream';
    text-align:center;
}
#organization .og4 .tabs li .team_job {
    border:1px solid #ddd;
    background-color:#fff;
    border-radius:20px;
    padding:20px;
    display:flex;
    flex-direction:column;
    gap:3px;
    height:100%;
    flex:1;
}
#organization .og4 .tabs li .team_job p {
    font-size:1em;
    font-weight:400;
    letter-spacing:-0.54px;
    line-height:1.44;
}
#organization .og4 .tabs li .team_job .team_box {
    background-color:#f4f4f4;
    border-radius:10px;
    padding:5px 10px;
}
#organization .og3 .tabs li .team_job .team_box > p {
    padding-left:0;
}




#organization .organ_view .sub_con_title_mini {
    margin-top:80px;
}





/* 반응형 미디어쿼리 css */
@media (max-width:1600px) {}
@media (max-width:1440px) {
    #organization .og1 .tabs::before {
        width:400px;
    }
    #organization .og1 .boss a {
        width:220px;
    }
    #organization .og1 .boss a span {
        font-size:1.33em;
    }
    #organization .og1 .leri a {
        width:200px;
    }
    #organization .og1 .leri span {
        font-size:1em;
    }
    #organization .og1 .leri::after {
        height:84px;
    }
    #organization .og2 a {
        width:220px;
    }
    #organization .og2 a span {
        font-size:1.33em;
    }
    #organization .og3 .tabs li .team p {
        font-size:1em;
        word-break:break-all;
    }
    #organization .og3 .tabs li .team_job {
        padding:15px;
    }
    #organization .og3 .tabs li .team_job p {
        font-size:0.88em;
        word-break:break-all;
    }
    #organization .og4 .tabs li .sub_team p {
        font-size:1em;
    }
    #organization .og4 .tabs li .team_job {
        padding:15px;
    }
    #organization .og4 .tabs li .team_job p {
        font-size:0.88em;
        word-break:break-all;
    }

}
@media (max-width:1200px) {
    #organization .scroll {
        overflow-x:scroll;
    }
    #organization .scroll .scroll_wd {
        width:1440px;
        margin-bottom: 10px;
    }
    #organization .scroll .scroll_tb {
        display:block;
    }
}
@media (max-width:1024px) {
    #organization .scroll .scroll_wd {
        width:1200px;
        margin-bottom: 10px;
    }
}
@media (max-width:991px) {
    #organization .scroll .scroll_wd {
        width:1024px;
        margin-bottom: 10px;
    }
}
@media (max-width:768px) {}
@media (max-width:640px) {}
@media (max-width:460px) {}




  /* ★접근성: hidden 속성 지원되지 않는 구형 UA 대비 */
  [hidden] { display: none !important; }