/* BASIC css start */
/* ========================================
   FALLING LAND MOBILE FOOTER
======================================== */

#footer {
    position: relative;
    width: 100%;
    margin: 50px 0 0;
    padding: 0;

    color: #171717;
    background: #f4f1eb;

    border-top: 1px solid #ddd8cf;
}

#footer * {
    box-sizing: border-box;
}

#footer a {
    color: inherit;
    text-decoration: none;
}


/* ========================================
   MAIN FOOTER AREA
======================================== */

.fl-mobile-footer-inner {
    width: 100%;
    padding: 38px 24px 34px;
}


/* ========================================
   FALLING LAND MOBILE FOOTER - 2 COLUMN
======================================== */

#footer .fl-mobile-footer-inner {
    display: grid !important;

    grid-template-columns: 1fr 1fr;
    grid-template-areas:
        "brand cs"
        "guide account";

    column-gap: 32px;
    row-gap: 30px;

    width: 100%;

    padding: 32px 24px 30px;

    background: #f4f1eb;
}


/* ========================================
   POSITION
======================================== */

#footer .fl-mobile-footer-brand {
    grid-area: brand;

    margin: 0 !important;
}

#footer .fl-mobile-footer-cs {
    grid-area: cs;

    margin: 0 !important;
}

#footer .fl-mobile-footer-account {
    grid-area: account;

    margin: 0 !important;
}

#footer .fl-mobile-footer-guide {
    grid-area: guide;

    margin: 0 !important;
}


/* ========================================
   BRAND
======================================== */

#footer .fl-mobile-footer-brand h2 {
    margin: 0 0 10px !important;

    color: #111;

    font-size: 17px !important;
    line-height: 0.95;

    font-weight: 800;

    letter-spacing: -0.5px;
}

#footer .fl-mobile-footer-slogan {
    margin: 0 0 13px !important;

    color: #666;

    font-size: 9px !important;
    line-height: 1.55;
}

#footer .fl-mobile-footer-sns {
    display: flex;

    flex-direction: column;

    gap: 5px;
}

#footer .fl-mobile-footer-sns a {
    font-size: 8px !important;

    color: #444;
}


/* ========================================
   SECTION TITLE
======================================== */

#footer .fl-mobile-footer-section h3 {
    margin: 0 0 10px !important;

    color: #222;

    font-size: 9px !important;
    line-height: 1;

    font-weight: 700;
}


/* ========================================
   CS CENTER
======================================== */

#footer .fl-mobile-footer-phone {
    margin: 0 0 8px !important;
}

#footer .fl-mobile-footer-phone a {
    color: #111 !important;

    font-size: 13px !important;

    font-weight: 700;
}

#footer .fl-mobile-footer-description p {
    margin: 0 0 3px !important;

    color: #777;

    font-size: 8px !important;
    line-height: 1.5;
}


/* ========================================
   NOTICE
======================================== */

#footer .fl-mobile-footer-notice {
    margin: 8px 0 0 !important;

    color: #888;

    font-size: 7px !important;
    line-height: 1.55;
}


/* ========================================
   GUIDE
======================================== */

#footer .fl-mobile-footer-links {
    display: flex;

    flex-direction: column;

    align-items: flex-start;

    gap: 5px !important;
}

#footer .fl-mobile-footer-links a {
    font-size: 8px !important;

    color: #555;
}


/* 기존 GUIDE 가로 구분선 제거 */

#footer .fl-mobile-footer-links a::after {
    display: none !important;
}

/* ========================================
   COMPANY INFO
======================================== */

.fl-mobile-company-area {
    width: 100%;

    padding: 24px 24px 30px;

    border-top: 1px solid #ddd8cf;
}

.fl-mobile-company-info {
    color: #777;

    font-size: 9px;
    line-height: 1.75;
}

.fl-mobile-company-info p {
    margin: 0;
    padding: 0;
}

.fl-mobile-company-name {
    margin: 0 0 8px !important;

    color: #333 !important;

    font-size: 12px !important;
    line-height: 1.3 !important;

    font-weight: 700;
}


/* ========================================
   COPYRIGHT
======================================== */

.fl-mobile-copyright {
    margin: 15px 0 0;

    color: #999;

    font-size: 8px;
    line-height: 1.5;

    font-weight: 400;
}


/* ========================================
   OLD MAKESHOP FOOTER RESET
======================================== */

#footer .footerMiddle,
#footer .footerInfo,
#footer .footerCopy {
    display: none !important;
}


/* ========================================
   VERY SMALL MOBILE
======================================== */

@media screen and (max-width: 360px) {

    .fl-mobile-footer-inner {
        padding-left: 20px;
        padding-right: 20px;
    }

    .fl-mobile-company-area {
        padding-left: 20px;
        padding-right: 20px;
    }

    .fl-mobile-footer-links {
        gap: 8px 14px;
    }

}

/* =========================================================
   FALLING LAND - MOBILE FLOATING SNS
========================================================= */

.fl-mobile-floating-sns {
    position: fixed;
    right: 10px;
    bottom: 25px;
    z-index: 99999;

    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
}

.fl-mobile-floating-sns-btn {
    display: block;
    width: 32px;
    height: 32px;

    margin: 0;
    padding: 0;

    background: #fff;
    border: 0;
    border-radius: 7px;

    overflow: hidden;
    box-sizing: border-box;
    text-decoration: none !important;

    box-shadow: 0 1px 5px rgba(0, 0, 0, 0.10);

    -webkit-tap-highlight-color: transparent;
}

.fl-mobile-floating-sns-btn img {
    display: block;
    width: 100%;
    height: 100%;

    margin: 0;
    padding: 0;

    object-fit: cover;
    border: 0;
}

.fl-mobile-floating-sns-btn:active {
    transform: scale(0.94);
    opacity: 0.85;
}
/* BASIC css end */