/* BASIC css start */
#subHeader .iconBox li.home{display:block !Important;}
#subHeader .iconBox li:not(.home){display:none}
#footer{display:none}

.topQuickLink{display:none !important}

#basket .btn_option{
    padding: 2px 0;
    line-height: 1;
    font-size: 11px;
    font-weight: 400;
    margin-top: 5px;
    border-bottom: 1px solid #000;
    display: inline-block;}




#basket .order_title h3 { padding: 20px 4%; font-size: 20px; }
#basket .carttabWrap {}
#basket .btn-wrap {
    margin: 51px 15px 20px;
    display: flex;
    align-items: center;
    border-bottom: 1px solid #000;
    padding-bottom: 10px;}
#basket .btn-wrap div {}
#basket .btn-wrap div.all-select {
    color: #000;
    font-size: 14px;}
    
#basket .btn-wrap div.-select{
    border-left: 1px solid #E0E2E5;
    margin-left: 10px;
    padding-left: 5px;}
    
#basket .btn-wrap div.all-select input {
    margin-right: 10px;}
    
    
#basket input {
    flex-shrink: 0;
    width: 15px;
    height: 15px;}
    
#basket input:before{
    background-size: 15px;
    width: 15px;
    height: 15px;}
#basket .btn-wrap div a.btn_White {
    margin-left: 5px;
    display: inline-block;
    width: unset;
    min-width: unset;
    padding: unset;
    text-align: unset;
    background: url();
    border: 0;
    color: #9E9E9E;
    box-sizing: border-box;
    font-size: 14px;}

#basket .all-select {  }
#basket .mid_box { 
    display: block;
    width: calc(100% - 20px);
}
#basket .not_provider li {
    border-bottom: 1px solid #E0E2E5;
    margin: 20px 15px;
}

#basket .not_provider li input{margin-top:0}

#basket .not_provider li:last-child {}
#basket .not_provider li form{    width: 100%;
    display: flex;
    justify-content: flex-start;
    gap: 10px;}
#basket .provider li {padding:20px 0;}
#basket figure {    width: 100%;
    display: flex;
    box-sizing: border-box;
    align-items: flex-start;
    justify-content: flex-start;
    gap: 10px;}
    
#basket figure .btn_list{
    margin-left: auto;}
    
#basket .basketLeft {width:90px; position:relative;  flex-shrink: 0;}
#basket .basketLeft a {display: block; border-radius: 0; overflow: hidden;}
#basket .basketLeft .MS_input_checkbox { margin-bottom: 14px; }
#basket .basketRight { padding-left: 10px; _width: 120px; box-sizing: border-box; }
#basket .basketRight p { display: -webkit-box; overflow: hidden; text-overflow: ellipsis; word-break: break-word; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size: 13px; color: #9f9f9f;}
#basket .basketRight .pname {
    font-size: 14px;
    font-weight: 400;
    line-height: 1.3em;
    color: #000;
    margin-bottom: 15px;}
    
#basket .basketRight p.opt{padding-bottom:15px; font-size:10px; color:#717171; line-height:1.3em; font-weight:400; display: block;}


#basket .btn_list a { display: block; width: 67px; height: 28px; background: #000; border: 1px solid #000; font-size: 10px; line-height: 25px; color: #fff; text-align: center; padding: 0; }
#basket .btn_list a.btn_White { background: #fff; color: #000; border: 1px solid #E0E2E5; margin-top: 3px; }

#basket .quantity {
    display: flex !important;
    width: fit-content;
    margin: 0;
    box-sizing: border-box;
    border: 1px solid #E0E2E5;
    height: 20px;}
#basket .quantity a {
    display: inline-block;
    position: relative;
    width: 20px;
    height: 20px;
    border: none;
    background: #fff;
    font-size: 13px;
    color: #6A6A6A;
    text-align: center;
    line-height: 18px;
    box-sizing: border-box;}
    
    
    /*
#basket .quantity .down::before { 
    display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 1px;
    content: "-";
    background: none;}
#basket .quantity .up::before { display: block;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 5px;
    height: 1px;
    content: "+";
    background: none;
    line-height: 1px;}
#basket .quantity .up::after { display: none;}*/
#basket .quantity input[name="amount"] {
    text-indent: 0;
    background: #fff;
    width: 20px;
    border-width: 0 1px 0 1px;
    border-style: solid;
    border-color: #ccc;
    text-align: center;
    height: 20px;
    padding: 0;
    font-size: 11px !important;
    color: #6A6A6A !important;}

