/* BASIC css start */
#contentWrap.mixWidth{width:100% !important}
.mixWidth .prd-class-hd{width:1420px; margin:auto}
.mixWidth .bcate,
.mixWidth .item-wrap{width:1420px; margin:auto}
#productClass.mix .cate-wrap .classListWrap{width: 1420px;}
.cateTopBanner ul{
    gap: 15px;
}
.cateTopBanner{text-align:center}

.cateTopBanner .w100Banner{text-align:center}

.bcate.ver2{margin-top: 75px;
    padding: 0;
    font-size: 36px;
    font-weight: 500;
    line-height: 1;
    letter-spacing: -.5px;
    color: #000;}
.bcate.ver2 {}
/*ºÐ·ù»ó´Ü ¹è³Ê*/
.shopBrandBannerWrap {
    min-width: 1420px;
    margin: 0 auto;
}
.shopBrandBannerWrap ul {
  display: flex;
  flex-wrap: wrap;
    justify-content: center;
  list-style: none;
  padding: 0;
  margin: 0;
}

/* li °øÅë */
.shopBrandBannerWrap ul > li {
  padding: 0;
  margin: 0;
}
.shopBrandBannerWrap ul > li > a{
    display: flex;
    justify-content: center;
}
}
/* img °øÅë */
.shopBrandBannerWrap ul > li img {
  _width: 100%;
  _height: auto;
  display: block;
}

.shopBrandBannerWrap ul > li:only-child {
  flex: 1 0 100%;
}

.shopBrandBannerWrap ul > li:first-child:nth-last-child(2),
.shopBrandBannerWrap ul > li:first-child:nth-last-child(2) ~ li {
  flex: 1 0 calc((100% - 15px) / 2);
}

.shopBrandBannerWrap ul > li:first-child:nth-last-child(2) {
  margin-right: 15px;
}

.shopBrandBannerWrap ul > li:first-child:nth-last-child(3),
.shopBrandBannerWrap ul > li:first-child:nth-last-child(3) ~ li {
  flex: 1 0 calc((100% - 30px) / 3);
}

.shopBrandBannerWrap ul > li:first-child:nth-last-child(3),
.shopBrandBannerWrap ul > li:first-child:nth-last-child(3) ~ li:not(:last-child) {
  margin-right: 15px;
}



/* µðÁî´Ï ÀÔ°í¿¹Á¤ */
.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; z-index: -1; position: absolute; }

#productClass {padding-top: 30px;}
#productClass .prd-class-hd {display:none; margin-bottom: 30px; *zoom:1 }
#productClass .prd-class-hd:after { display:block; clear:both; content:'' }
#productClass .prd-class-hd .loc-navi {height: fit-content;}
#productClass .prd-class-hd .loc-navi dd{color: #9F9F9F;}
#productClass .prd-class-hd .loc-navi a {font-size: 14px; color: #9F9F9F; margin: 0 10px;}
#productClass .prd-class-hd .loc-navi a.on{font-weight:500;color:#6A6A6A}

#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 {
    font-size: 40px;
    font-weight: 500;
    text-align: center;
    line-height: 1;}

#productClass .cate-wrap .bcate.ver2 {
    text-align: left;
    margin-top: 75px;
    padding: 0;
    font-size: 36px;
    line-height: 1;
    letter-spacing: -.5px;
    color: #000;
}

#productClass .cate-wrap .classListWrap.ver2{margin: 0;}   
#productClass .cate-wrap .classListWrap.ver2 .classListCate1{
    border: 0;
    width: 1420px;
    margin: 30px auto;}
    
#productClass .cate-wrap .classListWrap.ver2 .classListCate1 ul{text-align: left;}
#productClass .cate-wrap .classListWrap.ver2 .classListCate1 ul li{}
#productClass .cate-wrap .classListWrap.ver2 .classListCate1 ul li.on{}
#productClass .cate-wrap .classListWrap.ver2 .classListCate1 ul li a,
#productClass .cate-wrap .classListWrap.ver2 .classListCate1 ul li a:hover{
    font-weight: 400 !important;
    display: block;
    padding: 0 20px;
    font-size: 16px;
    border-radius: 999px;
    height: 36px;
    line-height: 36px;
    background: #F6F6F6;
    color: #6A6A6A;
    margin-right: 10px;
    margin-left: 0;
    margin-top: 0;
    margin-bottom: 0;}
    
#productClass .cate-wrap .classListWrap.ver2 .classListCate1 ul li.on a{
    color: #fff;
    background: #000;
    font-weight: 400;}

.categoryTitWrap{margin-bottom:20px}
    
#productClass .cate-wrap .classListWrap { margin:30px 0 0}
#productClass .cate-wrap .classListWrap .classListCate1{text-align: center;border-bottom: 1px solid #E0E2E5; }
#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;
    margin: 20px 15px 0;
    padding-bottom: 20px;
    padding-top: 0;
    font-size: 18px;
    color: #6A6A6A;}
    
#productClass .cate-wrap .classListWrap .classListCate1 li.on a,
#productClass .cate-wrap .classListWrap .classListCate1 li a:hover {color:#000; position:relative;font-weight:600}

#productClass .cate-wrap .classListWrap .classListCate1 li.on a:after,
#productClass .cate-wrap .classListWrap .classListCate1 li a:hover:after{opacity:0; content:"-";position:absolute; bottom:-1px; height:1px; width:100%; background:#000; font-size:0; left: 0;}

#productClass .cate-wrap .classListWrap .classListCate2 { display:none; padding:20px 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;
    text-align: center;
    line-height: 1;
    vertical-align: top;
    background: #F6F6F6;
    margin-right: 10px;
    border-radius: 999px;
    overflow: hidden;}
    
#productClass .cate-wrap .classListWrap .classListCate2 li a {
    display: block;
    position: relative;
    padding: 10px 20px;
    font-size: 15px;
    color: #6A6A6A;
    line-height: 1;}
#productClass .cate-wrap .classListWrap .classListCate2 li.on,
#productClass .cate-wrap .classListWrap .classListCate2 li.on:hover{ background:#000; }
#productClass .cate-wrap .classListWrap .classListCate2 li.on a,
#productClass .cate-wrap .classListWrap .classListCate2 li.on:hover a{ color:#fff }


#productClass .cate-wrap .classListWrap .classListCate2 li.on a:after,
#productClass .cate-wrap .classListWrap .classListCate2 li a:hover:after { opacity:0; 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; }


/* °¡°Ý ³ëÃâ ¼öÁ¤°Ç 
.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 {display: none;  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 */