@media (max-width: 1620px) {

    .float-menu-ver2,
    .float-menu-ver2 .float-top-btn {
        right: 51%;
    }
}

@media (max-width: 1600px) {

    .float-menu-ver2,
    .float-menu-ver2 .float-top-btn {
        display: none;
    }
}

@media (max-width: 1240px) {

    header .inner,
    footer .inner {
        padding: 0px 20px;
    }
}

@media (max-width: 1040px) {
    body.menu-open {
        overflow: hidden;
    }

    .inner {
        max-width: 100%;
        padding: 20px;
    }

    #header .inner {
        position: relative;
    }

    /* 햄버거 */
    .menu-toggle {
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        gap: 6px;

        width: 32px;
        height: 32px;

        border: 0;
        padding: 0;
        background: none;

        cursor: pointer;
    }

    .menu-toggle span {
        display: block;

        width: 24px;
        height: 2px;

        background: #212529;

        transition: all .3s ease;
    }

    /* X */
    .menu-toggle.active span:nth-child(1) {
        transform: translateY(8px) rotate(45deg);
    }

    .menu-toggle.active span:nth-child(2) {
        opacity: 0;
    }

    .menu-toggle.active span:nth-child(3) {
        transform: translateY(-8px) rotate(-45deg);
    }

    /* 메뉴 */
    .nav {
        position: fixed;

        top: var(--header-height);
        left: 0;

        width: 100%;
        height: calc(100vh - var(--header-height));

        background: #fff;

        overflow-y: auto;

        opacity: 0;
        visibility: hidden;

        transition: .3s ease;

        z-index: 999;
    }

    .nav.active {
        opacity: 1;
        visibility: visible;
    }

    #header .gnb {
        display: block !important;
        padding: 0 20px;
    }

    #header .gnb li {
        display: block !important;

        border-bottom: 1px solid #ECECEC;
    }

    #header .gnb li a {
        display: block;

        padding: 22px 0;

        color: #212529;
        text-align: left;

        font-size: 16px;
        font-weight: 500;
    }

    #header .gnb {
        display: none;
    }

    /* footer */
    .footer .inner {
        padding: 0px 20px;
    }

    .footer-top ul {
        display: flex;
        align-items: center;
        gap: 20px;
        padding: 8px 0px;
    }

    .footer-top ul li:first-child a {
        padding-left: 0px;
    }

    .footer-top ul li a {
        padding: 8px;
    }

    .footer-bottom {
        padding: 32px 0px;
    }

    .footer-bottom-wrap {
        display: flex;
        flex-direction: column;
        gap: 20px;
    }

    .footer-company p {
        display: flex;
        flex-wrap: wrap;
        align-items: center;
        gap: 8px;
        margin-bottom: 10px;

        font-size: var(--fs-xs);
        color: var(--wf-600);
    }

    .footer-company p:last-child {
        margin-bottom: 0;
    }

    .footer-company strong {
        font-weight: 500;
        color: var(--wf-800);
    }

    .footer-cs {
        text-align: left;
    }

    .footer-cs-title {
        margin-bottom: 0px;
    }

    .footer-cs-tel {
        display: block;
        margin-bottom: 12px;

        font-size: var(--fs-xl);
    }
}

@media (max-width: 768px) {
    #header {
        height: 60px;
    }

    #header .logo img {
        height: 44px;
    }

    .nav {
        top: 60px;
    }

    body {
        padding-top: 60px;
    }
}

@media (max-width: 375px) {

    header .inner,
    footer .inner {
        padding: 0px 16px;
    }
}