@charset "utf-8";

footer {
    background-color: var(--navy);
    display: flex;
    padding: 30px 2%;
    gap: 60px;
}
footer .logo {
    display: block;
    width: 140px;
}
footer .text_wrap {
    padding-top: 2px;
    display: flex;
    flex-direction: column;
    gap: 80px;
}
footer .text_wrap .top_wrap {
    display: flex;
    flex-direction: column;
    gap: 8px;
}
footer .text_wrap .top_wrap .info {
    display: flex;
    align-items: center;
    gap: 4px;
}
footer .text_wrap .top_wrap .info span {
    color: var(--white);
    font-size: 14px;
}
footer .text_wrap .bottom_wrap {
    color: var(--white);
    font-size: 14px;
}

footer.en .text_wrap .top_wrap {
    gap: 8px;
}

footer.en .text_wrap .top_wrap .info {
    color: var(--white);
    font-size: 14px;
    line-height: 1.2;
}

@media screen and (max-width: 768px) {
    footer {
        flex-direction: column;
        gap: 20px;
    }
    footer .logo {
        width: 100px;
    }
    footer .text_wrap {
        gap: 20px;
    }
    footer .text_wrap .top_wrap {
        gap: 4px;
    }
    footer .text_wrap .top_wrap .info {
        font-size: 10px;
        flex-wrap: wrap;
    }
    footer.en .text_wrap .top_wrap {
        gap: 4px;
    }
    footer.en .text_wrap .top_wrap .info {
        font-size: 10px;
    }
    footer .text_wrap .top_wrap .info span ,
    footer .text_wrap .bottom_wrap {
        font-size: 10px;
        flex-shrink: 0;
    }
}