#basket .cart_goods_prc { display: flex; line-height: 15px; font-size: 16px; letter-spacing: -0.7px; margin-top: 15px; 
    margin-bottom: 23px;}
#basket .cart_goods_prc strike { 
    text-decoration: unset;
    padding: 0px 5px 0 0px; color: #717171; font-size: 10px; font-weight: 400; }
#basket .cart_goods_prc em{
    font-size: 14px;
    font-weight: 600;}

#basket .basketRight .btn_Black {margin-top:5px;}
#basket .basketRight .MS_select {width:100%;}
#basket .price-each-info-top {
    background: #F1F1F1;
    font-size: 12px;
    padding: 10px;
    margin: 20px 15px;}

#basket .price-each-info-top .txt p{color:#6A6A6A; font-size:11px; font-weight:400; line-height:1.6em;}
#basket .price-each-info-top .txt p > span{display:block}
#basket .price-each-info-top .txt .point{color:#FE5F57}
#basket .price-each-info-top .txt p em{
    margin-right: 5px;
    vertical-align: middle;}

.MK_total_delivery{_display:block !important}

.MK_total_delivery,
.MK_total_delivery_add { _line-height:36px }

.deliveryNotice { padding:0px 2px 5px 2px; line-height:16px; margin-top: -7px; }


#basket .price-each-info-bottom {text-align : right; padding:10px; background:#eaeaea; border-bottom:1px solid #cbcbcb;}
#basket .price-total-info-top {
    padding: 0;
    margin: 0 4%;
    border-bottom: 1px solid #E0E2E5;
    border-top: 0;
    margin-top: 50px;}
#basket .price-total-info-top dl,
#basket .price-total-info-bottom dl { display: table; width: 100%; padding-bottom: 10px; margin-bottom: 10px; }
#basket .price-total-info-top dl.sale_price {}
#basket .price-total-info-top dt,
#basket .price-total-info-bottom dt { display: table-cell; width: 50%; font-size: 15px; color: #000; }
#basket .price-total-info-top dd,
#basket .price-total-info-bottom dd { display: table-cell; width: 50%; text-align: right; font-size: 15px; color: #000; } 
#basket .price-total-info-top dd > span,
#basket .price-total-info-bottom dd > span { _padding-right: 5px; }
#basket .price-total-info-bottom {margin: 32px 15px 70px;}
#basket .price-total-info-bottom dl { padding:0; margin-bottom: 0; }
#basket .price-total-info-bottom dt{font-size:17px; color:var(--point-color);font-weight:600;}
#basket .price-total-info-bottom dd{font-size:20px; color:var(--point-color);font-weight:600;}

#basket .price-total-info-bottom .txt-price { color:var(--point-color); font-size: 20px;}
#basket .price-total-info-bottom .txt-reserve {color : #898989; font-size:0.688em;}
#basket .order-txt { padding: 15px 4%; font-weight: 400; font-size: 12px; color: #1885fc; }
#basket .order-btn {
    position: fixed;
    /* padding: 10px 0 0 0; */
    margin: 0;
    _bottom: 0;
    width: 100%;
    _height: 70px;
    background-color: #f7f7f7;
      z-index: 9999;
      touch-action: manipulation;
    bottom: env(safe-area-inset-bottom);
  padding-bottom: env(safe-area-inset-bottom);
    height: 60px;
    box-sizing: border-box;
    border: 0;}
#basket .order-btn .cart_select_order_btn {     display: block;
    background: var(--point-color);
    color: #fff;
    font-size: 18px;
    text-align: center;
    line-height: 60px;
    width: 100%;
    margin: 0 auto;
    letter-spacing: 0;
    height: 60px;}
    
    
#basket .naver-checkout {margin-top: 20px;}
#basket .none-data { margin-top: 5px; padding: 50px; text-align: center; font-size: 14px; }

@media screen and (min-width:768px) {
 #basket .basketRight .btn_Black {width:315px; display:inline-block; vertical-align: middle; margin-top:0px;}
}

.cart-ft2 { display: block; text-align: center; } 

.basket-option-dlist li img { width:30px; height:30px; vertical-align:middle; }



