/* BASIC css start */
#footer {
    margin-top: 100px;
    padding: 50px 20px 50px;
    background: #F6F6F6;}
#footer .footerTop { display:flex; justify-content:space-between; align-items:center }

#footer .footerTop .Brandlogo{
    display: flex
;
    align-items: center;
    justify-content: space-between;}
#footer .footerTop .Brandlogo a{}
#footer .footerTop .Brandlogo a.mh{display: flex;}
#footer .footerTop .Brandlogo a.mh img{width:130px}
#footer .footerTop .Brandlogo a.butter{}
#footer .footerTop .Brandlogo a.butter img{margin-top: -5px;width: 85px;}
#footer .footerTop .Brandlogo a.kids{display: inline-block; margin-top: -2px;}
#footer .footerTop .Brandlogo a.kids img{width: 39px;margin-top: -2px;}
#footer .footerTop .Brandlogo a img{}
#footer .footerTop .Brandlogo a .bar{
    width: 1px;
    height: 18px;
    background: #717171;
    font-size: 0;
    display: inline-block;
    vertical-align: top;
    margin:-3px 14px;}
    
#footer .footerCSInfo { padding-top:30px }
#footer .footerCSInfo h3 { 
    margin-bottom: 10px;
    font-size: 16px;
    color: #000;
    font-weight: 600; }
#footer .footerCSInfo .cs_center {display: flex;align-items: flex-end;}
#footer .footerCSInfo .cs_center h4 a { 
    font-size: 30px;
    color: #000;
    font-weight: 600;
    line-height: 1;
    display: block;
    letter-spacing: -1.5px;}
    
    
#footer .footerCSInfo .cs_center p {font-size: 14px;color: #9E9E9E;margin-left: 10px;letter-spacing: -1px;}
#footer .footerNav{margin: 30px 0 20px;}
#footer .footerNav ul {
    display: flex;
    width: 100%;
    vertical-align: top;
    justify-content: flex-start;
    gap: 15px; }
#footer .footerNav li { margin-bottom:10px }
#footer .footerNav li a {
    display: block;
    font-size: 14px;
    color: #6A6A6A;
    font-weight: 500;
    line-height: 1;}
    
    
#footer .footerNav li a b {color:#000; font-weight:bold;}
#footer .footerShopInfo { _padding-top:20px }
#footer .footerShopInfo ul{display:none;padding: 10px 0 0 5px;}
#footer .footerShopInfo h4{
    font-size: 14px;
    color: #000;
    font-weight: 500;
    line-height: 1;
    position: relative;
    display: inline-block;
    padding-right: 20px;}

#footer .footerShopInfo h4.on::after{
    content: "off";
    background: url(/design/mhmall2023/2025_renewal/pc/img/sidebar_top.png) no-repeat;
    font-size: 0;
    display: block;
    position: absolute;
    right: 0;
    background-size: contain;
    width: 9px;
    height: 10px;
    top: 5px;}
#footer .footerShopInfo h4::after{
    content: "off";
    background: url(/design/mhmall2023/2025_renewal/pc/img/sel_arrow.png) no-repeat;
    font-size: 0;
    display: block;
    position: absolute;
    right: 0;
    background-size: contain;
    width: 9px;
    height: 10px;
    top: 5px;}

#footer .footerShopInfo li { 
    display: block;
    margin-bottom: 5px;
    font-size: 12px;
    line-height: 1;
    color: #6A6A6A;}
#footer .footerShopInfo li:after { display:none; margin-left:5px; width:1px; height:11px; background:#717171; content:'' }
#footer .footerShopInfo li.af_none:after { display:none }
#footer .footerCertify { display:flex; margin-top:18px; overflow:hidden }
#footer .footerCertify span { display:inline-block; padding-right:15px }
#footer .footerCertify .txt_des { font-size:10px; color:#717171 }
#footer .footerCertify .txt_des a { display:block; margin-top:3px; font-size:10px; color:#717171; font-weight:600 }
#footer .foterCopy { padding-top:34px; font-size:10px; color:#717171 }

/* 하단 고정 버튼 */
.section_fixedFooter .btn_toggle_area {width: 100%; height: 44px; position: relative;}
.section_fixedFooter .btn_toggle_area .btn_up {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; right:10px;}
.section_fixedFooter .btn_toggle_area .btn_fixedFooter {width:33px; height:33px; line-height:33px; display: block; border:2px solid rgba(88, 86, 86, 0.59); background-color:rgba(104, 108, 111, 0.8); text-align:center; border-radius:30px; color:#fff; position: absolute; top:0; left:10px;}
/* //하단 고정 버튼 */
/* 하단 고정 메뉴 */
.section_fixedFooter {width:100%; position:fixed; bottom:0px; right:0px; left:0;}
.section_fixedFooter .section_fixedFooter_dn {display:none; box-shadow: 0 0 10px 1px #404040; border-top: 1px solid #C1C1C1;}
.section_fixedFooter .footerInfo {background-color:#fff;}
.section_fixedFooter .footerInfo .footerInfoTop {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopLeft .tel {color:#f1494d; font-size:1.500em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoTop .footerInfoTopRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerInfo .footerInfoBottom {border-bottom:1px solid #b3b3b3; padding:20px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft {float:left;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomLeft dt {font-size: 1.3em; margin-bottom:6px;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight {width:70px; height:70px; border-radius:35px; background-color:#3c3c3c; display: table; text-align:center; float:right;}
.section_fixedFooter .footerInfo .footerInfoBottom .footerInfoBottomRight a { color:#fff; display: table-cell; vertical-align: middle;}
.section_fixedFooter .footerMiddle {background-color:#3e4347; text-align:center; padding:12px 0; clear: both;}
.section_fixedFooter .footerMiddle a {width:25%; display:inline-block; border-left:1px solid #A2A2A2; color:#fff; margin-left: -1px;}
/* //하단 고정 메뉴 */

/* BASIC css end */