@charset "utf-8";

#business {}
#business .business_wrap {
    display:flex;
    align-items:stretch;
    flex-wrap: wrap;
    gap:40px;
}
#business .business_wrap .business_box {
    width:calc(50% - 20px);
    border:1px solid #ddd;
    border-radius:50px;
    padding:30px;
    display: flex;
    flex-direction: column;
    gap:30px;
    justify-content: flex-start;
}
#business .business_wrap .business_box .business_title {
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:10px;
    position: relative;
}
#business .business_wrap .business_box .business_title .team_point {
    position:absolute;
    left:0;
    top:-5px;
    z-index:-1;
}
#business .business_wrap .business_box .business_title .team_name {
    width:295px;
    font-size:1.66rem;
    font-weight:700;
    line-height:120%;
}
#business .business_wrap .business_box .business_title .team_call {
    background-color:#f9f9f9;
    border-radius:30px;
    padding:10px 30px;
    display:flex;
    align-items:center;
    gap:10px;
} 
#business .business_wrap .business_box .business_title .team_call .call_num {
    font-size:1.11rem;
    font-weight:500;
}
#business .business_wrap .business_box .business_list {
    flex: 1;
    background-color:#F8F9FA;
    padding:30px;
    border-radius:30px;
    display:flex;
    flex-wrap: wrap;
    align-content: flex-start;
    align-items: stretch;
    gap:20px;
}
#business .business_wrap .business_box .business_list .list_box {
    border-radius:15px;
    overflow:hidden;
    min-width:calc(50% - 10px);
    flex:1;
    display: flex;
    flex-direction: column;
}
#business .business_wrap .business_box .business_list .list_box .list_title {
    display:flex;
    align-items:center;
    justify-content:center;
    text-align:center;
    font-size:1.11rem;
    font-weight:500;
    font-family: "Gmarket Sans";
    min-height:50px;
}
#business .business_wrap .business_box .business_list .list_box ul {
    border:1px solid #E0E0E0;
    border-top:none;
    background-color:#fff;
    border-radius:0 0 15px 15px;
    padding:15px 20px;
    height:100%;
    display:flex;
    flex-wrap:wrap;
    flex-direction:column;
    gap:5px;
}
#business .business_wrap .business_box .business_list .list_box ul li {
    font-size:1.11rem;
    font-weight:400;
    letter-spacing:-0.6px;
}
#business .business_wrap .business_box .business_list .list_box ul.half {
    flex-direction:row;
}
#business .business_wrap .business_box .business_list .list_box ul.half li {
    width:calc(50% - 2.5px);
}



#business .business_wrap .business01 {
    border-color:#F2A7A7;
}
#business .business_wrap .business02 {
    border-color:#B2C2DF;
}
#business .business_wrap .business03 {
    border-color:#E4D1B9;
}
#business .business_wrap .business04 {
    border-color:#A6D1B8;
}
#business .business_wrap .business05 {
    border-color:#D1C4E9;
}
#business .business_wrap .business06 {
    border-color:#89DAE4;
}


#business .business_wrap .business01 .business_title .team_call {
    background-color:#FFDEDE;
}
#business .business_wrap .business02 .business_title .team_call {
    background-color:#E3EDFF;
}
#business .business_wrap .business03 .business_title .team_call {
    background-color:#FFEFDA;
}
#business .business_wrap .business04 .business_title .team_call {
    background-color:#D2F2DF;
}
#business .business_wrap .business05 .business_title .team_call {
    background-color:#F0E8FF;
}
#business .business_wrap .business06 .business_title .team_call {
    background-color:#D6F5F9;
}


#business .business_wrap .business01 .business_list .list_box .list_title {
    background-color:#FFDEDE;
}
#business .business_wrap .business02 .business_list .list_box .list_title {
    background-color:#E3EDFF;
}
#business .business_wrap .business03 .business_list .list_box .list_title {
    background-color:#FFEFDA;
}
#business .business_wrap .business04 .business_list .list_box .list_title {
    background-color:#D2F2DF;
}
#business .business_wrap .business05 .business_list .list_box .list_title {
    background-color:#F0E8FF;
}
#business .business_wrap .business06 .business_list .list_box .list_title {
    background-color:#D6F5F9;
}














/****************************************/
/* 반응형 미디어 쿼리 css                 */
/***************************************/
@media (max-width:1680px) {
    #business .business_wrap .business_box .business_title .team_point {
        width:90px;
    }
    #business .business_wrap .business_box .business_title .team_name {
        width:270px;
        font-size:1.44rem;
    }
}
@media (max-width:1440px) {
    #business .business_wrap .business_box .business_title {
        flex-direction:column;
        align-items: flex-end;
        gap:20px;
    }
    #business .business_wrap .business_box .business_title .team_point {
        top:auto;
        bottom:-35px;
    }
    #business .business_wrap .business_box .business_title .team_name {
        width:100%;
        text-align:center;
    }
}
@media (max-width:1200px) {
    #business .business_wrap {
        gap:30px;
    }
    #business .business_wrap .business_box {
        width:calc(50% - 15px);
        gap:20px;
        padding:20px;
    }
    #business .business_wrap .business_box .business_list {
        padding:20px;
        gap:10px;
    }
    #business .business_wrap .business_box .business_list .list_box ul li {
        font-size:1rem;
    }
}
@media (max-width:1024px) {
    #business .business_wrap {
        flex-direction:column;
        gap:20px;
    }
    #business .business_wrap .business_box {
        width:100%;
    }
}
@media (max-width:991px) {}
@media (max-width:768px) {}
@media (max-width:640px) {

}
@media (max-width:580px) {
    #business .business_wrap .business_box .business_title {
        gap:10px;
        align-items: center;
    }
    #business .business_wrap .business_box .business_title .team_point {
        display:none;
    }
    #business .business_wrap .business_box .business_list {
        flex-direction:column;
    }
    #business .business_wrap .business_box .business_list .list_box {
        width:100%;
    }
    #business .business_wrap .business_box .business_list .list_box ul.half li {
        width:100%
    }


    #business .business_wrap .business_box .business_title .team_call {
        padding:8px 20px;
    }
    #business .business_wrap .business_box .business_title .team_call img {
        width:20px;
    }
    #business .business_wrap .business_box .business_title .team_call .call_num {
        font-size: 1rem;
    }
}

@media (max-width:480px) {
    #business .business_wrap .business_box {
        border-radius: 40px;
    }
}