/* Á¤±â¹è¼Û ÅÇ */
#basket .cart-tab { width:100%; border-bottom: 1px solid #c8c8c8; }
#basket .cart-tab:after { clear: both; content: ""; display: block; }
#basket .cart-tab li { float: left; width: 50%; padding: 10px; box-sizing: border-box; }
#basket .cart-tab li a { line-height: 30px; display:inline-block; width:100%; height:100%; color:#3b3b3b; font-size:16px; text-align:center; text-decoration:none; background:none; }
#basket .cart-tab li a > span { display:block; }
#basket .cart-tab li a > span > span { margin-left: 3px; background-color: #000; color: #fff; padding: 3px 7px; border-radius: 50%; text-align: center; font-size: 12px; font-weight: bold; }
#basket .cart-tab li.now { border-bottom:2px solid #000; }
#basket .cart-tab li.now a {  }
#basket .cart-tab li.now a > span > span { background-color: #2fb8bd; }

/* ¼¥ÆäÀÌ ¹Ù·Î±¸¸Å */
#productDetail #shoppay_btn { padding-top: 10px; } /* PC (°øÅë) »ó¼¼ÆäÀÌÁö Àü¿ë */
#cartWrap #shoppay_btn { display: inline; } /* PC (°øÅë) Àå¹Ù±¸´Ï Àü¿ë */
.shopdetail #shoppay_btn { padding-top:10px; } /* MO (4.0) »ó¼¼ÆäÀÌÁö Àü¿ë */
#basket #shoppay_btn { margin-top:20px; } /* MO (4.0) Àå¹Ù±¸´Ï Àü¿ë */
.shopdetail #shoppay_btn { text-align:center; } /* MO (ÆÄ¿öÆÑ) »ó¼¼ÆäÀÌÁö Àü¿ë */
.basket #shoppay_btn { text-align:center; } /* MO (ÆÄ¿öÆÑ) Àå¹Ù±¸´Ï Àü¿ë */

