@charset "utf-8";

#mission {
    margin-top:20px;
}
#mission .mission_cont {
    margin-bottom:60px;
}
#mission .mission_cont:last-child {
    margin-bottom:0;
}
#mission .mission_cont .cont_title {
    text-align:center;
    font-size:1.44rem;
    font-weight:700;
    margin-bottom:40px;
}
#mission .vision h4 {
    font-size:1.77rem;
    font-weight:700;
    text-align:center;
}
#mission .vision h4 span {
    color:#3A5188;
}
#mission .vision h4::after {
    content:'';
    width:100%;
    height:120px;
    display:block;
    margin-top:20px;
    background-image:url(./img/arrow_gradient.png);
    background-repeat:no-repeat;
    background-position:center top;
}
#mission .vision .vision_wrap {
    position: relative;
    display:flex;
    align-items:center;
    gap:30px;
    max-width:890px;
    margin:0 auto;
    width:100%;
}
#mission .vision .vision_wrap .vision_box {
    width:200px;
    height:200px;
    border:8px solid #5C7CC8;
    border-radius:50%;
    display:flex;
    align-items:center;
    justify-content: center;
    flex-direction:column;
    text-align:center;
    gap:5px;
}
#mission .vision .vision_wrap .vision_box img {
    text-align:center;
}
#mission .vision .vision_wrap .vision_box p {
    font-size:1.22rem;
    font-weight:700;
    text-align:center;
}
#mission .vision .vision_wrap .vision_box p span {
    font-size:1.44rem;
    color:#3A5188;
}

#mission .talent {
    display:flex;
    align-items:stretch;
    justify-content: center;
    gap:10px;
}
#mission .talent .talent_box {
    flex:1;
    background-color:#F5F5F5;
    text-align:center;
    max-width:240px;
}
#mission .talent .talent_box .talent_img {
    height:168px;
    text-align:center;
    display: flex;
    align-items: center;
    justify-content: center;
}
#mission .talent .talent_box .talent_t {
    padding:10px 5px;
}
#mission .talent .talent_box:nth-child(odd) .talent_t {
    background-color:#3A5188;
}
#mission .talent .talent_box:nth-child(even) .talent_t {
    background-color:#5C7CC8;
}
#mission .talent .talent_box .talent_t p {
    color:#fff;
    font-size:1.22rem;
    font-weight:700;
}
/* 반응형 css */
@media (max-width:1440px) {}
@media (max-width:1200px) {}
@media (max-width:1024px) {}
@media (max-width:991px) {
    #mission .vision .vision_wrap {
        gap:20px;
    }
    #mission .vision .vision_wrap .vision_box {
        border-radius:50px;
        border-width:4px;
    }
}
@media (max-width:768px) {
    #mission .vision .vision_wrap .vision_box p {
        font-size:1rem;
    }
    #mission .vision .vision_wrap .vision_box p span {
        font-size:1.22rem;
    }
}
@media (max-width:640px) {
    #mission .vision .vision_wrap {
        flex-wrap: wrap;
        gap:0;
    }
    #mission .vision .vision_wrap .vision_box {
        border-radius:30px;
        flex:none;
        width:48%;
        margin:1%;
        height:auto;
        padding:30px 10px;
    }
    #mission .talent {
        flex-wrap:wrap;
        gap:0;
    }
    #mission .talent .talent_box {
        flex:none;
        width:48%;
        margin:1%;
    }
}
@media (max-width:320px) {}