/* BASIC css start */
/* µðÁî´Ï ÀÔ°í¿¹Á¤ */
.item-wrap .item-cont .item-list .thumb .soldOut.soon { position:absolute; top:0; left:0; width:100%; height:100%; font-size:0; text-indent:-9999em; background: none !important; background-size: 100%; }

#bannerBot { margin-top: -180px; height: 180px; }

#productClass { padding-top:28px }
#productClass .prd-class-hd { *zoom:1 }
#productClass .prd-class-hd:after { display:block; clear:both; content:'' }
#productClass .prd-class-hd .loc-navi { float:right; height:auto }
#productClass .prd-class-hd .loc-navi a { font-size:13px; color:#777 }
#productClass .prd-class-hd .loc-navi select { min-width:150px; height:22px; font-size:11px; color:#333; text-indent:10px; border:1px solid #999; background: url(/design/mhmall2023/common/select_arrow_down_11x7.png) right center no-repeat; -webkit-appearance: none;-moz-appearance: none; appearance: none; }

/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding:10px 0; font-size:36px; font-weight: 500; text-align:center }
#productClass .cate-wrap .classListWrap { margin:16px 0 }
#productClass .cate-wrap .classListWrap .classListCate1 { padding:18px 0; text-align:center; border:1px solid #eee; border-width:1px 0 1px 0 }
#productClass .cate-wrap .classListWrap .classListCate1 ul { font-size:0 }
#productClass .cate-wrap .classListWrap .classListCate1 li { display:inline-block; text-align:center; line-height:1; vertical-align:top }
#productClass .cate-wrap .classListWrap .classListCate1 li a { display:block; padding:0 16px; height:38px; font-size:15px; color:#333; line-height:38px; border-radius:38px }
#productClass .cate-wrap .classListWrap .classListCate1 li.on a,
#productClass .cate-wrap .classListWrap .classListCate1 li a:hover { color:#fff; background:#404041 }
#productClass .cate-wrap .classListWrap .classListCate2 { display:none; padding:18px 0; text-align:center }
#productClass .cate-wrap .classListWrap .classListCate2.act { display:block }
#productClass .cate-wrap .classListWrap .classListCate2 ul { font-size:0 }
#productClass .cate-wrap .classListWrap .classListCate2 li { display:inline-block; padding:0 12px; text-align:center; line-height:1; vertical-align:top }
#productClass .cate-wrap .classListWrap .classListCate2 li a { display:block; position:relative; padding:5px 1px; font-size:15px; color:#a2a0a3; line-height:1 }
#productClass .cate-wrap .classListWrap .classListCate2 li.on a,
#productClass .cate-wrap .classListWrap .classListCate2 li a:hover { color:#1d1d1d }
#productClass .cate-wrap .classListWrap .classListCate2 li.on a:after,
#productClass .cate-wrap .classListWrap .classListCate2 li a:hover:after { position:absolute; bottom:-1px; left:0; width:100%; height:2px; background:#1c1c1b; z-index:10; content:'' }

/* ¼±¹°Çϱâ Å׸¶´ëÀü */
#productClass .cate-wrap .classListWrap .classListCate1 li.prdBgClass { margin: 0 10px; }
#productClass .cate-wrap .classListWrap .classListCate1 li a.img { height: auto; }
#productClass .cate-wrap .classListWrap .classListCate1 li.on a.img, 
#productClass .cate-wrap .classListWrap .classListCate1 li.prdBgClass .img:hover { color:#333; background: none; }
#productClass .cate-wrap .classListWrap .classListCate1 li.prdBgClass span { display: inline-block; width: 114px; height: 114px; background-size: contain; }
#productClass .cate-wrap .classListWrap .classListCate1 li .prdBg1 { background: url('/design/mhmall2023/event/2024/0816/prdBg4.png'); }
#productClass .cate-wrap .classListWrap .classListCate1 li .prdBg2 { background: url('/design/mhmall2023/event/2024/0816/prdBg1.png'); }
#productClass .cate-wrap .classListWrap .classListCate1 li .prdBg3 { background: url('/design/mhmall2023/event/2024/0816/prdBg3.png'); }
#productClass .cate-wrap .classListWrap .classListCate1 li .prdBg4 { background: url('/design/mhmall2023/event/2024/0816/prdBg2.png'); }
#productClass .cate-wrap .classListWrap .classListCate1 li .prdBg5 { background: url('/design/mhmall2023/event/2024/0816/prdBg5.png'); }
.bt-none { border-top: none !important; }

