@charset "utf-8";

#mission .cont + .cont {
    margin-top:80px;
}
#mission .title_round {
    width:140px;  
    height:140px;
    border-style: solid;
    border-width:8px;
    border-image-slice: 0 !important;
    background-origin: border-box;
    background-clip: content-box, border-box;
    border-image-source: linear-gradient(to left, rgba(69, 167, 229, 1), rgba(255, 232, 173, 1));
    background-image: linear-gradient(to right, #fff, #fff), linear-gradient(to right, rgba(69, 167, 229, 1), rgba(255, 232, 173, 1));
    border-radius:999px;
    margin: auto;
    position: relative;
    z-index: 1;
}
#mission .title_round p {
    font-size:1.55rem;
    font-weight:600;
    font-family:'Paperlogy';
    width:100%;
    height:100%;
    background-color:#fff;
    border-radius:999px;
    display:flex;
    align-items:center;
    justify-content:center;
}


#mission .mission_box {
    border:1px solid #ddd;
    border-radius:999px;
    padding-top:95px;
    padding-left:120px;
    padding-right:120px;
    display:flex;
    flex-direction:column;
    align-items: center;
    gap:30px;
    max-width:827px;
    width:100%;
    margin:auto;
        margin-top:-80px;
}
#mission .mission_box p {
    font-size:1.66rem;
    font-weight:500;
    line-height:140%;
    text-align:center;
    font-family: 'Paperlogy';
}


#mission .vision_box {
    display:flex;   
    align-items:stretch;
    margin-top:50px;
    padding-left: 2.5%;
}
#mission .vision_box .vision_text {
    border:1px solid #ccc;
    border-radius:999px;
    padding:20px 30px 30px;
    display:flex;
    flex-direction:column;
    gap:10px;
    width:105%;
    margin-left:-2.5%;
}
#mission .vision_box .vision_text .vision_ti {
    background-color:#45A7E5;
    border-radius:999px;
    padding:5px 20px;
    width:fit-content;
    margin:auto;
    font-size:1.11rem;
    font-weight:700;
    color:#fff;
    font-family:'paperlogy';
}
#mission .vision_box .vision_text .vision_co {
    font-size:1.11rem;
    font-weight:500;
    letter-spacing:-0.6px;
    line-height:130%;
    text-align:center;
    font-family:'Paperlogy';
    flex:1;
}
#mission .vision_point {
    margin-top:25px;
}
#mission .vision_point img {
    width:100%;
}


#mission .value_wrap {
    display:flex;
    align-items:flex-start;
    gap:30px;
    margin-top:50px;
}
#mission .value_wrap .value_box {
    flex:1;
}
#mission .value_wrap .value_box .value_round {
    width:140px;
    height:140px;
    border-radius:999px;
    border:2px dashed #45A7E5;
    padding:5px;
    margin:auto;
}
#mission .value_wrap .value_box .value_round .value_icon {
    width:100%;
    height:100%;
    border-radius:999px;
    border:5px solid #45A7E5;
    display:flex;
    align-items:center;
    justify-content:center;
}
#mission .value_wrap .value_box .value_text {
    display:flex;
    flex-direction:column;
    gap:10px;
} 
#mission .value_wrap .value_box .value_ti {
    width:120px;
    padding:5px 20px;
    text-align:center;
    background-color:#45A7E5;
    border-radius:999px;
    margin:auto;
    margin-top: -20px;
    font-size:1.11rem;
    font-weight:700;
    color:#fff;
    font-family:'Paperlogy';
}
#mission .value_wrap .value_box .value_co {
    font-size:1.11rem;
    font-weight:400;
    letter-spacing:-0.6px;
    font-family:'Paperlogy';
    text-align:center;
}



/* ********** 반응형 미디어 쿼리 css ********** */
@media(max-width:1440px) {}
@media(max-width:1200px) {
    #mission .title_round {
        width:120px;
        height:120px;
    }
    #mission .title_round p {
        font-size:1.33rem;
    }

    

    #mission .mission_box {
        padding-left: 60px;
        padding-right: 60px;
    }
    #mission .mission_box p {
        font-size:1.33rem;
    }
    #mission .mission_box img {
        width:70%;
    }
}
@media(max-width:1024px) {}
@media(max-width:991px) {
    #mission .value_wrap {
        gap:10px;
    }
}
@media(max-width:768px) {
    #mission .mission_box {
        padding-left:30px;
        padding-right:30px;
        border-radius:80px;
    }

    #mission .vision_box {
        padding-left:0;
        gap:20px;
    }
    #mission .vision_box .vision_text {
        width:100%;
        margin-left:0;
        border-radius: 50px;
    }
    #mission .vision_point {
        overflow:hidden;
    }
    #mission .vision_point img {
        width: 150%;
        margin-left: -25%;
    }


    #mission .value_wrap {
        flex-wrap: wrap;
    }
    #mission .value_wrap .value_box {
        flex:none;
        width:calc(33.333% - 6.666px);
    }
}
@media(max-width:640px) {

    #mission .mission_box img {
        width:94%;
        margin:auto;
    }


    #mission .vision_box {
        flex-direction:column;
        margin-top:30px;
    }
    #mission .vision_box .vision_text {
        border-radius:999px;
    }

    #mission .value_wrap {
        margin-top:30px;
    }
    #mission .value_wrap .value_box {
        flex:none;
        width:calc(50% - 10px);
    }
}
@media(max-width:480px) {}
@media(max-width:320px) {}