.shoppay_storebtn_bx,
.shoppay_storebtn_bx *,
.shoppay_button_box,
.shoppay_button_box * { display: inline-block !important; overflow: hidden; !important; float: none !important; position: static !important; top: auto !important; left: auto !important; margin: 0 !important; padding: 0 !important; border: 0 none !important; font-size: 11px !important; line-height:16px !important; font-family: 'µ¸¿ò',Dotum,Helvetica,sans-serif !important; text-align: left !important; text-decoration: none !important;  vertical-align: top !important; background: none !important; border-radius: 0 !important; }
.shoppay_button_box { width: auto !important; height: 100% !important; zoom: 1 !important; padding: 0 !important; border-top: 2px solid #2b2f3a !important; background-color: #fff !important; }
.shoppay_button { position: relative !important; margin: 0 !important; padding: 5px 0 5px 88px !important; zoom:1 !important; }
.shoppay_button .shoppay_blind { overflow: hidden !important; position: absolute !important; width: 1px !important; height: 1px !important; margin: -1px !important; padding: 0 !important; clip: rect(0 0 0 0) !important; }
.shoppay_text { display: block !important; *display: inline !important; position: absolute !important; top: 10px !important; left: 0 !important; width: 82px !important; height: 26px !important; margin: 0 !important; padding: 0 !important; background: url('/images/common/shoppay_sp_text.png') no-repeat !important; }
.shoppay_btn_list { *zoom: 1 !important; display: table !important; width: 100% !important; margin:0 !important; padding: 0 !important; table-layout: fixed !important; list-style: none !important; }
.shoppay_btn_list tbody { display: table-row-group !important; }
.shoppay_btn_list tr { display: table-row !important; }
.shoppay_btn_list .shoppay_btn_item { *width: 120px !important; }
.shoppay_btn_item { display: table-cell !important; height: 37px !important; margin: 0 !important; padding: 0 !important; text-align: left !important; }
.shoppay_btn_link { display: block !important; height: 35px !important; margin: 0 !important; padding: 0 !important; border: 1px solid #bfc4c7 !important; background-color: #fcfcfc !important; background-repeat: no-repeat !important; background-repeat: no-repeat !important; text-align: center !important; text-decoration: none !important; }
.shoppay_btn_item:first-child .shoppay_btn_link { margin: 0 !important; }
.shoppay_text { background-size: 82px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-size: 133px auto !important; }
.shoppay_btn_link.shoppay_btn_pay { background-image: url('/images/common/shoppay_sp_payment.png') !important; background-position: 50% 0 !important; background-repeat: no-repeat !important; border-radius: 2px !important; }
.shoppay_btn_link.btn_blue { border-color: #025eea !important; background-color: #025eea !important; }
.shoppay_event { position: relative !important; width: 100% !important; margin: 0 !important; padding: 3px 0 0 0 !important; border: 0 none !important; border-top: 1px solid #e5e9ea !important; letter-spacing: -0.5px !important; }
.shoppay_event_tex t {display: block !important; *display: inline !important; overflow: hidden !important; *width: 100% !important; margin: 0 !important; padding: 5px 0 !important; letter-spacing: 0 !important; white-space: nowrap !important; *zoom: 1 !important; text-overflow: ellipsis !important; word-wrap: normal !important; }
.shoppay_event_text { padding: 0 !important; }
.shoppay_event_text .event_title { display: inline !important; margin: 0 5px 0 0 !important; padding: 0 !important; font-weight: normal !important; color: #015ce8 !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link { display: inline !important; margin: 0 !important; padding: 0 !important; font-weight: normal !important; color: #727272 !important; text-decoration: none !important; vertical-align: middle !important; }
.shoppay_event .shoppay_event_text .event_link span { display: inline-block !important; margin: -1px 0 1px !important; vertical-align: middle !important; }
.shoppay_type_A_1 { width: 277px !important; height: 70px !important; }
.shoppay_type_A_2 { width: 296px !important; height: 84px !important; }
.shoppay_type_A_2 .shoppay_button { padding: 5px 0 5px 86px !important; }
.shoppay_type_A_2 .shoppay_text { top: 14px !important; }
.shoppay_type_A_2 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_2 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }
.shoppay_type_A_3 { width: 338px !important; height: 84px !important; }
.shoppay_type_A_3 .shoppay_button { padding: 6px 0 6px 102px !important; }
.shoppay_type_A_3 .shoppay_text { top: 13px !important; height: 31px !important; background-position: 0 -31px !important; }
.shoppay_type_A_3 .shoppay_btn_link { height: 45px !important; }
.shoppay_type_A_3 .shoppay_btn_link.shoppay_btn_pay { background-position: 50% -40px !important; }

.cart-free-wrap { margin-bottom: 10px; }
.cart-free-wrap .btn-list-open { display:inline-block; width:90%; height:30px; line-height:30px; background:#585858; color:#fff; font-weight:bold; text-align:center; }
.cart-free-wrap p { padding:10px 10px 15px; font-weight:bold; font-size: 15px; }
.cart-free-wrap p > span { color: #666; font-weight: 300; margin-top: 3px; font-size: 12px; display: block; }
.cart-free-wrap .btn-more { display:inline-block; width:94%; height:30px; line-height:30px; margin-top:10px; border:1px solid #383838; background:#fff; color:#383838; font-size: .75em; text-align:center; }
.cart-free-wrap .btn-more span { display:inline-block; width:8px; height:5px; margin-left:5px; background:url(/images/d3/m_04/h10_arr.gif) no-repeat 0 0; background-size:100% 100%; vertical-align:middle; }
.cart-free-wrap .list-wrap { overflow-x:hidden; padding:0 10px; }
.cart-free-wrap .list-wrap ul { width:100%; list-style:none; }
.cart-free-wrap .list-wrap ul li { width:160px; list-style:none; margin-right: 10px; }
.cart-free-wrap .list-wrap ul li:last-child { margin-right: 0; }
.cart-free-wrap .list-wrap ul li dl {  }
.cart-free-wrap .list-wrap ul li dl dt { border: 1px solid #f3f3f3; border-radius: 5px; overflow: hidden; }
.cart-free-wrap .list-wrap ul li dl dt img { width:160px; height:160px; }
.cart-free-wrap .list-wrap ul li dl dd { margin-top: 10px; color: rgb(60, 60, 60); font-weight: normal; font-size: 13px; -webkit-line-clamp: 1; text-overflow: ellipsis; display: -webkit-box; -webkit-box-orient: vertical; word-wrap: break-all; overflow: hidden; line-height: 1.25; }
.cart-free-wrap .list-wrap ul li dl dd:last-child { color:#000; font-weight: bold; font-size: 15px; }

.cart-free-wrap .list-wrap .slick-arrow { opacity: 1; border: none; margin-top:-50px; position:absolute; top:60%; width:25px; height:25px; text-indent:-9999em; transition:all 0.3s ease; -webkit-transition:all 0.3s ease; z-index:10 }
.cart-free-wrap .list-wrap .slick-prev { left:5px; background:url(/design/testmh2023/shopdetail/arr_slide_prev.png) 0 0 no-repeat; background-size:25px auto }
.cart-free-wrap .list-wrap .slick-next { right:5px; background:url(/design/testmh2023/shopdetail/arr_slide_next.png) 0 0 no-repeat; background-size:25px auto }


/* ±×·çºñ(¸ÂÃã PICK) */
.groobeeProductWrap { border-top: 10px solid #f6f6f6; padding-top: 50px; padding-bottom: 100px;}

.groobeeProductWrap .titleArea { padding:0 15px }
.groobeeProductWrap .titleArea h3 { 
    padding: 0;
    font-size: 18px;
    font-weight: 500;
    line-height: normal; }
    

.groobeeProductWrap .titleArea h3 span { color:#2fb8bd }
.groobeeProductWrap .productWrap { margin-top:30px; overflow:auto hidden }
.groobeeProductWrap .productWrap::-webkit-scrollbar { display:none }
.groobeeProductWrap .productWrap ul { display:flex; padding:0 15px; min-width:max-content; flex-wrap:nowrap }
.groobeeProductWrap .productWrap li { margin-left:13px; width:130px; max-width:130px; box-sizing:border-box; overflow:hidden }
.groobeeProductWrap .productWrap li:first-child { margin:0 }
.groobeeProductWrap .productWrap li .list { position:relative }
.groobeeProductWrap .productWrap li .list .thumb { display:block; position:relative; width:100%; border-radius:0; overflow:hidden }
.groobeeProductWrap .productWrap li .list .thumb a { display:block }
.groobeeProductWrap .productWrap li .list .thumb img.listPic { display:block; width:100% }
.groobeeProductWrap .productWrap li .list .prd-info { margin-top:10px; position:relative }
.groobeeProductWrap .productWrap li .list .prd-info a { display:block }
.groobeeProductWrap .productWrap li .list .prd-info .prd-name { height: 15px;display:-webkit-box; font-size:14px; font-weight:400; word-wrap:normal; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden }
.groobeeProductWrap .productWrap li .list .prd-info .priceArea {
    position: relative; display:flex; margin-top:10px; align-items:flex-end; white-space:nowrap }
.groobeeProductWrap .productWrap li .list .prd-info .priceArea .discount_box { margin-right:5px; font-size:18px; color:var(--point-color); font-weight:600; line-height:1; box-sizing:border-box }
.groobeeProductWrap .productWrap li .list .prd-info .priceArea .groupName { margin-right: 5px; font-size:12px; color: #2fb8bd; font-weight:600; line-height:1; box-sizing:border-box }
.groobeeProductWrap .productWrap li .list .prd-info .priceArea .price { margin-right:5px; font-size:18px; font-weight:600; line-height:1; box-sizing:border-box }
.groobeeProductWrap .productWrap li .list .prd-info .priceArea strike { font-size:11px; color:#888; font-weight:300; line-height:1; box-sizing:border-box; display:none;}
.groobeeProductWrap .productWrap li .list .prd-info .prd-cart {margin-top:15px;}
.groobeeProductWrap .productWrap li .list .prd-info .prd-cart a{
    display: block;
    border: 1px solid #E0E2E5;
    height: 32px;
    line-height: 32px;
    font-size: 12px;
    font-weight: 600;
    text-align: center;
    box-sizing: border-box;}

.groobeeProductWrap .productWrap li .list .listWish {right:0; bottom: 0;
    top: unset; }
.groobeeProductWrap .productWrap li .list .my-wish-list{    background: url(/design/mhmall2023/2025_renewal/mo/wish.svg) no-repeat;
    background-size: contain;
    width: 17px;
    height: 15px;
    background-size: cover;
    display: block;}

/* wish */
.listWish {position: absolute;top: 10px;right: 10px;}
.listWish a {display: block}
.listWish img {width: 21px;border-radius: 0;}
.listWish .wishOn {display: none}
.listWish .wish-on .wishOn {display: block}
.listWish .wish-on .wishOff {display: none}


body #fixedMenu {display:none;}
/* BASIC css end */

