/* BASIC css start */
#footer { position: relative; margin: 50px 0 0; width:100%; box-sizing:border-box; padding:20px; border-top:1px solid #f2f4f6; }

#footer .footerTop{width: 100%; border: 1px solid #000; text-align: center; margin: 30px 0 50px;} 
#footer .footerTop a{ vertical-align: top; font-size: 16px; padding: 10px 0; display: block; font-weight: bold; letter-spacing: 2px;}  

#footer .agreeButton { display:flex; }
#footer .agreeButton > ul { display:grid; width:50%; }
#footer .agreeButton > ul li { margin-bottom:10px; }
#footer .agreeButton > ul li:last-child { margin-bottom:0; }
#footer .agreeButton > ul li a { display:block; font-size:13px; line-height:22px; font-weight:400; }
#footer .confirm img { width:98px; }
#footer .footerbottom{padding: 0px 5px; font-size: 0;}
#footer .footerbottom a{display: inline-block; border: 1px solid #e6e6e6; height: 30px; line-height: 30px; margin: 0 5px 10px; border-radius: 3px; box-sizing: border-box; color: #7c7c7c; font-size: 0.8rem; font-family: 'Noto Sans KR', sans-serif; text-align: center;
  width : 95%; /* calc() 를 지원하지 않는 브라우저를 위한 fallback */
  width : -webkit-calc(100%/3 - 10px); /* WebKit */
  width : -moz-calc(100%/3 - 10px); /* Firefox */
  width : -ms-calc(100%/3 - 10px); /* MS Explorer */
  width : -o-calc(100%/3 - 10px); /* Opera */
  width : calc(100%/3 - 10px); /* Standard */ }

#footer .footer_info:after{display:block; content:''; clear:both}
#footer .footer_info div{ float: left; width: 50%; color: #000;}
#footer .footer_info div h3{ margin: 4px 0 15px; color: #424242; font-size: 1.05rem; }
#footer .footer_info .tel{font-size: 1.5rem; font-weight: bold; margin-bottom: 17px; word-break: break-word; line-height: 24px; }
#footer .footer_info > p{ float: left; width: 50%; color: #424242; font-size: 0.85rem; line-height: 18px;}

#footer address { margin: 30px 0 20px; color:#6b7684; font-size:11px; letter-spacing:0.33px; line-height: 190%; }
#footer address a { color:#6b7684; border-bottom:1px solid #757575; color:#6b7684; font-size:11px; }

#footer .copy { margin:10px 0; color:#b0b8c1; font-size:11px; letter-spacing:0.33px; }
#footer .copyInfo { font-size:10px; color:#222; padding-bottom:30px; }
/* sns */
.footer_sns:after{display:block; content:''; clear:both}
.footer_sns li{ float: left; margin-right:8px}
.footer_sns li img{ width: 42px;}

/* 플러팅 */
.section_fixedFooter { position:fixed; bottom:25px; right:15px; z-index:99; }
.section_fixedFooter .btn_toggle_area { position: relative; z-index:99; }
.section_fixedFooter .btn_toggle_area div img{width:45px;}
  
.section_fixedFooter .btn_toggle_area > div a { display:block; width:40px; height:40px; background:#fff; border-radius:100%; margin-top:6px; box-shadow: 0 0 12px rgba(0, 0, 0, 0.3); }
.section_fixedFooter .btn_toggle_area > div.kakao a { background-color: #eedd44; background-image: url(/design/mpmall2025/Img/icon_kakao.png); background-repeat:no-repeat; background-position:13px 14px; background-size:15px; } 
.section_fixedFooter .btn_toggle_area > div.recent a { background-image: url(/design/mpmall2025/Img/icon_recent.png); background-repeat:no-repeat; background-position:10px; background-size:20px;  } 
.section_fixedFooter .btn_toggle_area > div.btn_up a { background-image: url(/design/mpmall2025/Img/icon_up.png); background-repeat:no-repeat; background-position:10px; background-size:20px; } 



/* BASIC css end */