/* BASIC css start */
/* 하단 */
#footer { margin-top:110px; padding: 30px 0 40px; position:relative; width:100%; background:#fff; border-top:1px solid #e5e8eb; }
#footer .footer_main { position: relative; width: 1240px; margin: 0 auto; }
#footer .footer_main:after { display:block; clear:both; content:'' }

/* footerLeft */
#footer .footer_main {  }
#footer .footer_main .footerLeft { float:left; }
#footer .footer_main .footerLeft .linkInfo { margin-bottom:20px; }
#footer .footer_main .footerLeft .linkInfo ul{ display:flex; }
#footer .footer_main .footerLeft .linkInfo ul li{ margin-right:26px;}
#footer .footer_main .footerLeft .linkInfo ul li a { font-size: 15px; letter-spacing:0.5px; color:#222; display: block; line-height: 23px; }
#footer .footer_main .copy { margin: 20px 0 12px; color: #b0b8c1; font-size: 14px; letter-spacing:0.7px; }
#footer .footer_main .copyInfo { color: #222; font-size: 13px; letter-spacing:0.7px; }


/* footerRight */
#footer .footer_main .footerRight { float:right; }



#footer .footer_main .tx, .btn_email{ line-height: 23px; color: #6b7684; font-size: 13px; }
#footer .footer_main .tx span{ margin-right: 15px; letter-spacing:0.7px; }
#footer .footer_main .tx span a { 23px; color: #6b7684; text-decoration:underline; }

/* 사업자정보확인 */
.businfo a{ display: inline-block; padding: 0 2px 2px; border-bottom: 1px solid #424242; color: #424242; }
    

/* escrow */
.escrow{position: absolute; right: -173px;}

/*플러팅*/
.floating { 
    position: fixed; 
    bottom: 10%; 
    right: 7%; 
    z-index: 999; 
    visibility: hidden; 
    opacity: 0; 
    transition: visibility 0s, opacity 0.5s linear; 
}

/* 스크롤 시 나타나는 클래스 */
.floating.on { 
    visibility: visible; 
    opacity: 1; 
}

/* --- 개별 버튼 공통 설정 (중앙 정렬의 핵심) --- */
.floating > div a { 
    display: block; 
    width: 48px; 
    height: 48px; 
    background-color: #ffffff; 
    border-radius: 100%; 
    margin-top: 10px; 
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.1); 
    
    /* 배경 설정: 중앙 정렬 + 크기 원본 유지 */
    background-repeat: no-repeat !important;
    background-position: center center !important; 
    background-size: auto !important; /* 🌟 아이콘 크기를 원본대로 시원하게! */
}

/* --- 개별 아이콘 이미지 경로 (오타 완벽 제거) --- */
.floating > div.instar a { 
    background-image: url('/design/mpmall2025/Img/icon_instar.png'); 
}

.floating > div.kakao a { 
    background-color: #eedd44; /* 카카오 전용 노란색 */
    background-image: url('/design/mpmall2025/Img/icon_kakao.png'); 
}

.floating > div.recent a { 
    background-image: url('/design/mpmall2025/Img/icon_recent.png'); 
}

.floating > div.arrow a { 
    background-image: url('/design/mpmall2025/Img/icon_up.png'); 
}
/* BASIC css end */

