/* ========================================
   FOOTER CSS
======================================== */
/* footer */
.project_wrap footer { 
    position: relative;
    width: 100%;
    min-height: 200px;
    background-color: #222222;
    background-size: cover;
}

.project_wrap footer .inner_wrap { 
    position: absolute; 
    top: 50%; 
    left: 50%;
    transform: translate(-50%, -50%);
    max-width: 1280px;
    width: 90%; 
}

.project_wrap footer .inner_wrap .text_box ul { 
    padding-top: 20px; 
    margin-top: 20px; 
    border-top: 1px solid #fff; 
    display: flex; 
    flex-wrap: wrap;
    list-style: none;
    padding-left: 0;
}

.project_wrap footer .inner_wrap .text_box ul li { 
    font-size: 16px; 
    color: #fff;
}

.project_wrap footer .inner_wrap .text_box a {
    float: right; 
    color: white; 
    margin-right: 1%;
    text-decoration: none;
}

/* Footer 반응형 - 모바일 */
@media only screen and (max-width:768px){
    /* footer */
    .project_wrap footer { 
        height: 120px; 
        background-color: #222222;
        background-size: cover;
    }
    
    .project_wrap footer .fLogo { 
        width: 70px; 
    }
    
    .project_wrap footer .inner_wrap { 
        top: 50%; 
        left: 5%; 
        transform: translateY(-50%);
        width: 90%;
        max-width: none;
    }
    
    .project_wrap footer .inner_wrap .text_box ul { 
        padding-top: 5px; 
        margin-top: 5px; 
    }
    
    .project_wrap footer .inner_wrap .text_box ul li { 
        font-size: 10px; 
    }
    
    .project_wrap footer .inner_wrap .text_box a {
        font-size: 10px; 
        float: right; 
        color: white; 
        margin-right: 1%;
    }
}