@charset "utf-8";
/* CSS Document */
#footer {clear: both; position: relative; z-index: 11;}

.quick-menu-wrap {}
.quick-menu-wrap .quick-menu-box.mo { display: none; position: fixed; right: 20px; bottom: 20px;}
.quick-menu-wrap .quick-menu-box.mo button {width: 45px; height: 45px; background: #0a0a0a; border-radius: 50%;}
.quick-menu-wrap .quick-menu-box.mo button .icon svg {fill: #fff; width: 27px; height: 27px; transform: rotate(180deg); margin-bottom: -2px;}
.quick-menu-wrap .quick-menu-box.mo .quick-menu-bg { display: none; position: fixed; width: 100vw; height: 100vh; left: 0; top: 0; background: rgba(0,0,0,.7);}
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list { display: none; position: absolute; right: 0; bottom: 0; flex-direction: column; align-items: end; gap: 10px; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn a { display: flex; align-items: center; gap: 8px; cursor: pointer; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn .quick-btn-txt { flex: 1; color: #fff; width: max-content; text-align: right; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn .quick-btn-icon { width: 45px; height: 45px; background: #fff; border-radius: 50%; position: relative; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn .quick-btn-icon img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn.top-btn .quick-btn-icon img { width: 20px; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn.cs-btn .quick-btn-icon img { width: 25px; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn.location-btn .quick-btn-icon img { width: 25px; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn.catalog-btn .quick-btn-icon img { width: 25px; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn.close-btn { width: 45px; height: 45px; background: #000; border-radius: 50%; position: relative; }
.quick-menu-wrap .quick-menu-box.mo .quick-active-menu-list .quick-menu-btn.close-btn img { position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 15px; }
.quick-menu-wrap .quick-menu-box.pc { display: flex; flex-flow: column; position: fixed; right: 0; bottom: 50%; z-index: 888; transform: translate(0, 50%); background: #fff; width:90px; height: 360px; border: 1px solid #e2e2e2; border-right: 0; border-radius: 20px 0 0 20px; }
.quick-menu-wrap .quick-menu-box.pc ul { display: flex; flex-flow: column; align-items: center; flex: 1; }
.quick-menu-wrap .quick-menu-box.pc ul li { width: 100%; height: 100%; display: flex; justify-content: center; align-items: center;border-bottom: 1px solid #efefef}
.quick-menu-wrap .quick-menu-box.pc ul li:last{border-bottom:0; }
.quick-menu-wrap .quick-menu-box.pc ul li.expand .menu-name {font-size: 13px; letter-spacing: -.02rem; font-weight: 500;}
.quick-menu-wrap .quick-menu-box.pc ul li.expand .icon svg {width: 30px;}
.quick-menu-wrap .quick-menu-box.pc button.top_btn { display: flex; align-items: center; justify-content: center; padding: 10px 0; gap: .3rem; }
.quick-menu-wrap .quick-menu-box.pc button.top_btn .icon { width: 20px; height: 20px; transform: rotate(180deg); }
.quick-menu-wrap .goods_history_box { background: #fff; width: 350px; padding: 20px; position: fixed; right: 0; bottom: 0; z-index: 101; border: 1px solid #e2e2e2; }
.quick-menu-wrap .goods_history_box .goods_history_tit { padding-bottom: 20px; font-size: 16px; font-weight: 600; letter-spacing: -.02rem; border-bottom: 1px solid #1e1e1e; display: flex; align-items: center; justify-content: space-between; }
.quick-menu-wrap .goods_history_box .goods_history_tit svg { width: 20px; cursor: pointer; }
.quick-menu-wrap .goods_history_box .box {height: 524px; border-bottom: 1px solid #1e1e1e;}
.quick-menu-wrap .goods_history_box .box .history_con a { border-bottom: 1px solid #f0f0f0; display: flex; padding: 10px 0; align-items: center; gap: 1rem; }
.quick-menu-wrap .goods_history_box .box .history_con:last-child a {border-bottom: 0;}
.quick-menu-wrap .goods_history_box .box .history_con a .prod_thumb { width: 110px; height: 110px; }
.quick-menu-wrap .goods_history_box .box .history_con a .prod_thumb img { width: 100%; }
.quick-menu-wrap .goods_history_box .box .history_con a .prod_txt_box { flex: 1; }
.quick-menu-wrap .goods_history_box .box .history_con a .prod_txt_box .prod_name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.quick-menu-wrap .goods_history_box .box .history_con a .prod_txt_box .prod_price { font-weight: 600; }
.quick-menu-wrap .goods_history_box .goods_history_paging { margin-top: 10px; }
.quick-menu-wrap .goods_history_box .goods_history_paging ul { display: flex; align-items: center; justify-content: center; }
.quick-menu-wrap .goods_history_box .goods_history_paging ul li { width: 25px; height: 25px; text-align: center; line-height: 23px; font-size: 12px; cursor: pointer; margin: 0 3px; }
.quick-menu-wrap .goods_history_box .goods_history_paging ul li.active { background: #1e1e1e; border-radius: 50%; color: #fff; }
.quick-menu-wrap .goods_history_box .history_con_non { display: flex; width: 100%; height: 100%; align-items: center; justify-content: center; }
.quick-menu-wrap .goods_history_box .history_con_non p { font-size: 13px; color: #ccc; }
/* .quick-menu-wrap .quick-menu-box {border: 1px solid #1e1e1e;background: #1e1e1e;padding: 10px;border-radius: 20px;}
.quick-menu-wrap .quick-menu-box ul > li {border-bottom: 1px dashed #777;margin-top: 3px;}
.quick-menu-wrap .quick-menu-box ul > li:last-of-type {border-bottom: 0;}
.quick-menu-wrap .quick-menu-box ul > li button {display: flex;justify-content: space-between;color: #fff;width: 100%;padding: 5px;font-family: 'Noto', '맑은고딕', sans-serif;box-sizing: content-box;}
.quick-menu-wrap .quick-menu-box ul > li button:hover {font-weight: 500;color:#f0f0f0}
.quick-menu-wrap .quick-menu-box .cart_cnt {position: absolute;top: 99px;left: 32px;background-color: #fff;color: #14008c;width: 15px;height: 15px;text-align: center;border-radius: 50%;font-size: 11px;font-weight: bold;}
.footer_nav_group .footer_nav_btn_a .cart .cart_cnt {position: absolute;top: -5px;left: 25px;background-color: #1e1e1e;color: #ffff;width: 18px;height: 18px;text-align: center;border-radius: 50%;font-size: 11px;font-weight: bold;} */
/* .quick-menu-wrap .quick-menu-box ul > li > a > div.icon {} */
/* .quick-menu-wrap .quick-menu-box ul > li > button > div.menu-name {margin: 3px 10px 0 0;}
.quick-menu-wrap .goods_history_box {width: 250px;height: 360px;position: absolute;bottom: 45px;right: 140px;background: #1e1e1e;box-sizing: border-box;border: 1px solid #1e1e1e;border-radius: 20px;overflow: hidden;}
.quick-menu-wrap .goods_history_box .goods_history_tit {text-align: left;padding: 15px 15px 10px 20px;font-size: 13px;font-weight: 200;color: white;}
.quick-menu-wrap .goods_history_box .goods_history_tit .history_close {width: 20px; float: right;filter: invert(60%);cursor: pointer;}
.quick-menu-wrap .goods_history_box .box .item_cont a {display: inline-block;text-align: left;color: white;}
.quick-menu-wrap .goods_history_box .box .goods_history_slider {width: 210px;margin: 0 auto;}
.quick-menu-wrap .goods_history_box .box .goods_history_slider .slick-dots {position: relative;bottom: 0;width: 100%;padding: 0;margin: 0;list-style: none;text-align: center;}
.quick-menu-wrap .goods_history_box .box .goods_history_slider .slick-dots li {position: relative;display: inline-block;width: 20px;height: 20px;margin: 0 5px;padding: 0;cursor: pointer;} */
/* .slick-dots li button {
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: white;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover, .slick-dots li button:focus {outline: none;}
.slick-dots li button:hover:before, .slick-dots li button:focus:before {opacity: 1;} */
/* .goods_history_slider .slick-dots li button:before {
    font-size: 50px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '\00B7';
    text-align: center;
    opacity: .25;
    color: white;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before {
    opacity: .75;
    color: white;
} */
/* .quick-menu-wrap .quick-menu-toggle {display: flex;color: #fff;background: #1e1e1e;width: 24px;height: 24px;margin: 10px auto 0;padding: 5px;border-radius: 25px;align-items: center;text-align: center;cursor: pointer;transition: transform 0.5s;box-sizing: initial;} */

.expand-menu {border-radius: 25px !important;padding: 5px 4px !important;}
.rotate {transform: rotate(45deg);}

.footer_division {display: flex;justify-content: space-around;border: 1px solid #333;font-size: 1rem;font-weight: 400;padding: 5px;margin-bottom: 10px;}
.footer_division div {width: 100%;height: auto;text-align: center;}
.footer_division div a {color: #aaa;}
.footer_division .on {background: #14008c;}
.footer_division .on a {font-weight: 500;color: #fff;}

.member_text {font-size: .9rem !important;}

.flex {display: flex;}
.flex-between {display: flex;justify-content: space-between;}
.flex-evenly {display: flex;justify-content: space-evenly;}

@media screen and (max-width: 767px) {
    .quick-menu-wrap .quick-menu-box.pc {display: none;}
    .quick-menu-wrap .quick-menu-box.mo {display: block;}
}