@charset "utf-8";




#client_location {}
#client_location .client_location_map {
    position:relative;
}
#client_location .client_location_map .client_location_map_view {
    height:510px;
    border:1px solid #ddd;
}
#client_location .client_location_map .client_location_map_info {
    width:96%;
    margin:0 auto;
    max-width:870px;
    padding:30px 80px 15px;
    background-color:#fff;
    box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.15);
    position:absolute;
    left:50%;
    bottom:-60px;
    transform:translateX(-50%);
    display:flex;
    flex-wrap: wrap;
    z-index:1;
}
#client_location .client_location_map .client_location_map_info .map_info_box {
    display:flex;
    flex-wrap: wrap;
    align-items:flex-start;
    margin-bottom:15px;
    width:100%;
}
#client_location .client_location_map .client_location_map_info .map_info_box:nth-child(2),
#client_location .client_location_map .client_location_map_info .map_info_box:nth-child(3) {
    width:50%;
}
#client_location .client_location_map .client_location_map_info .map_info_box .map_info_T {
    font-weight:bold;
    width:50px;
}
#client_location .client_location_map .client_location_map_info .map_info_box .map_info_ti {
    letter-spacing:-0.45px;
}
#client_location .client_location_map .client_location_map_info .info_call::before {
    background-image:url(./img/call.png)
} 
#client_location .client_location_map .client_location_map_info .info_fax::before {
    background-image:url(./img/fax.png)
} 


#client_location .client_location_way {
    margin-top:135px;
    display:flex;
    align-items: flex-start;
    width:100%;
}
#client_location .client_location_way .location_way_Tit {
    display:flex;
    align-items: flex-start
}
#client_location .client_location_way .location_way_Tit::after {
    content:'';
    width:1px;
    height:160px;
    background-color:#ddd;
    display:inline-block;
    margin:0 50px;
}
#client_location .client_location_way .location_way_Tit img {}
#client_location .client_location_way .location_way_Tit p {
    font-size:1.22rem;
    font-weight:600;
    letter-spacing:-0.22px;
    margin-left:30px;
}
#client_location .client_location_way .location_way_box {
    flex:1;
}
#client_location .client_location_way .location_way_box h4 {
    font-size:1.11rem;
    font-weight:600;
    letter-spacing:-0.2px;
    margin-bottom:10px;
}
#client_location .client_location_way .location_way_box p {
    letter-spacing:-0.18px;
    line-height:1.78;
}
#client_location .client_location_way .location_way_box p {
    letter-spacing:-0.18px;
    line-height:1.78;
    position:relative;
    padding-left:10px;
    margin-top:5px;
}
#client_location .client_location_way .location_way_box p::before {
    content:'';
    width:5px;
    height:1px;
    background-color:#222;
    position:absolute;
    left:0;
    top:14px;
}


#client_location .client_location_ment {
    text-align:center;
    margin-top:100px;
}
#client_location .client_location_ment .client_location_ment_T {
    font-size:1.22rem;
    font-weight:600;
    letter-spacing:-0.22px;
    display:inline-block;
    position:relative;
}
#client_location .client_location_ment .client_location_ment_T::before,
#client_location .client_location_ment .client_location_ment_T::after {
    content:'';
    width:24px;
    height:21px;
    background-repeat:no-repeat;
    background-size:100% 100%;
    position:absolute;
    top:-5px;
}
#client_location .client_location_ment .client_location_ment_T::before {
    background-image:url(./img/left_dot.png);
    left:-40px;
}
#client_location .client_location_ment .client_location_ment_T::after {
    background-image:url(./img/right_dot.png);
    right:-40px;
}
#client_location .client_location_ment .client_location_ment_T span {
    font-size:1.33rem;
    letter-spacing:-0.24px;
    color:#004ea2;
}
#client_location .client_location_ment .client_location_ment_ti {
    font-size:1.22rem;
    font-weight:600;
    letter-spacing:-0.22px;
    margin-top:30px;
    line-height:1.77;
}


/*---------------반응형 미디어쿼리----------------*/

@media (max-width:1440px) {}

@media (max-width:1200px) {}

@media (max-width:1024px) {
    #client_location .client_location_map .client_location_map_info {
        padding:20px 30px 5px;
    }
    #client_location .client_location_way .location_way_Tit::after {
        margin:0 30px;
    }
    #client_location .client_location_map .client_location_map_info .map_info_box:nth-child(2), 
    #client_location .client_location_map .client_location_map_info .map_info_box:nth-child(3) {
        width:100%;
    }
    #client_location .client_location_map .client_location_map_info .map_info_box .map_info_T {
        width:40px;
    }
}

@media (max-width:991px) {
    #client_location .client_location_map .client_location_map_info .map_info_box .map_info_ti {
        width:100%;
    }
}

@media (max-width:768px) {
    #client_location .client_location_way {
        flex-wrap: wrap;
    }
    #client_location .client_location_way .location_way_Tit {
        margin-bottom:20px;
        padding-bottom:20px;
        position:relative;
        flex:1;
        justify-content:center;
    }
    #client_location .client_location_way .location_way_Tit::after {
        width:100%;
        max-width:320px;
        height:2px;
        margin:0;
        position:absolute;
        left:50%;
        bottom:0;
        transform:translateX(-50%);
    }
    #client_location .client_location_way .location_way_box {
        flex:none;
        width:100%;
    }
    #client_location .client_location_ment .client_location_ment_T {
        padding:0 20px;
    }
    #client_location .client_location_ment .client_location_ment_T::before,
    #client_location .client_location_ment .client_location_ment_T::after {
        width:20px;
        height:17px;
    }
    #client_location .client_location_ment .client_location_ment_T::before {
        left:-10px;
    }
    #client_location .client_location_ment .client_location_ment_T::after {
        right:-10px;
    }
}

@media (max-width:480px) {}

@media (max-width:400px) {}

@media (max-width:320px) {}