@charset "utf-8";

#organization {}
#organization .organization_info {
    font-size:1em;
    font-weight:400;
    color:#777;
    line-height:normal;
    text-align:center;
}

#organization .ogran_cont .og1 {
    margin-bottom:30px;
    position: relative;
}
#organization .ogran_cont .og1::before {
    content:'';
    width:1px;
    height:320px;
    background-color:#ddd;
    position:absolute;
    left:50%;
    top:150px;
    transform:translateX(-50%);
    z-index: -1;
}
#organization .ogran_cont .og1 li {
    width:150px;
    height:150px;
    margin:auto;
    border-radius:50%;
    border:1px solid #ddd;
    background-color:#fff;
    padding:10px;
}
#organization .ogran_cont .og1 li a {
    background: rgb(201,80,148);
    background: linear-gradient(135deg, rgba(201,80,148,1) 16.43%, rgba(123,73,146,1) 87.14%);
    padding:10px;
    width:100%;
    height:100%;
    border-radius:50%;
    display:block;
}
#organization .ogran_cont .og1 li a div {
    background-color:#fff;
    width:100%;
    height:100%;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content:center;
}
#organization .ogran_cont .og1 li a div span {
    text-align:center;
    font-size:1.44em;
    font-weight:700;
    background: var(--point, linear-gradient(135deg, #C95094 16.43%, #7B4992 87.14%));
    background-clip: text;
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;

}

#organization .ogran_cont .og2 {
    margin-bottom:30px;
    position: relative;
}
#organization .ogran_cont .og2::before {
    content:'';
    width:calc(50% - 400px);
    height:1px;
    background-color:#ddd;
    position:absolute;
    right:400px;
    top:50%;
    transform:translateY(-50%);
    z-index: -1;
}
#organization .ogran_cont .og2 .tabs {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    margin:0 125px;
}
#organization .ogran_cont .og2 li a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:275px;
    height:60px;
    border-radius:15px;
    background-color:#fff;
    border-style: solid;
    border-width: 3px;
    border-image-source: linear-gradient(to top, #C95094, #7B4992);
    border-image-slice: 0;
    background-image: linear-gradient(to bottom, #fff, #fff), linear-gradient(to top, #C95094, #7B4992);
    background-origin: border-box;
    background-clip: content-box, border-box;
}
#organization .ogran_cont .og2 li a span {
    font-size:1.11em;
    font-weight:700;
    text-align:center;
}

#organization .ogran_cont .og3 li a {
    display:flex;
    align-items:center;
    justify-content:center;
    width:150px;
    height:150px;
    margin:auto;
    border-radius:50%;
    background-color:#7B4992;
}
#organization .ogran_cont .og3 li a span {
    font-size:1.33em;
    font-weight:700;
    color:#fff;
    text-align:center;
}

#organization .ogran_cont .og4 {
    margin-top:150px;
    position: relative;
}
#organization .ogran_cont .og4::before {
    content:'';
    width:57%;
    height:1px;
    background-color:#ddd;
    position:absolute;
    left:50%;
    top:-100px;
    transform:translateX(-50%);
}
#organization .ogran_cont .og4 .tabs {
    display:flex;
    align-items:stretch;
    justify-content:center;
    gap:40px;
}
#organization .ogran_cont .og4 .tabs li {
    width:325px;
    height:65px;
    position: relative;
}
#organization .ogran_cont .og4 .tabs li::before {
    content:'';
    width:1px;
    height:100px;
    background-color:#ddd;
    position:absolute;
    left:50%;
    top:-100px;
    transform:translateX(-50%);
}
#organization .ogran_cont .og4 .tabs li a {
    border:1px solid #f4f4f4;
    border-radius:15px;
    background-color:#FFF9FC;
    display:flex;
    align-items:center;
    justify-content:center;
    height:100%;
}
#organization .ogran_cont .og4 .tabs li a span {
    font-size:1.11em;
    font-weight:700;
    color:#7B4992;
    text-align: center;
}


#organization .organ_view {
    margin-top:80px;
    background-color:#f9f9f9;
    border-radius:20px;
    padding:30px;
    display:flex;
    flex-direction:column;
    gap:30px;
}
#organization .cont_title .cont_ti {
    font-size:1.44em;
    line-height:1;
}
#organization .organ_view .organ_team {
    display:flex;
    align-items:stretch;
    flex-wrap: wrap;
    gap:20px;
}
#organization .organ_view .organ_team .team {
    width:calc(50% - 10px);
    min-height:183px;
    border:3px solid #f4f4f4;
    border-radius:20px;
    padding:30px;
    background-color:#fff;
    display:flex;
    flex-direction:column;
}
#organization .organ_view .organ_team .team .team_name {
    display:flex;
    align-items:center;
    gap:10px;
}
#organization .organ_view .organ_team .team .team_name .name_ti {
    font-size:1.11em;
    font-weight:700;
    color:#7B4992;
    line-height:1.25;
}
#organization .organ_view .organ_team .team .team_name .name_co {
    font-size:1.11em;
    font-weight:700;
    line-height:1.25;
}
#organization .organ_view .organ_team .team .team_job {
    display:flex;
    align-items:flex-start;
    gap:10px;
    border-top:1px solid #ddd;
    padding-top:10px;
    margin-top:10px;
}
#organization .organ_view .organ_team .team .team_job .job_ti {
    font-size:1em;
    font-weight:700;
    color:#7B4992;
    line-height:normal;
}
#organization .organ_view .organ_team .team .team_job .job_co {
    font-size:1em;
    font-weight:400;
    line-height:1.44;
}



/* 반응형 미디어쿼리 css */
@media (max-width:1680px) {
    #organization .ogran_cont .og4 .tabs {
        justify-content:space-between;
    }
    #organization .ogran_cont .og4 .tabs li {
        width:auto;
        flex:1;
    }
    #organization .ogran_cont .og4::before {
        width:70%;
    }
}
@media (max-width:1440px) {
    #organization .ogran_cont .og2 .tabs {
        margin:0;
    }
    
    #organization .ogran_cont .og2 li a {
        width:240px;
    }
    #organization .ogran_cont .og2::before {
        width: calc(50% - 240px);
        right: 240px;
    }
}
@media (max-width:1200px) {}
@media (max-width:1024px) {}
@media (max-width:991px) {}
@media (max-width:768px) {
    #organization .organ_view .organ_team .team {
        width:100%;
    }

    #organization .ogran_cont .og2 li a {
        width:200px;
    }
    #organization .ogran_cont .og2::before {
        width: calc(50% - 200px);
        right: 200px;
    }

 
}
@media (max-width:640px) {}
@media (max-width:480px) {
    #organization .scroll_wd {
        width:580px;
    }
}
@media (max-width:320px) {}