/* BASIC css start */
/* ÇÏ´Ü */
#footer { margin: 90px 0 100px;padding:0 24px;position:relative; width:100%;border-top: 1px solid #d9d9d9;letter-spacing:-0.05em;box-sizing: border-box; }
#footer .dn {display:none;}
#footer .ft_cont { }
#footer .ft_cont .desc {display: block;font-size: 12px;color: #555555;}
#footer .ft_nav {padding:20px 0 10px;}
#footer .ft_nav ul {display:flex;}
#footer .ft_nav ul li a {font-size: 13px;color: #000;font-weight:500;}
#footer .ft_nav ul li a::after {content:"";display:inline-block;background-color:#c5c5c5;width:1px;height:10px;margin: 0 10px;}
#footer .ft_nav ul li:last-child a::after {display:none;}

#footer .footerTop { position:relative;}
#footer .footerTop .ft_cont { display: flex; flex-direction: column; }
#footer .footerTop .ft_cont .shopInfo_toggle { font-size: 15px; font-weight: 700; color: #404040; display: flex; justify-content: space-between; align-items: center; padding-bottom: 24.5px; }
#footer .footerTop .ft_cont > strong {font-size: 13px;line-height: 50px;font-weight: 400;}
#footer .footerTop .ft_cont .shopCsInfo .shopTel {color: #555555;}
#footer .footerTop .ft_cont .shopCsInfo p span {display:block;font-size: 12px;}
#footer .footerTop .ft_cont .shopCsInfo .openDate {margin-bottom: 15px;font-size: 12px;color:#7e7e7e;line-height:18px;font-weight: 400;}

#footer .footerBottom {position: relative;border-top: 1px solid #c8c8c8;margin-top: 5px;}
#footer .footerBottom .shopInfo_toggle {display: block;font-size: 11px;font-weight: 600;line-height: 30px;border-bottom: 1px solid #c8c8c8;}
#footer .footerBottom .tgl_btn {position: absolute;right: 10px;top: 5px;}
#footer .footerBottom .tgl_btn img {width:11px;}
#footer .shopInfo {display:none; padding:10px 0;}
#footer .shopInfo p {color:#555555;font-size: 12px;line-height: 18px;}
#footer .shopNav {padding:12px 0;border-bottom: 1px solid #c8c8c8;}
#footer .shopNav ul {display:flex;align-items: center;}
#footer .shopNav ul li {margin-right:12px;}
#footer .shopNav ul li a {font-size: 11px;color: #929292;}
#footer .copy {font-size: 10px;color: #929292;padding-top:10px;}
#footer .sub {font-size: 11px;color: #929292;}

#footer .ft_nav {
    display: flex;
    align-items: center;
}

#footer .multi {
    display: block;
    position: relative;
}

#footer .multi a {
    font-size: 14px;
    color: #222;
    font-weight: 500;
}
#footer .multi > a {
    position: relative;
    padding-right: 15px;
}
#footer .multi > a:before {
    content: "";
    display: block;
    width: 8px;
    height: 5px;
    background: url('/design/enprani/images/main/multi-arrow.png') no-repeat;
    position: absolute;
    right: 0;
    top: 6px;
}
#footer .multi > a.on:before {
    transform: rotate(180deg);
}
#footer .multi ul {
    position: absolute;
    background: #fff;
    border-radius: 10px;
    padding: 8px 26px;
    width: 80px;
    left: -26px;
    top: 25px;
    display: none;
    z-index: 1;
    box-shadow: 1px 3px 8px 0px rgba(0, 0, 0, 0.12);
    box-sizing: border-box;
}
#footer .multi ul li {
    padding: 0;
    margin: 10px 0 0;
    text-align: center;
}

#footer .multi ul li:after {
    display: none;
}

#footer .multi ul li:first-child {
    margin-top: 0;
}
#footer .multi ul li a {
    color: #444;
    line-height: 1;
    font-weight: 500;
    font-size: 14px;
    border-bottom: 1px solid transparent;
}

#footer .multi ul li a:hover {
    border-bottom: 1px #222 solid;
    color: #222;
}
/* BASIC css end */

