/* BASIC css start */
#footer {margin-top:80px;position:relative;background-color:#ececec;}
#footer .footerNavArea{height:40px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;background-color:#fff;}
#footer .footerNavArea .footerNav {margin:0 auto;position:relative;width:1200px;height:100%;}
#footer .footerNavArea .footerNav:after { display:block; clear:both; content:'' }
#footer .footerNavArea .leftMenu { float:left;padding-top:11px;}
#footer .footerNavArea .leftMenu a{display:inline-block;padding:0 15px;font-weight:400;height:18px;line-height:18px;position:relative;color:#777;}
#footer .footerNavArea .leftMenu a:first-child{padding-left:0;}
#footer .footerNavArea .bar{position:absolute;top:3px;left:0;width:1px;height:11px;background-color:#ececec;display:inline-block;}
#footer .footerNavArea .rightMenu{float:right;padding-top:10px;}
#footer .footerNavArea .rightMenu a{display:inline-block;color:#777;font-weight:400;line-height:20px;}
#footer .footerNavArea .rightMenu .fa{font-size:20px;color:#383838;margin-left:5px;vertical-align:top;}


#footer .footerShopInfoArea{margin:0 auto;position:relative; width:1200px;padding:35px 0 45px;}
#footer .footerShopInfoArea:after { display:block; clear:both; content:'' }
#footer .footerShopInfoArea .info-bx{float:left;}
#footer .footerShopInfoArea .info-bx, #footer .footerShopInfoArea .info-bx a{color:#777;font-weight:400;line-height:1.9;}
#footer .footerShopInfoArea .info-bx h4 { font-size:15px;font-weight:500;color:#383838;}
#footer .footerShopInfoArea .info1 {width:52%;}
#footer .footerShopInfoArea .info2 { width:21%;}
#footer .footerShopInfoArea .info2 .tel-num {font-size:25px;color:#ff2626;font-weight:400;line-height:1.3;}
#footer .footerShopInfoArea .info3 { width:27%}
/* 푸터 전체 글꼴 Noto Sans 일괄 적용 */
#footer,
#footer * {
    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif !important;
    font-style: normal;
}
/* 기존 asideMenu 위로가기 버튼은 숨김 */
.asideMenu .topBtn {
    display: none !important;
}

.footerNavArea .footerNav #contentWrapper { display: none !important; }

/* 플로팅 위로가기 버튼 기본 스타일 */
.floating-up-btn {
    position: fixed;
    right: 30px;
    bottom: 30px;
    width: 72px;        /* 버튼 이미지 크기에 맞춰 조정 */
    height: 72px;       /* 버튼 이미지 크기에 맞춰 조정 */
    z-index: 9999;
    display: block;
    text-decoration: none;

    background-image: url('/design/keepaw/icons/keepaw_logo-paw-02.png');
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;

    /* 마우스 커서 & 부드러운 호버 효과 */
    cursor: pointer;
    transition: transform 0.25s ease, opacity 0.25s ease;
    opacity: 0.9; /* 살짝 투명도 */
}

/* 호버 시 살짝 커지면서 선명하게 */
.floating-up-btn:hover {
    transform: translateY(-3px);
    opacity: 1;
}

/* "UP" 텍스트 */
.floating-up-btn__text {
    position: absolute;
    font-family: 'Noto Sans KR', 'Noto Sans', sans-serif;
    font-weight: 500;
    font-size: 14px;
    letter-spacing: 0.08em;
    color: #ffffff;
    text-shadow: 0 0 4px rgba(0, 0, 0, 0.45);

    /* 🔧 기본값: 중앙 위치 (원하면 여기부터 조절하면 됨) */
    top: 65%;
    left: 55%;
    transform: translate(-50%, -50%);
}

/* 모바일에서 살짝 줄이기 */
@media (max-width: 768px) {
    .floating-up-btn {
        right: 16px;
        bottom: 16px;
        width: 60px;
        height: 60px;
    }

    .floating-up-btn__text {
        font-size: 12px;
    }
}

/* BASIC css end */