@charset "utf-8";

#corporate {
    display:flex;
    flex-direction:column;
    gap:80px;
}
#corporate .info_wrap {
    display:flex;
    align-items:center;
    gap:20px;
}
#corporate .info_wrap .info_logo {
    width:350px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    gap:15px;
}
#corporate .info_wrap .info_text {
    flex:1;
    border:4px solid #C7F3F6;
    border-radius:50px;
    padding:30px 50px;
    display:flex;
    flex-direction:column;
    gap:10px;
}
#corporate .info_wrap .info_text .info_title {
    font-size:1.22rem;
    font-weight:700;
    line-height:145%;
    font-family:'SUITE';
    margin-bottom:10px;
}
#corporate .info_wrap .info_text ul {
    display:flex;
    align-items:center;
    gap:10px;
}
#corporate .info_wrap .info_text .info_ti {
    width:120px;
    border:1px solid #16AAB5;
    padding:3px 0;
    border-radius:999px;
    font-size:0.88rem;
    font-weight:700;
    color:#666;
    line-height:162%;
    text-align:center;
} 
#corporate .info_wrap .info_text .info_co {
    flex:1;
    font-size:1.11rem;
    font-weight:400;
    letter-spacing:-0.6px;
    line-height:130%;
}

#corporate .scroll_wrapper {
    margin-top:20px;
}
#corporate .scroll table {
    border-top-color:#16AAB5;
}


#corporate .purpose_wrap {
    border:1px solid #C8C8C8;
    border-radius:50px;
    padding:50px 80px;
    background-color:#fff;
    display:flex;
    flex-direction:column;
    gap:15px;
    margin-top:30px;
}
#corporate .purpose_wrap ul {
    display:flex;
    align-items:flex-start;
    gap:20px;
}
#corporate .purpose_wrap .purpose_check {
    display:flex;
    align-items:center;
    justify-content:center;
}
#corporate .purpose_wrap .purpose_ti {
    flex:1;
    font-size:1.44rem;
    font-weight: 600;
    line-height:130%;
    font-family:'SUITE';
}


#corporate .mission_wrap {
    background-color:#F8F8F8;
    border-radius:999px;
    padding:30px;
    margin-top:50px;
}
#corporate .mission_wrap p {
    font-size:1.77rem;
    font-weight:600;
    text-align:center;
    letter-spacing:-0.96px;
    font-family:'SUITE';
}


#corporate .vision_wrap {
    display:flex;
    flex-wrap: wrap;
    justify-content:center;
    gap:30px;
    margin-top:50px;
}
#corporate .vision_wrap .vision_box {
    width:calc(50% - 15px);
    max-width:550px;
    border:1px solid #DDD;
    border-radius:50px;
    padding:30px;
    display:flex;
    align-items:center;
    gap:20px;
}
#corporate .vision_wrap .vision_box .vision_round {
    width:120px;
    position: relative;
}
#corporate .vision_wrap .vision_box .vision_round .round_bg {
    width:90px;
    height:90px;
    border-radius:50%;
    opacity:0.6;
}
#corporate .vision_wrap .vision_box .vision_round .round_icon {
    width:90px;
    height:90px;
    border-radius:50%;
    background-color:#fff;
    border:1px solid #ddd;
    display:flex;
    align-items:center;
    justify-content:center;
    position:absolute;
    right: 0;
    top:0;
}
#corporate .vision_wrap .vision_box .vision_ti {
    flex:1;
    font-size:1.44rem;
    font-weight:600;
    line-height:130%;
    font-family:'SUITE';
}

#corporate .vision_wrap .vision01 .vision_round .round_bg {
    background-color:#1A9BDF;
}
#corporate .vision_wrap .vision01 .vision_round .round_icon {
    border-color:#1A9BDF
}

#corporate .vision_wrap .vision02 .vision_round .round_bg {
    background-color:#16AAB5;
}
#corporate .vision_wrap .vision02 .vision_round .round_icon {
    border-color:#16AAB5;
}

#corporate .vision_wrap .vision03 .vision_round .round_bg {
    background-color:#4AAA37;
}
#corporate .vision_wrap .vision03 .vision_round .round_icon {
    border-color:#4AAA37;
}

#corporate .vision_wrap .vision04 .vision_round .round_bg {
    background-color:#6A80D7;
}
#corporate .vision_wrap .vision04 .vision_round .round_icon {
    border-color:#6A80D7;
}

#corporate .idea_wrap img {
    width:100%;
    max-width:1400px;
} 

/* 미디어퀑리 */
@media(max-width:1440px) {}
@media(max-width:1200px) {}
@media(max-width:1024px) {}
@media(max-width:991px) {
    #corporate .info_wrap {
        flex-direction:column;
    }
    #corporate .purpose_wrap {
        padding:30px 50px;
    }

    #corporate .vision_wrap {
        gap:20px;
    }
    #corporate .vision_wrap .vision_box {
        width: calc(50% - 10px);
        padding:20px;
        border-radius:30px;
    }
}
@media(max-width:768px) {
    #corporate .info_wrap .info_text {
        width:100%;
        padding:30px;
    }
    #corporate .purpose_wrap {
        padding:30px;
    }

    #corporate .vision_wrap {
        gap:10px;
    }
    #corporate .vision_wrap .vision_box {
        width:100%;
        max-width:100%;
    }
}
@media(max-width:640px) {
    #corporate .info_wrap .info_text ul {
        flex-direction:column;
        align-items: flex-start;
        gap:5px;
    }
}