/* best-item */
#productClass .best-item { padding-top: 20px; padding-bottom: 10px; border-top: 2px solid #5c5c5c; border-bottom: 2px solid #5c5c5c; background-color: #f8f8f8; }

/* total-sort */
#productClass .total-sort { padding-top: 30px; }

.fc-blue { color: #0000FF !important; }

/* »óÇ°¸í 2ÁÙ ³ëÃâ */
#productClass .item-wrap .item-cont .item-list .prd-name a { height: 38px; font-size: 17px; font-weight: 500; line-height: 20px; letter-spacing: -.03em; text-overflow: ellipsis; overflow: hidden; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space: unset; }

/* °¡°Ý ³ëÃâ ¼öÁ¤°Ç */
.item-wrap .item-cont .item-list .prd-price .priceArea,
.item-wrap .item-cont .item-list .prd-price strike { display: block; font-size: 16px; }
.item-wrap .item-cont .item-list .prd-price strike { text-decoration: unset; }
.item-wrap .item-cont .item-list .prd-price .priceArea { height: 43px; position: relative; }
.item-wrap .item-cont .item-list .prd-price .priceArea > div { position: absolute; bottom: 0; letter-spacing: -.05em; }
.item-wrap .item-cont .item-list .prd-price .price { font-size: 19px; }
.item-wrap .item-cont .item-list .prd-price .groupName { position: relative; top: -1px; }
.item-wrap .item-cont .item-list .prd-price { padding-top: 15px; }
.item-wrap .item-cont .item-list .prd-price .discount_box { font-size: 19px; padding-right: 3px; }
.item-wrap .item-cont .item-list .prd-wish { bottom: 0; }


/* ¼±¹° °¡À̵å */
.gift-pop { position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0,0,0,.5); z-index: 100; visibility: hidden; opacity: 0;}
.gift-pop.on {visibility: visible; opacity: 1;}
.gift-pop .inner {width: 700px; padding: 45px; box-sizing: border-box; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); background: #fff;}
.gift-pop .inner .top {margin-bottom: 29px;}
.gift-pop .inner .top p {font-size: 25px; color: #36bfbd; float: left; font-weight:600; line-height:1;}
.gift-pop .inner .top .gift-closed {float: right; cursor:pointer;}
.gift-pop .inner ul li {text-align: center; letter-spacing:-2px;}
.gift-pop .inner ul li .txt1 {font-size: 28px; font-weight: 600;}
.gift-pop .inner ul li .txt2 {font-size: 14px; color: #8d8d8d; font-weight: 500; line-height: 23px; padding: 17px 0 37px;}
.gift-pop .inner ul li .txt2 b {font-weight: 600; color: #36bfbd;}
.step-tab.swiper-pagination {text-align: center; padding: 29px 0; display: block; position:static;}
.step-tab.swiper-pagination em {margin:0 5px;}
.step-tab.swiper-pagination .step {display:inline-block; width: 64px; line-height: 24px; height: 24px; background: #f7f7f7; border-radius:12px; opacity:1; cursor:pointer; color:#8c8c8c;}
.step-tab .step.active {background:#36bfbd; color:#fff;}
.gift-pop .swiper-button-prev {background:url(/design/mhmall2023/main/arrow_prev_wh.png) 54% 50% / 13px rgba(122, 122, 122, .5) no-repeat; top: 57%; left: 0; width: 50px; height: 80px;}
.gift-pop .swiper-button-next {background:url(/design/mhmall2023/main/arrow_next_wh.png) 54% 50% / 13px rgba(122, 122, 122, .5) no-repeat; top: 57%; right: 0; width: 50px; height: 80px;}

.giftBanner {position:relative;}
.giftBanner a {position: absolute; bottom: 0; left: 227px; bottom: 100px; cursor:pointer;}
/* BASIC css end */