﻿a {
    text-decoration: none;
}

ul {
    list-style: none;
}

/* PC */
@media screen and (min-width: 751px) {

    /* foot1 */
    .footer_menu_container {
        border-top: 1px solid #E5E5E5;
        padding: 20px 0 28px;
        display: flex;
        justify-content: space-between;
    }

    .footer_menu_container .about_box {
        width: 233px;
    }

    .footer_menu_container .about_box .logo {
        width: 100%;
        height: auto;
    }

    .footer_menu_container .about_box .about_content {
        width: 100%;
        line-height: 24px;
        padding-top: 16px;
        border-top: 1px solid #E5E5E5;
        margin-top: 8px;
        font-size: 16px;
        color: #0E0E0E;
    }

    .footer_menu_title {
        font-size: 16px;
        color: #000000;
    }

    .about_link_item {
        font-size: 14px;
        color: #000000;
        cursor: pointer;
        display: block;
        margin-top: 30px;
        width: 180px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .services_list {
        padding-right: 48px;
    }

    .services_item {
        height: 30px;
        line-height: 30px;
        margin-top: 26px;
    }

    .services_icon {
        width: 30px;
        height: 30px;
        margin-right: 6px;
    }

    /* foot2 */
    .footer_container {
        width: 100%;
        background: #ECECEC;
    }

    .footer_content {
        padding: 30px 0 33px;
    }

    .footer_link_title {
        font-size: 16px;
        color: #000000;
        text-align: center;
    }

    .footer_link_list {
        padding: 30px 0;
        border-bottom: 1px solid #D2D2D2;
        display: flex;
        flex-wrap:wrap;
        gap: 20px 64px;
    }

    .footer_link_item {
        font-size: 14px;
        color: #000000;
        cursor: pointer;
        width: 185px;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
    }

    .footer_copyright {
        padding-top: 27px;
        text-align: center;
        font-size: 14px;
        color: #454545;
        line-height: 29px;
    }
}

/* MB */
@media screen and (max-width: 750px) {

    /* foot1 */
    .footer_menu_container {
        border-top: 1px solid #E5E5E5;
        padding: 2.3rem 2.2rem 2rem;
        display: flex;
        justify-content: space-between;
    }

    .footer_menu_container .about_box {
        width: 42rem;
    }

    .footer_menu_container .about_box .logo {
        width: 14rem;
        height: auto;
    }

        .footer_menu_container .about_box .about_content {
            width: 100%;
            line-height: 24px;
            padding-top: 16px;
            border-top: 1px solid #E5E5E5;
            margin-top: 8px;
            font-size: 2.6rem;
            color: #0E0E0E;
        }

    .footer_menu_title {
        font-size: 16px;
        color: #000000;
    }

    .about_link_list {
        display: none;
    }

    .about_link_item {
        font-size: 14px;
        color: #000000;
        cursor: pointer;
        display: block;
        margin-top: 30px;
    }

    .services_item {
        height: 30px;
        line-height: 30px;
        margin-top: 26px;
    }

    .services_icon {
        width: 30px;
        height: 30px;
        margin-right: 10px;
    }

    /* foot2 */
    .footer_container {
        width: 100%;
        background: #ECECEC;
    }

    .footer_content {
        padding: 2rem 0;
    }

    .footer_link_title {
        font-size: 16px;
        color: #000000;
        text-align: center;
    }
    
    .footer_link_list {
        padding: 30px 0;
        border-bottom: 1px solid #D2D2D2;
        display: flex;
        gap: 20px 64px;
    }

    .footer_link_item {
        font-size: 14px;
        color: #000000;
        cursor: pointer;
    }

    .footer_content div:not(.footer_copyright) {
        display: none;
    }

    .footer_copyright {
        padding-top: 2rem;
        text-align: center;
        font-size: 2.4rem;
        color: #454545;
        line-height: 4rem;
    }

    .footer_copyright p {
        font-size: inherit;
        line-height: inherit;
    }
}
