@import url("common_footer.css");

.drawer {
    position: fixed;
    top: 50%;
    right: 0;
    transform: translateY(-50%);
    z-index: 1;
}
.fl_wrap {
    overflow: hidden;
    border-top-left-radius: 72px;
    border-bottom-left-radius: 72px;
    box-shadow: 0px 4px 4px 0px rgba(0, 0, 0, 0.25);
}
.fl_wrap .fl_link {
    position: relative;
    display: block;
    width: 7.313rem;
    height: 9.375rem;
    padding-top: 5.8rem;
    font-family: "Inter";
    font-weight: 500;
    text-align: center;
    color: #000;
    font-size: 0.875rem;
    line-height: 1.063rem;
    letter-spacing: 0.02rem;
    background-repeat: no-repeat;
    background-size: 3.375rem;
    background-position: center 2.375rem;
    border-top: 1px solid #fff;
    box-sizing: border-box;
}
.fl_wrap .fl_link:nth-child(1) {
    padding-top: 6.175rem;
    color: #fff;
    border-top: 0;
    background-color: #3c5f63;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='43' fill='none'%3E%3Cpath fill='%23fff' d='M0 43V18.105L16.875 6.79 33.75 18.105V43H22.5V27.158H11.25V43H0ZM54 0v43H38.25V15.684L36 14.19V9.053h-4.5v2.104l-9-6.02V0H54Zm-6.75 27.158h-4.5v4.526h4.5v-4.526Zm0-9.053h-4.5v4.527h4.5v-4.527Zm0-9.052h-4.5v4.526h4.5V9.053Z'/%3E%3C/svg%3E");
}
.fl_wrap .fl_link:nth-child(2) {
    padding-top: 6.2rem;
    background-position-y: 2.2rem;
    background-color: #e7e5e8;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='54' height='54' fill='none'%3E%3Cpath fill='%23000' d='M13.429 0H40.57c1.44 0 2.821.569 3.839 1.582A5.385 5.385 0 0 1 46 5.4v43.2a5.385 5.385 0 0 1-1.59 3.818A5.443 5.443 0 0 1 40.571 54H13.43c-1.44 0-2.821-.569-3.839-1.582A5.386 5.386 0 0 1 8 48.6V5.4c0-1.432.572-2.806 1.59-3.818A5.443 5.443 0 0 1 13.429 0Zm0 5.4v10.8H40.57V5.4H13.43Zm0 16.2V27h5.428v-5.4H13.43Zm10.857 0V27h5.428v-5.4h-5.428Zm10.857 0V27h5.428v-5.4h-5.428ZM13.429 32.4v5.4h5.428v-5.4H13.43Zm10.857 0v5.4h5.428v-5.4h-5.428Zm10.857 0v5.4h5.428v-5.4h-5.428ZM13.429 43.2v5.4h5.428v-5.4H13.43Zm10.857 0v5.4h5.428v-5.4h-5.428Zm10.857 0v5.4h5.428v-5.4h-5.428Z'/%3E%3C/svg%3E");
}
.fl_wrap .fl_link:nth-child(3) {
    padding-top: 5.5rem;
    background-position-y: 1.438rem;
    background-size: 3.672rem 3.375rem;
    background-color: #ffbb00;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='59' height='54' fill='none'%3E%3Cpath fill='%23000' d='M29 2C14.088 2 2 11.554 2 23.346c0 7.673 5.119 14.397 12.807 18.16-.566 2.105-2.045 7.637-2.34 8.82-.367 1.468.535 1.448 1.131 1.055.464-.31 7.398-5.027 10.39-7.06 1.627.239 3.299.366 5.012.366 14.912 0 27-9.554 27-21.34C56 11.558 43.912 2 29 2Zm16.742 27.607-3.665-4.997-.836.673v3.773c0 1.122-2.855 1.122-2.855 0 0-.709.06-10.293.035-11.354-.015-.586.735-.887 1.469-.887.683 0 1.356.265 1.371.81.04 1.439 0 4.039 0 4.039s4.135-4.14 4.726-4.726c.607-.607 2.488 1.29 1.881 1.891-1.04 1.035-3.68 3.89-3.68 3.89l3.89 5.124c.739.979-1.591 2.742-2.33 1.764h-.005ZM25.12 17.64c.495 1.05 3.192 8.473 3.977 10.533.545 1.443-2.09 2.442-2.641 1-.673-1.785-.5-1.861-.5-1.861h-5.082l-.556 1.942c-.592 1.361-3.15.25-2.554-1.111.82-1.887 3.288-8.999 3.971-10.503.27-.596.908-.836 1.56-.836.79 0 1.601.347 1.83.836h-.005Zm-6.51-.836c1.728 0 1.728 2.718 0 2.718-1.835 0-2.763-.006-2.763-.006l-.01 9.33c0 1.295-2.886 1.28-2.886-.02.015-1.78 0-9.412 0-9.412h-2.779c-1.631 0-1.636-2.66 0-2.666 0 0 6.506.056 8.453.056h-.015Zm11.47 11.486-.014-10.206c0-.852.749-1.275 1.504-1.275.754 0 1.498.423 1.504 1.27 0 1.748-.006 8.957-.006 8.957s2.381.015 3.691.015 1.31 2.779.005 2.779c-1.305 0-4.251.015-5.577.015-1.325 0-1.106-1.55-1.106-1.55v-.005Z'/%3E%3Cpath fill='%23000' d='m25.008 24.753-1.545-4.843-1.677 4.843h3.222Z'/%3E%3C/svg%3E");
}

@media (max-width: 1300px) {
    .wrap_in_pc {
        display: none;
    }
    .wrap_in_mo {
        display: block;
    }
    .fix-banner {
        width: 90%;
    }
    .fix-banner .wrap {
        padding: 15px;
        line-height: 1.2em;
    }
    .fix-banner .wrap p {
        width: 50%;
        font-size: 14px;
    }
    .fix-banner .btn_bform {
        width: 20%;
        padding: 5px 0;
        font-size: 14px;
    }

    #footer .footer_wrap {
        width: 80%;
    }
    #footer .footer_wrap .footer01 li {
        margin-right: 2%;
    }
    #footer .footer_wrap .footer02 {
        margin-bottom: 34px;
    }
    #footer .footer_wrap .footer02 p {
        margin-bottom: 0;
    }
    #footer .footer_wrap .footer_conLogo {
        position: static;
    }
    #footer .footer_wrap .footer_conLogo > img {
        left: 50%;
        transform: translateX(-50%);
    }
    #footer .footer_wrap .footer_conLogo div {
        margin-top: 34px;
        margin-bottom: 30px;
    }
    #footer .footer_wrap .footer_conLogo div ul {
        align-items: center;
    }
}

@media (max-width: 400px) {
    .drawer {
        right: 0;
    }
    .drawer.open {
        right: 0; /* 열리면 오른쪽 끝으로 이동 */
    }
    .drawer .fl_wrap {
        transform: translateX(100px);
        transition: opacity 0.5s ease, transform 0.3s ease-in-out;
    }
    .drawer.open .fl_wrap {
        opacity: 1;
        transform: translateX(0);
    }
}