@charset "UTF-8";

/*========================================================================
하단 네비
========================================================================*/
.menu-navi { position:fixed; bottom:0; left:0; width:100%; padding:5px 20px; box-sizing:border-box; border-radius:20px 20px 0px 0px; background:#FFF; box-shadow: 0px 0px 20px 0px rgba(102, 102, 102, 0.20); z-index:101; transition:bottom .5s; }
.menu-navi.active { bottom:-80px; box-shadow:none; transition:bottom .5s; }
.menu-navi ul { display:flex; gap:10px; }
.menu-navi ul li { flex:1; }
.menu-navi ul li span { display:block; padding:28px 0 0; color:#000; font-size:14px; font-weight:400; line-height:1; text-align:center; background-repeat:no-repeat; background-position:50% 0; background-size:auto 20px; }
.menu-navi ul li a { display:block; padding:14px 0; }
.menu-navi ul li a.bottom-nav-cate span { background-image:url("../img/bottom_nav_cate.png"); }
.menu-navi ul li a.bottom-nav-cart span { background-image:url("../img/bottom_nav_cart.png"); }
.menu-navi ul li a.bottom-nav-home span { background-image:url("../img/bottom_nav_home.png"); }
.menu-navi ul li a.bottom-nav-mypage span { background-image:url("../img/bottom_nav_mypage.png"); }

/*========================================================================
하단 영역
========================================================================*/
footer { position:relative; padding:30px 20px 20px; border-top:1px solid #D1D1D1; }
.footer-content { display:flex; align-items:end; justify-content:space-between; gap:20px; padding:0 0 30px; border-bottom:1px solid #D1D1D1; }
.footer-content .cont-box h3 { position:relative; padding-bottom:10px; color:#222223; font-size:14px; line-height:1; font-weight:500; }
.footer-content .cont-box strong { display:block; margin-bottom:10px; color:#222223; font-size:22px; font-weight:700; line-height:1; }
.footer-content .cont-box p { color:#7B7B7B; font-size:14px; line-height:1.4; }
.footer-content .footer-sns ul { display:flex; gap:12px; }
.footer-content .footer-sns ul img { width:40px; }

.footer-menu { padding:30px 0 27px; border-top:0; line-height:19px; }
.footer-menu ul { display:flex; gap:13px; width:100%; box-sizing:border-box; }
.footer-menu li { position:relative; padding:0; font-size:16px; font-weight:500; }
.footer-menu li a { color:#2E2E2E; }

.footer-info { padding:0 0 30px; }
.footer-info .shop-info { padding:0; background:none; border-bottom:0; }
.footer-info .shop-info .shop-info-toggle-btn { margin:0 0 8px; color:#2E2E2E; font-size:16px; font-weight:600; line-height:24px; }
.footer-info .shop-info .shop-info-toggle-btn span { display:inline-block; position:relative; padding-right:34px; }
.footer-info .shop-info .shop-info-toggle-btn span::before { content:''; position:absolute; top:0; right:0; width:24px; height:24px; background:url("../img/footer_info_toggle_btn.png") no-repeat; background-size:100%; transform:rotate(180deg); }
.footer-info .shop-info .shop-info-toggle-btn.on span::before { transform:rotate(0); }
.footer-info .shop-info address { display:none; }
.footer-info .shop-info address span { display:block; padding:0; color:#999; font-size:13px; line-height:1.5; }
.footer-info .shop-info address a { color:#999; }
.footer-info .shop-info a { color:#999; }
.footer-info .shop-info address span.copyright { padding:8px 0 0; color:#999; font-size:13px; line-height:24px; background:none; }

.footer-logo { width:196px; margin:40px auto 0; }
.footer-logo img { width:100%; }
.foot_certify { padding:0; font-size:0; }