/* BASIC css start */
#headerWrap{position:fixed !important;}
#contentWrapper{margin-top: 151px !important; overflow: hidden;}
.sectionWrap.grid-6-1, .sectionWrap.grid-6-2 {
    width: 1418.64px !important;
}
/* 메인 비쥬얼 배너 */
/*#mainSpot { position:relative; min-width:1275px; overflow:hidden }
#mainSpot .spotSlider { height:0; visibility:hidden; overflow:hidden }
#mainSpot .spotSlider.swiper-container-initialized { height:auto; visibility:visible; overflow:visible }
#mainSpot .swiper-slide a { display:block }
#mainSpot .swiper-slide img { width:100% }
#mainSpot .spotItemList { position:absolute; top:50%; right:calc((100% - 1200px) / 2); transform:translateY(-50%) } 
#mainSpot .spotItemList .itemList { display:inline-block; float:left; margin:0 12.5px; width:180px; background:#fff; box-shadow:7px 7px 9px rgba(0,0,0,.35) }
#mainSpot .spotItemList .itemList .itemThumb img { width:100% }
#mainSpot .spotItemList .itemList .itemInfoBox { display:block; padding:0 5px; width:100%; min-height:70px; text-align:center; box-sizing:border-box }
#mainSpot .spotItemList .itemList .itemInfoBox .itemName { display:-webkit-box; padding-top:10px; font-size:18px; font-weight:700; line-height:23px; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical }
#mainSpot .spotItemList .itemList .itemInfoBox .itemSubName { display:-webkit-box; margin-top:2px; font-size:16px; color:#a1a1a1; line-height:24px; text-overflow:ellipsis; word-wrap:break-word; -webkit-line-clamp:1; -webkit-box-orient:vertical }
#mainSpot .pagingWrap { display:flex; margin:30px 0; align-items:center; justify-content:center }
#mainSpot .pagingWrap .spotPaging { display:flex; width:fit-content!important; text-align:center }
#mainSpot .pagingWrap .spotPaging .swiper-pagination-bullet { margin:0 7px !important; width:15px; height:15px; border-radius:50%; background:#d9d9d9; opacity:1 }
#mainSpot .pagingWrap .spotPaging .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#2fb8bd }
#mainSpot .pagingWrap .controlBtn { margin:0 7px; cursor:pointer }
#mainSpot .pagingWrap .spotPauseBtn { width:15px; height:15px; background:url(/design/mhmall2023/main/btn_pause.png) 0 0 no-repeat }
#mainSpot .pagingWrap .spotPlayBtn { display:none; width:0; height:0; border-bottom:calc( 7px * 1.732 ) solid #d9d9d9; border-left:7px solid transparent; border-right:7px solid transparent; border-radius:1px; transform:rotate(90deg)  }
#mainSpot .arrowWrap {  }
#mainSpot .arrowWrap .arrowBtn { margin-top:-30px; position:absolute; top:50%; width:60px; height:60px; text-align:center; border-radius:50%; transform:translateY(-50%); z-index:100 }
#mainSpot .arrowWrap .spotPrevBtn { margin-left:-637px; left:50%; background:url(/design/mhmall2023/main/arrow_prev_wh.png) 46% 50% / 13px rgba(122,122,122,.5) no-repeat }
#mainSpot .arrowWrap .spotNextBtn { margin-right:-637px; right:50%; background:url(/design/mhmall2023/main/arrow_next_wh.png) 54% 50% / 13px rgba(122,122,122,.5) no-repeat }

*/
.TimePrdSlider{display: flex;
    justify-content: flex-start;
    gap: 20px;    
}
        
    
.w1420{width:1420px; margin:auto}

.Progressbar{height:unset !important}

.w1330{
    width: 1330px !important;
    margin: auto;
    display: flex;
    justify-content: space-between;
    align-items: flex-start;
    position: relative;
    height: 50px;}

.mainBnrSwiper {/*
    position: relative;
  width: 100%;
  padding: 20px 0 65.5px;
  overflow: hidden; */
  
    position: relative;
  padding: 20px 0 65.5px;
  width: 100% !important;
  max-width: 100% !important;
  margin: 0 auto !important; /* 컨테이너 자체를 중앙으로 */
  overflow: visible; /* 양옆 슬라이드가 잘려 보이지 않게 */
}
  
/* 양 옆 잘림*/

.mainBnrSwiper .swiper-wrapper {
 /* padding-left: 50%;  
  padding-right: 50%; */
}

.mainBnrSwiper .swiper-slide {
  border-radius: 12px;
  text-align: center;
  font-size: 30px;
  /*width: calc((100% / 4)); /* 4개 기준 배분 */ 
  width: 430px;
  flex-shrink: 0;   
}

.mainBnrSwiper .swiper-slide a{
    background-size: cover ! important;
    display: block;
    padding: 0;
    background-position: right ! important;
    height: 575px;
    border-radius: 30px;}
    
    
.mainBnrSwiper .swiper-slide a img{
    width: 100%;
    position: absolute;
    opacity: 0;
    z-index: -1;
    height: 100%;
    left: 0;}

.mainBnrSwiper .swiper-slide .con{
    position: absolute;
    display:none;
    left: 0;
    bottom: 50px;
    text-align: left;
    color: #fff;
    padding: 0 40px;
    width: calc(100% - 80px);}
    
    
.mainBnrSwiper .swiper-slide .con .title{
    line-height: 1;}
.mainBnrSwiper .swiper-slide .con .info{
    font-size: 15px;
    color: #fff;
    margin-top: 20px;
    line-height: 1;}


/* 잘림 효과: 맨앞과 맨뒤를 50% 잘리게 */
.mainBnrSwiper .swiper-wrapper {
 /* padding-left: 12.5%;  전체 폭의 1/8 = 슬라이드 절반 
  padding-right: 12.5%;*/
}

.mainBnrSwiper .swiper-controls {
    top: 22px;
    width: 103px;
    position: absolute;
    right: 0;
    display: flex;
    justify-content: space-between;}

.mainBnrSwiper .swiper-controls .swiper-button-next,
.mainBnrSwiper .swiper-controls .swiper-button-prev{position:relative; margin-top: -12px;}

.mainBnrSwiper .swiper-controls .swiper-button-next{
    background: url(/design/mhmall2023/2025_renewal/pc/img/sld-r.svg) no-repeat center;
    font-size: 0;
    right: 0;}
.mainBnrSwiper .swiper-controls .swiper-button-prev{
    background: url(/design/mhmall2023/2025_renewal/pc/img/sld-l.svg) no-repeat center;
    font-size: 0;
    left: 0;}
.mainBnrSwiper .swiper-controls .btn-pause{
    width: 24px;
    height: 24px;
    background: url(/design/mhmall2023/2025_renewal/pc/img/sld-pause.svg) no-repeat center;
    font-size: 0;
    margin-top: -1px;}
.mainBnrSwiper .swiper-controls .btn-play{
    width: 24px;
    height: 24px;
    background: url(/design/mhmall2023/2025_renewal/pc/img/sld-play.svg) no-repeat center;
    font-size: 0;
    margin-top: -1px;}

.mainBnrSwiper .swiper-pagination{
    width: 1207px;
    position: relative;
    height: 5px !important;
    top: 0 !important;
    background: #E0E2E5 !important;
    box-sizing: border-box;
    margin-top: 29px;}
    
    
.mainBnrSwiper .swiper-pagination .swiper-pagination-progressbar-fill{background:#000000 !important}

/*메인미니카테고리*/
.mainMiniCate{
    width: 1420px;
    margin: auto;
    text-align: center;}
    
.mainMiniCate ul{
    display: flex;
    justify-content: center;
    gap: 5px;
    margin-bottom: 8px;}

.mainMiniCate ul:nth-last-child(1){margin-bottom:0}

.mainMiniCate ul li{
    padding: 0 5px;
    border: 1px solid #E0E2E5;
    border-radius: 5000px;
    height: 42px;
    line-height: 42px;
    box-sizing: border-box;}
.mainMiniCate ul li a{
    padding: 5px 0;
    font-size: 0;
    display: flex;
    align-items: center;
    justify-content: center;}
    
.mainMiniCate ul li a img{
    border-radius: 100%;
    width: 32px;}
    
.mainMiniCate ul li a span{
    font-size: 15px;
    color: #000000;
    font-weight: 500;
    margin: 0 15px 0 10px;
    white-space: nowrap;
    line-height: 1;
}

.mainMiniCate ul .first{}
.mainMiniCate ul .second{}


/*메인와이드배너*/
.mainWide{margin: 80px auto 104px;}    
.mainWide ul{display: flex}
.mainWide ul li{width: 50%;}
.mainWide ul li a{
    display: block;
    width: 100%;}
    
.mainWide ul li:nth-child(1) a{
    background: #eee;}
.mainWide ul li a img{width:100%}
/*메인와이드배너*/


/*서브 브랜드 배너*/
.mainSubBrand{
    display: block;
    width: 1420px;
    margin: 104px auto 0;}   
.mainSubBrand ul{display: flex; gap:20px;}
.mainSubBrand ul li{width: 220px}
.mainSubBrand ul li a{
    display: block;
   height: 85px;
    line-height: 85px;
    background: #F6F6F6;
    width: 100%;
    text-align: center;
    border-radius: 10px;}
    
    
.mainSubBrand ul li a img{}


/*타임세일*/
.timeSale .timer {
  font-size: 18px;
  color: #ff4d4f;
  font-weight: 600;
}
.mainTimeSale .upTo{margin-bottom:15px; color:#FE5F57; font-size:27px; font-weight:700; text-align:center; line-height: 1;}
.mainTimeSale .end_time{}

/* 타임세일 카운트다운 */
.mainTimeSale .timeCounter {text-align:center; display: flex; align-items: center; justify-content: center;}
.mainTimeSale .timeCounter span {line-height: 1;font-size:40px; color:#000; font-weight:700;}
.mainTimeSale .timeCounter span.countdown_date{
    display: flex;
    align-items: center;}
    
.mainTimeSale .timeCounter em{
    font-size: 40px;
    color: #000;
    font-weight: 700;
    margin: 0 20px;
    margin-top: -21px;}
.mainTimeSale .timeCounter span:after{
    font-size: 12px;
    display: block;
    font-weight: 600;
    color: #6a6a6a;
    letter-spacing: -.5px;
    margin-top: 5px;}


.mainTimeSale .timeCounter span.days{}
.mainTimeSale .timeCounter span.days:after{content:"DAY"}
.mainTimeSale .timeCounter span.hours{}
.mainTimeSale .timeCounter span.hours:after{content:"HOURS"}
.mainTimeSale .timeCounter span.minutes{}
.mainTimeSale .timeCounter span.minutes:after{content:"MIN"}
.mainTimeSale .timeCounter span.seconds{}
.mainTimeSale .timeCounter span.seconds:after{content:"SEC"}

.mainTimeSale .timeSwiper .swiper-slide{width:220px !important}

/*숏폼*/
.mainShortform{overflow:hidden; background:#000;}


.mainShortform .secHead {
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 40px;
  margin-top: 104px;
}

.mainShortform .secHead h2 {
  font-weight: 500;
  color: #fff !important;
  font-size: 28px;
}
.mainShortform .secHead a{
    color: #6A6A6A;
    font-size: 16px;}

.mainShortform .swiper{overflow: hidden;}

.shortformSwiper .swiper-slide {
  position: relative;
}


.shortItem {
    aspect-ratio: 240/ 323;
    position: relative;
    border-radius: 25px;
    _overflow: hidden;
    padding-bottom: 30px;
}

.shortItem p.title{
    position: absolute;
    bottom: 0;
    right: 20px;
    color: #fff;}

.shortItem .thumb {
  width: 100%;
  height: 100%;
  object-fit: cover;
  display: block;
}


.shortItem img {
  width: 100%;
  border-radius: 25px;
  filter: brightness(0.5);
}

.shortVideo {
    position: absolute;
    inset: 0;
    width: 100%;
    object-fit: cover;
    display: none;
    aspect-ratio: 240 / 323;
    overflow: hidden;
    border-radius: 25px;
}


.play_ico {
  display:none;
  position: absolute;
  _inset: 0;
  margin: auto;
  height: 30px;
    z-index: 10;
    pointer-events: none;
    transition: .3s;
    top: 10px;
    left: 10px;
    width: 30px !important;
}


.shortNav {
  display: flex;
  justify-content: center;
  align-items: center;
    margin-top: 50px;
    gap: 10px;
    margin-bottom: 104px;
}

.shortNav button {
  background: none;
  font-size:0; 
}

.shortNav button.swiper-button-disabled{opacity:0.5}

.shortNav button.prev{
    background: url(/design/mhmall2023/2025_renewal/pc/img/chevron-left-w.svg) no-repeat;
    width: 23px;
    height: 23px;
    background-size: 23px;}
.shortNav button.next{
    background: url(/design/mhmall2023/2025_renewal/pc/img/chevron-right_24x24.svg) no-repeat;
    width: 23px;
    height: 23px;
    background-size: 23px;}

.shortNav .page {
    font-size: 14px;
    color: #fff;
    width: 36px;
    display: flex;
    align-items: center;
    justify-content: space-around;
}

.shortNav strong {
}


.tabMenu {position:relative; display:flex; gap:20px; justify-content:flex-start; list-style:none; margin:0 0 30px 0; padding:0;}
.tabMenu li {font-size:16px;}
.tabMenu li a {text-decoration:none; color:#555; padding-bottom:5px; display:inline-block;}
.tabMenu li.on a {color:#000; border-bottom:2px solid #007aff;}
.tabContent {
    position: relative;
    margin: 0 auto;
    overflow: hidden;}
.tabPanel {display:none;}
.tabPanel.active {display:block;}

/* 메인 컨텐츠 정렬 */
.innerContainer { margin:0 auto; position:relative;_width:1275px }
.innerContainer > .item-cont {
    display: flex;
    justify-content: flex-start;
    gap: 15px;
    
}
/* 메인 타이틀 */
.mainTitle { text-align:center }
.photo_review { padding: 10px 0 10px; }
.mainTitle h3 { position:relative; line-height:1 }
.mainTitle h3 a,
.mainTitle h3 span { font-size: 40px; font-weight: 500; letter-spacing: -.05em; line-height: 1; }
.mainTitle h3 .moreBtn { position:absolute; right:0; bottom:0; line-height:normal }
.mainTitle h3 .moreBtn .linkMore { display:block; padding-right:20px; position:relative; font-size:18px; color:#424242; font-weight:300; line-height:1.1 }
.mainTitle h3 .moreBtn .linkMore:before { display:block; position:absolute; top:1px; right:5px; width:1px; height:10px; transform:rotate(-45deg); background:#424242; content:'' }
.mainTitle h3 .moreBtn .linkMore:after { display:block; position:absolute; top:8px; right:5px; width:1px; height:10px; transform:rotate(45deg); background:#424242; content:'' }
.mainTitleW h3 a,
.mainTitleW h3 .moreBtn .linkMore { color:#000 }
.mainTitleW h3 .moreBtn .linkMore:before,
.mainTitleW h3 .moreBtn .linkMore:after { background:#000 }

/* 곧 사라지는 타임 특가 */
.TimePrdWrap { padding:40px 0 0; background: #fff; }
.TimePrdWrap .TimePrdArea {  }


/*폰트임시반영 1121*/
.TimePrdWrap .TimePrdArea  .item-list .prd-info .prd-name a{font-size:15px;}

/*폰트임시반영 끝 1121*/
.TimePrdWrap .TimePrdArea .bestCateTab { display:none; position:static; width:auto; overflow:hidden }
.TimePrdWrap .TimePrdArea .bestCateTab ul { display:flex; width:100%; font-size:0; justify-content:center; flex-wrap:wrap; box-sizing:border-box }
.TimePrdWrap .TimePrdArea .bestCateTab li { display:inline-block; margin:0 0 0 15px; width:auto; text-align:center }
.TimePrdWrap .TimePrdArea .bestCateTab li:first-child { margin:0 }
.TimePrdWrap .TimePrdArea .bestCateTab li a { display:block; padding:10px 22px; font-size:18px; font-weight:400; line-height:1; white-space:nowrap; border-radius:500px; background:#f1f1f1 }
.TimePrdWrap .TimePrdArea .bestCateTab li.on a { color:#fff; background:#2fb8bd }
.TimePrdWrap .TimePrdArea .bestListArea { padding-top:0; position:relative; height:auto }
.TimePrdWrap .TimePrdArea .bestListArea .swiper-wrapper{}

.TimePrdWrap .TimePrdArea .bestListArea .bestTabCont { position:relative; height:0; visibility:hidden; overflow:hidden }
.TimePrdWrap .TimePrdArea .bestListArea .bestTabCont.on { height:auto; visibility:visible; overflow:visible }

/* 인기있는 상품*/
.HotPrdWrap { _padding:40px 0 0 }
.HotPrdWrap .HotPrdArea { _padding-top:70px }


.HotPrdWrap .innerContainer .product-swiper .item-list{width:200px}
.HotPrdWrap .innerContainer .product-swiper .item-list .thumb{width:200px;height:200px;}
.HotPrdWrap .HotPrdArea .HotCateTab { position:static; width:auto; overflow:hidden }
.HotPrdWrap .HotPrdArea .HotCateTab ul{ 
    display: flex;
    width: 100%;
    font-size: 0;
    flex-wrap: nowrap;
    box-sizing: border-box;
    gap: 5px;}
    
.HotPrdWrap .HotPrdArea .HotCateTab li { display:inline-block; width:auto; text-align:center; margin-right: 0;}
.HotPrdWrap .HotPrdArea .HotCateTab li:first-child { margin:0 }
.HotPrdWrap .HotPrdArea .HotCateTab li a,
.HotPrdWrap .HotPrdArea .HotCateTab li span {
    display: block;
    padding: 11px;
    font-size: 18px;
    font-weight: 400;
    line-height: 1;
    white-space: nowrap;
    border-radius: 500px;
    color: #6A6A6A;
    font-family: Pretendard;}

.HotPrdWrap .HotPrdArea .HotCateTab li.on span {
    color: #fff;
    background: #000000;
    font-weight: 400; }
.HotPrdWrap .HotPrdArea .HotListArea { 
    padding-top: 40px;
    position: relative;
    height: auto;
    display: flex;
    gap: 20px; }
    
.HotPrdWrap .HotPrdArea .HotListArea .leftSide{width:550px;}
.HotPrdWrap .HotPrdArea .HotListArea .rightSide{width:850px;overflow:hidden}
.HotPrdWrap .HotPrdArea .HotListArea .HotTabCont { margin-left:15px; position:relative; height:0; visibility:hidden; overflow:hidden }
.HotPrdWrap .HotPrdArea .HotListArea .HotTabCont.on { height:auto; visibility:visible; overflow:visible }
.HotPrdWrap .product-swiper .swiper-slide .item-wrap{    display: grid;
    grid-template-columns: repeat(4, 1fr);
    padding: 0;
    grid-template-rows: repeat(2, minmax(200px, auto));
    gap: 26.35px 16.67px;
    width: 100%;
    overflow: hidden;
    justify-items: start;
    box-sizing: border-box;
}

.HotPrdWrap .product-swiper .swiper-slide .item-wrap{_width: 100%;;}

.HotPrdWrap .product-swiper .swiper-slide .item-wrap .item-list:nth-child(10n+1){
    position: relative;/*
    grid-row-start: 1;
    grid-column-start: 1;
    grid-row-end: span 2;
    grid-column-end: span 1;*/}
    
    
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .priceArea{margin-top:0}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-wish .my-wish-list{width: 19.58px; height: 17.03px;}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info{position:absolute;left:30px; bottom:30px; width: calc(100% - 60px); }
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info > ul{text-shadow: 2px 2px 4px rgba(128,128,128,0.6); }
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info .prd-name a{font-weight:400; font-size:18px; color:#fff; min-height: auto; margin-bottom: 13px;}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info .prd-price{padding-top: 0;}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info .discount_box{padding-right:8px}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info .discount_box,
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info .discount_box span{font-size:20px; font-weight:700; color: var(--point-color) !important;}

.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info .price{font-size:20px; font-weight:700; color:#fff}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .prd-info .prd-wish{_display:none}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide,
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .item-list,
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .thumb,
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .thumb a,
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .thumb a img{width:550px;height:600px}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .thumb a img{_object-fit: cover;}


.HotPrdWrap .HotPrdArea .HotListArea .leftSide .item-list .thumb{
    position: relative;
}
.HotPrdWrap .HotPrdArea .HotListArea .leftSide .item-list .thumb:after { content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 50%; 
  pointer-events: none;
  background: linear-gradient(
    to bottom,
    rgba(0,0,0,0) 0%,
    rgba(0,0,0,0.8) 100%
  );
}


.HotPrdWrap .leftSide .item-list .thumb img {
  width: 100%;
  height: auto;
  display: block;
}


.HotPrdWrap .leftSide .prd-info {
  padding-top: 0 !important;
  margin-top: 13px;
}

.HotPrdWrap .leftSide .prd-info .prd-name a {
    line-height: 1.4 !important;
    -webkit-line-clamp: 2 !important;
}

.HotPrdWrap .leftSide .prd-price .prd-wish .my-wish-list{margin-top: 10px;}

.HotPrdWrap .leftSide .prd-price .priceArea {
  margin-top: 5px;
}

.HotPrdWrap .leftSide .prd-price .priceArea strike{
    display:none;
    order: 2;}

.HotPrdWrap .leftSide .prd-price .priceArea > div{
    order: 1;}


.HotPrdWrap .product-swiper .item-list .thumb img {
  width: 100%;
  height: auto;
  display: block;
}

.HotPrdWrap .prd-wish{_display:none}

.HotPrdWrap .product-swiper .prd-info {
  padding-top: 0 !important;
  margin-top: 13px;
}

.HotPrdWrap .product-swiper .prd-info .prd-name a {}

.HotPrdWrap .product-swiper .prd-price .prd-wish .my-wish-list{margin-top: 10px;height: 15px;}

.HotPrdWrap .product-swiper .prd-price .priceArea {
  margin-top: 5px;
}

.HotPrdWrap .product-swiper .prd-price .priceArea strike{
    display:none;
    order: 2;}

.HotPrdWrap .product-swiper .prd-price .priceArea > div{
    order: 1;}
.HotPrdWrap .product-swiper .prd-price .priceArea > div .discount_box{padding-right: 8px;}

.HotPrdWrap .big .item-list {
    width: 550px;
}

.HotPrdWrap .paging_custom{    width: 97px;
    margin: 40px auto 0;
    height: 14px;
    line-height: 1;
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 10px;}
    
.HotPrdWrap .paging_custom * {
    position: relative;
}


.HotPrdWrap .paging_custom .swiper-button-prev,.HotPrdWrap .paging_custom .swiper-button-next{margin-top:0}
.HotPrdWrap .paging_custom .swiper-button-prev{
    order: 1;
    background: url(/design/mhmall2023/2025_renewal/pc/img/arrow-l.png) no-repeat;
    width: 8px;
    height: 14px;
    position: unset;}
.HotPrdWrap .paging_custom .swiper-button-next{
    margin-left: 0;
    order: 3;
    background: url(/design/mhmall2023/2025_renewal/pc/img/arrow-r.png) no-repeat;
    width: 8px;
    height: 14px;
    position: unset;}
    
.HotPrdWrap .paging_custom .swiper-pagination{    order: 2;
    width: 30px;
    letter-spacing: 0;
    margin: auto;
    display: flex;
    align-items: center;
    justify-content: space-between;
    align-content: center;
    position: unset;
    text-align: center;}
    
.HotPrdWrap .paging_custom .swiper-pagination span{font-size: 14px; font-weight: 500;}
.HotPrdWrap .paging_custom .swiper-pagination .swiper-pagination-current{margin-right: 3px;}
.HotPrdWrap .paging_custom .swiper-pagination .swiper-pagination-total{margin-left: 3px;}


/*진열공통css*/
.sectionWrap {
  width: 1420px;
  margin: 0 auto;
  padding: 104px 0 0;
}

.sectionWrap.full{width:100% !important;background:#F6F6F6}

.full .secHead,
.full .innerContainer{
  width: 1420px;
    margin: 0 auto 80px;}

.secHead{display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 40px;}

.sectionWrap h2 {font-weight: 500;
    color: #000;
    font-size: 28px;
    line-height: 1;
}

.sectionWrap .more {
    color: #6A6A6A;
    font-size: 16px;
    font-weight: 500;
}

.innerContainer .item-list { position:relative; width:220px }
.innerContainer .item-list .thumb { position:relative; width:220px; height:220px }
.innerContainer .item-list .thumb img { width:220px; height:220px; }
.innerContainer .item-list .thumb .listIdx { display:none; position:absolute; top:11px; left:11px; width:40px; height:40px; font-size:20px; color:#fff; font-weight:700; text-align:center; line-height:40px; letter-spacing:normal; border-radius:50%; background:#2fb8bd; z-index:10 }
.innerContainer .item-list .thumb .soldOut { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999em; background:rgba(255,255,255,0.6) url(/design/mhmall2023/common/prd_soldout.png) 0 0 no-repeat; background-size: 100%; }
.innerContainer .item-list .prd-info { width:100%; padding-top:10px }
.innerContainer .item-list .prd-info .prd-name {  }
.innerContainer .item-list .prd-info .prd-name.w60 a{width:70%; word-break: keep-all}
.innerContainer .item-list .prd-info .prd-name a {height:40px;  display:-webkit-box; font-size:15px; font-weight:350; letter-spacing:-.03em; line-height: 1.4em; white-space:normal; word-wrap:normal; -webkit-line-clamp:2; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden; width: calc(100% - 17px);}
.innerContainer .item-list .prd-price { padding-top:10px; position:relative; line-height: 1; display: flex; justify-content: space-between;}
.innerContainer .item-list .prd-price .priceArea { display:flex; justify-content:flex-start; align-items:flex-end; }
.innerContainer .item-list .prd-price .discount_box {padding-right:4px;font-size:18px;color:var(--point-color);font-weight:600}
.innerContainer .item-list .prd-price .groupName { _display:none;padding-right:7px; font-size:15px; color:var(--point-color); font-weight:700 }
.innerContainer .item-list .prd-price .price { padding-right:7px; font-size:18px; font-weight:600; letter-spacing:-.05em; white-space:nowrap }
.innerContainer .item-list .prd-price strike { display:none; font-size:14px; color:#888; white-space:nowrap; }
.innerContainer .item-list .prd-wish { }
.innerContainer .item-list .prd-wish a { display:block }
.innerContainer .item-list .prd-wish a span.my-wish-list{ 
    width: 17px;
    height: 15px;
    background-position: top;
    vertical-align: middle;} 
.innerContainer .item-list .prd-wish img {  display:none !important;  width:21px }
.innerContainer .item-list .prd-wish .wishOn { display:none }
.innerContainer .item-list .prd-wish .wish-on .wishOn { display:block }
.innerContainer .item-list .prd-wish .wish-on .wishOff { display:none }

.slick-list{margin: 0 -10px -20px !important;}
.slick-slide{margin: 0 10px 20px !important;}


/*고객님 취향추천*/
.mainRecommend  {overflow:visivle !important}
.recTabCont .slickArrowBtn{}
.recTabCont .slickArrowBtn button{width: 40px;height: 40px;font-size: 0; display: inline-block;}
.recTabCont .slickArrowBtn .groobeeSlickPrev{background: url(/design/mhmall2023/2025_renewal/pc/img/left.png) no-repeat;}
.recTabCont .slickArrowBtn .groobeeSlickNext{background: url(/design/mhmall2023/2025_renewal/pc/img/right.png) no-repeat;}


/* 그루비(맞춤 PICK) */
.groobeeProductWrap {/*background: url(/design/mhmall2023/main/bg/pc_user_bg.jpg) 0 0 no-repeat; background-size: cover;background: #B9715B;*/ padding: 20px 0 70px;}
.groobeeProductWrap .titleArea { text-align:center }
.groobeeProductWrap .titleArea h3 { position:relative; font-size:40px; font-weight:500; letter-spacing:-.05em; line-height:1; color :#fff; }
.groobeeProductWrap .titleArea h3 span { /*color:#4594F0*/  }
.groobeeProductWrap .productWrap { margin:0 auto; position:relative;/* padding-top:75px; width:1275px*/}
.groobeeProductWrap .productWrap .slick-list {  }
.groobeeProductWrap .productWrap .slick-slide {
    width: 220px ! IMPORTANT;}
.groobeeProductWrap .productWrap .item-list { width:220px !important; height: 298px;background: #fff; margin-bottom: 70.81px;}
.groobeeProductWrap .productWrap .item-list .thumb{ width:220px;height:220px}
.groobeeProductWrap .productWrap .item-list .thumb img { width:220px;height:220px}
.groobeeProductWrap .productWrap .item-list .prd-info { padding: 10px 0 0; }
.groobeeProductWrap .productWrap .item-list .prd-info .prd-name a { 
    display: -webkit-box;
    letter-spacing: -.03em;
    line-height: 1.4;
    white-space: normal;
    word-wrap: normal;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    text-overflow: ellipsis;
    overflow: hidden; }
.groobeeProductWrap .productWrap .item-list .prd-price { padding-top:10px; position:relative }
.groobeeProductWrap .productWrap .item-list .prd-price .priceArea { display:flex; justify-content:flex-start; align-items:flex-end; flex:1 }
.groobeeProductWrap .productWrap .item-list .prd-price .discount_box {
    padding-right: 7px;
    font-size: 18px;
    color: #FE5F57;
    font-weight: 600;}
.groobeeProductWrap .productWrap .item-list .prd-price .groupName { padding-right:7px; font-size:15px; color:#fe5f57; font-weight:700 }
.groobeeProductWrap .productWrap .item-list .prd-price .price { /*padding-right:7px; font-size:20px; font-weight:600; letter-spacing:-.05em; white-space:nowrap */}
.groobeeProductWrap .productWrap .item-list .prd-price strike { /*font-size:15px; color:#888; white-space:nowrap */}
.groobeeProductWrap .productWrap .item-list .prd-wish {}
.groobeeProductWrap .productWrap .item-list .prd-wish a { display:block }
.groobeeProductWrap .productWrap .item-list .prd-wish img { width:21px }
.groobeeProductWrap .productWrap .item-list .prd-wish .wishOn { display:none }
.groobeeProductWrap .productWrap .item-list .prd-wish .wish-on .wishOn { display:block }
.groobeeProductWrap .productWrap .item-list .prd-wish .wish-on .wishOff { display:none }


.groobeeProductWrap .productWrap .slickArrowBtn {}
.groobeeProductWrap .productWrap .slickArrowBtn .slick-arrow {
transition: 0.2s;
position:absolute;  top: 50% !important;  transform: translateY(-50%);width: 36px; height: 36px;ext-indent:-9999em; text-align:center; border-radius:5px; background: rgba(0, 0, 0, .1); overflow:hidden ;
    overflow: hidden;
    font-size: 0;}
.groobeeProductWrap .productWrap .slickArrowBtn .slick-arrow:after { display:block; position:absolute; top:0; left:0; width:100%; height:100%; content:'' }
.groobeeProductWrap .productWrap .slickArrowBtn .slick-arrow.slick-disabled { 
    opacity: 0.5;
    cursor: auto; }
    
.groobeeProductWrap .productWrap .slickArrowBtn .slick-arrow.slick-disabled[aria-disabled='true']{opacity:0}
    
.groobeeProductWrap .productWrap .slickArrowBtn .groobeeSlickPrev {left:0 }
.groobeeProductWrap .productWrap .slickArrowBtn .groobeeSlickPrev:after { background:url(/design/mhmall2023/2025_renewal/slide_prev_2.svg) 46% 50% / 9px no-repeat;background-repeat: no-repeat !important; background-position: center !important;  background-size: 8px 13px ! IMPORTANT }
.groobeeProductWrap .productWrap .slickArrowBtn .groobeeSlickNext {right:0 }
.groobeeProductWrap .productWrap .slickArrowBtn .groobeeSlickNext:after {     background: url(/design/mhmall2023/2025_renewal/slide_next_2.svg) 54% 50% / 9px no-repeat; background-repeat: no-repeat !important; background-position: center !important; background-size: 8px 13px ! IMPORTANT;}

/* hover 상태 */
#groobeeProductLoad:hover .slick-arrow:not(.slick-arrow.slick-disabled){opacity:1 !important;
    transition: 0.2s;
    background: rgba(0, 0, 0, 0.7);
}


#groobeeProductLoad .slick-arrow slick-disabled{opacity:0 !important;
    transition: 0.2s;}


/* 주목해야 할 기획전 */
.planPrdWrap { padding-top:110px }
.planPrdWrap .planPrdArea { display:flex; gap:35px; _padding-top:40px }
.planPrdWrap .planPrdArea .planPrdList { width:450px }
.planPrdWrap .planPrdArea .planPrdList:last-child { margin-right:0 }
.planPrdWrap .planPrdArea .planPrdList .planPrdBanner {  }
.planPrdWrap .planPrdArea .planPrdList .planPrdBanner .bannerThumb {  }
.planPrdWrap .planPrdArea .planPrdList .planPrdBanner .bannerThumb img { width:100% }
.planPrdWrap .planPrdArea .planPrdList .planPrdBanner .bannerInfo {padding: 20px 0 0}
.planPrdWrap .planPrdArea .planPrdList .planPrdBanner .bannerInfo a { display:block }
.planPrdWrap .planPrdArea .planPrdList .planPrdBanner .bannerInfo .planName {
    display: block;
    font-weight: 500;
    font-size: 25px;
    color: #000;
    letter-spacing: -.05em;
    line-height: 1;
    margin-bottom: 15px;}
.planPrdWrap .planPrdArea .planPrdList .planPrdBanner .bannerInfo .planSubName {    display: block;
    font-weight: 500;
    font-size: 16px;
    color: #6A6A6A;
    letter-spacing: -.05em;
    line-height: 1.3em;
    max-height: 41px;
    overflow: hidden;}
    
.planPrdWrap .planPrdArea .planPrdList .planProduct { padding-top:0; overflow:hidden }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul {
    display: flex
;
    flex-direction: column;
 }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li {}
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li:first-child { margin:0 }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont { position:relative }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list{
    width: 100%;
    display: flex
;
    padding: 20px 0;
    border-bottom: 1px solid #E0E2E5;}
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .soldOut { position:absolute; top:0; left:0; width:100%; height:100%; text-align:center;  text-indent:-9999em; background:rgba(255,255,255,0.6) url(/design/mhmall2023/common/prd_soldout.png) 50% 50% no-repeat; z-index:10 }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .thumb {
    width: 99px;
    height: 99px; }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .thumb a { display:block }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .thumb img { width:100%; height:100% }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info {padding: 5px 0 0 15px; width: calc(100% - 110px);}
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list:hover .prd-info { bottom:0 }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox { display:table; width:100%; height:100%; vertical-align:middle }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox ul {}
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-name a { display:-webkit-box; _font-size:14.25px; color:#000; font-weight:400; line-height:1.4em; letter-spacing:-.05em; white-space:normal; word-wrap:normal; -webkit-line-clamp:1; -webkit-box-orient:vertical; text-overflow:ellipsis; overflow:hidden }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-price { padding-top:20px; position:relative }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-price .priceArea { display:flex; align-items:flex-end; width:calc(100% - 25px); line-height:1 }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-price .priceArea span{font-size:18.35px}
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-price .discount_box { padding-right:7px; font-size:18.35px; color:#fe5f57; _font-weight:700 }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-price .groupName { padding-right:7px; font-size:15px; color:#299da3; font-weight:700 }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-price .price { }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-wish { position:absolute; bottom:1px; right:0 }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-wish a { display:block }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-wish img { width:19px }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-wish .wishOn { display:none }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-wish .wish-on .wishOn { display:block }
.planPrdWrap .planPrdArea .planPrdList .planProduct > ul > li .item-cont .item-list .prd-info .infoBox .prd-wish .wish-on .wishOff { display:none }

/* TV CF ON-AIR */
.recmdPrdWrap {padding:104px 0;}


@media screen and (min-width: 768px){
.recmdPrdWrap .yt-frame-container {
    position: relative;
    width: 500px;          /* 고정 */
    aspect-ratio: 9 / 16;  /* 숏츠 비율 → 자동 높이 */
    margin: 0 auto;
    overflow: hidden;
    background: #000;      /* 로딩시 검은 빈칸 방지 */
  }

.recmdPrdWrap .yt-frame-container iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;  
    height: 100%; /* 비율에 맞게 자동으로 높이 생성됨 */
    pointer-events: none;
  }
}


.recmdPrdWrap .recmdPrdListArea {display: flex;justify-content: space-between; clear: both; width: 1420px; margin: auto; align-items: flex-end;}
.recmdPrdWrap .recmdPrdListArea .recmdBanner { display:block; position:relative; width:500px; overflow:hidden }
.recmdPrdWrap .recmdPrdListArea .recmdBanner img { width:100%; height: 841px; object-fit: cover; }
.recmdPrdWrap .recmdPrdListArea .recmdPrd { align-self: flex-start; position:relative; width:860px; height: 889px; }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .mainTitle{text-align: left !important; margin-bottom: 28px;align-self: flex-start; margin-top: 0;}    
.recmdPrdWrap .recmdPrdListArea .recmdPrd .mainTitle span{font-size: 50px;font-weight: 600;}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .mainTitle p{white-space: pre-line; font-size: 20px;color: #6A6A6A; font-weight: 500;_line-height: 1; margin-top: 8px; letter-spacing: -.05em; line-height: 135%;}

.recmdPrdWrap .recmdPrdListArea .recmdPrd .box { font-size:0 ; display: flex; flex-wrap: wrap;  gap: 0 20px; position: absolute; bottom: 0;}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont { position:relative; width:200px; vertical-align:top }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont:nth-child(-n+4){margin-bottom: 68.14px;}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list {  width: 100%;}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-info{padding-top: 13.81px; height: 73px;}

.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .thumb { position:relative; width:100%; overflow:hidden ;height:200px;}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .thumb img {height:200px; width:100% }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .thumb .soldOut { position:absolute; top:0; left:0; width:100%; height:100%; text-indent:-9999em; background:rgba(255,255,255,0.6) url(/design/mhmall2023/common/prd_soldout.png) 0 0 no-repeat; background-size: 100%; }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .thumb .prd-info{padding-top: 13px !important;}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-name {  }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-name a {  }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-price { position:relative;padding-top: 13px; }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-price .priceArea { /*display:flex; justify-content:flex-start; align-items:flex-end; flex:1*/ }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-price .discount_box {letter-spacing: 0;/*padding-right: 7px; font-size: 21px; color: #fe5f57; font-weight: 600; line-height: 1; letter-spacing: -.05em;*/ }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-price .groupName {/* padding-right:7px; font-size:15px; color:#299da3; font-weight:700 */}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-price .price {/* padding-right:7px; font-size:21px; font-weight:600; letter-spacing:-.05em; white-space:nowrap; line-height:1*/ }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-price strike { /*font-size:16px; color:#636363; white-space:nowrap; line-height:1 */}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-wish { /*position:absolute; bottom:2px; right:0*/ }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-wish a { /*display:block */}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-wish img {/* width:22px */}
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-wish .wishOn { display:none }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-wish .wish-on .wishOn { display:block }
.recmdPrdWrap .recmdPrdListArea .recmdPrd .box .item-cont .item-list .prd-wish .wish-on .wishOff { display:none }


/*새로운상품*/
.newPrdSwiper {
position: relative;
    overflow: hidden;
}

.newPrdSwiper .swiper-wrapper {
align-items: stretch;
}


.newPrdSwiper .swiper-slide:nth-child(odd) {margin-top:40px;}

.newPrdSwiper .swiper-slide:nth-child(4n+1) .thumb{border-top-left-radius:100px;overflow:hidden;}

.newPrdSwiper .swiper-slide:nth-child(4n) .thumb{border-bottom-right-radius:100px;overflow:hidden;}

.newPrd-pagination{
    margin: 60px 0 104px !important;
    position: unset !important;}

.newPrdSwiper .swiper-pagination-bullet{margin: 0 7.5px !important;width:13px !important; height:13px !important;background:#E0E2E5 !important; opacity: 1 !important; }
.newPrdSwiper .swiper-pagination-bullet-active{background:#000000 !important}

.newPrdSwiper .item-list .prd-wish a span.my-wish-list{width:26.5px !important; height:23px !important; margin-bottom: -3px }

.newPrdSwiper .item-list .thumb,
.newPrdSwiper .item-list .thumb img{width:100% !important; height:100% !important}


/*specialPrd 놓치기 아까운 특가*/
.specialPrd{}
.specialPrd .item-list{_width:342.91px !important;;}
.specialPrd .item-list .thumb, .specialPrd .item-list .thumb img {width:100% !important;  height: auto !important;
}
.specialPrd .item-list .prd-price .price{font-size:20px;}
.specialPrd .item-list .prd-wish a span.my-wish-list {
    width: 26.5px;
    height: 23.04px;
}

.specialPrd .item-list .prd-info{padding-top:35px !important;}
.specialPrd .item-list .prd-info .prd-name a{ _font-size:14px !important;}
.specialPrd .discount_box{
    position: absolute;
    bottom: -35px;
    z-index: 2;
    left: 10px;
    color: var(--point-color);
    font-weight: 500;
    letter-spacing: 0;
    font-size: 40px;
}

.specialPrd .discount_box span{font-size: 60px !important}

.specialPrd .swiper-button-prev{background-image: url(/design/mhmall2023/2025_renewal/slide_prev_2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 8px 13px ! IMPORTANT;}
.specialPrd .swiper-button-next{background-image: url(/design/mhmall2023/2025_renewal/slide_next_2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 8px 13px ! IMPORTANT;}


.specialPrd .swiper .swiper-wrapper {
   _gap: 15px;
}
/* special Swiper 화살표 스타일 */

.specialPrd .swiper-button-prev,
.specialPrd .swiper-button-next,
.specialPrd .swiper-container-rtl .swiper-button-prev {    visibility: visible;
    background: rgba(0, 0, 0, 0.1);
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    /* background: rgba(0, 0, 0, 0.3); */
    position: absolute;
    /*top: 50%;
    transform: translateY(-50%);*/
    top: calc(50% - 36px);
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

.specialPrd .swiper-button-prev{}
.specialPrd .swiper-button-next{}

.specialPrd .swiper-button-prev,
.specialPrd .swiper-container-rtl .swiper-button-next {    visibility: visible;
    background: rgba(0, 0, 0, 0.1);
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    /* background: rgba(0, 0, 0, 0.3); */
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

/* hover 상태 */
.specialPrd .speiclSwiper:hover .swiper-button-next:not(.swiper-button-disabled),
.specialPrd .speiclSwiper:hover .swiper-container-rtl .swiper-button-prev:not(.swiper-button-disabled),
.specialPrd .speiclSwiper:hover .swiper-button-prev:not(.swiper-button-disabled),
.specialPrd .speiclSwiper:hover .swiper-container-rtl .swiper-button-next:not(.swiper-button-disabled){
    opacity:1 !important;
    transition: 0.2s;
    background: rgba(0, 0, 0, 0.7);
}


.specialPrd .swiper-button-disabled{opacity:0 !important;
    transition: 0.2s;}


.specialPrd  .swiper{overflow:hidden}

/*타임세일 swiper custom*/
.TimePrdSlider .swiper-button-prev{background-image: url(/design/mhmall2023/2025_renewal/slide_prev_2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 8px 13px ! IMPORTANT;}
.TimePrdSlider .swiper-button-next{background-image: url(/design/mhmall2023/2025_renewal/slide_next_2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 8px 13px ! IMPORTANT;}

/* special Swiper 화살표 스타일 */
.TimePrdSlider .swiper-button-next,
.TimePrdSlider .swiper-container-rtl .swiper-button-prev {    visibility: visible;
    background: rgba(0, 0, 0, 0.1);
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    /* background: rgba(0, 0, 0, 0.3); */
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

.TimePrdSlider .swiper-button-prev,
.TimePrdSlider .swiper-container-rtl .swiper-button-next {    visibility: visible;
    background: rgba(0, 0, 0, 0.1);
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    /* background: rgba(0, 0, 0, 0.3); */
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

/* hover 상태 */
.TimePrdSlider .timeSwiper:hover .swiper-button-next:not(.swiper-button-disabled),
.TimePrdSlider .timeSwiper:hover .swiper-container-rtl .swiper-button-prev:not(.swiper-button-disabled),
.TimePrdSlider .timeSwiper:hover .swiper-button-prev:not(.swiper-button-disabled),
.TimePrdSlider .timeSwiper:hover .swiper-container-rtl .swiper-button-next:not(.swiper-button-disabled){
    opacity:1 !important;
    transition: 0.2s;
    background: rgba(0, 0, 0, 0.7);
}

.TimePrdSlider .swiper-button-disabled{opacity:0 !important;
    transition: 0.2s;}


.TimePrdSlider  .swiper{overflow:hidden}


.item-cont .item-list .prd-ico .MK-product-icons { }
.item-cont .item-list .prd-ico .todayIcon img { width: 70px; }
.item-cont .item-list .prd-ico .todayIcon { position: absolute; left: 30px; top: 218px; }

/* 플로팅배너 */
.floating { position:fixed; left:3%; bottom:8%; z-index:90 }
.floating .floating_banner { position:absolute; bottom:8%; z-index:1 }
.floating .floating_banner_hover { display:none; position:absolute; bottom:8%; z-index:1 }
.floating:hover .floating_banner_hover { display:block }


.tabBox {margin-bottom:40px !important;}
.tabBox{gap:10px !important}
.hasIcoBox .innerContainer .item-list, .hasIcoBox .innerContainer .item-list .thumb, .hasIcoBox .innerContainer .item-list .thumb img {
    width: 223px;
}

.hasIcoBox .innerContainer .item-list .prd-info{padding-top:10.18px !important}
.hasIcoBox .innerContainer .item-list .prd-price{padding-bottom:10.18px !important}

.hasIcoBox .innerContainer .item-list .prd-price .discount_box,.hasIcoBox .innerContainer .item-list .prd-price .price{font-size:18.32px;}
.hasIcoBox .innerContainer .item-list .prd-price strike{display:none}
.tabBox.hasIco .swiper-slide{_margin-right:5px}
.tabBox.hasIco li {
    background: none;
    border: 1px solid #E0E2E5;
}

.tabBox.hasIco li.on {
    background: #000;
    border: 1px solid #000;
}

.tabBox.hasIco li a{color:#000;letter-spacing: -1px; padding-right: 6px;}

.tabBox.hasIco li a span.ico{margin-right:5px;vertical-align: middle; margin-top: -1px;display: inline-block;}

.tabBox li {
    width: auto;
  _background: #eee;
  border-radius: 999px;
  cursor: pointer;
}

.tabBox li:last-child{/*
    opacity: 0;
    cursor: text;
    width: 100px !important;
    height: 1 !IMPORTANT;
    padding: 0 !important;
    border: 0 !important;*/}

.tabBox li a{font-size:18px; font-weight:400; color:#6a6a6a;padding: 6.5px 11px;display:block;}
.tabBox.hasIco li a{padding:4px 4px 3px;}

.tabBox li a .ico img{
    border-radius: 100%;
    width: 32px;
    padding: 3px 0;}

.tabBox li.on {
  background: #000;
}

.tabBox li.on a{color: #fff;font-weight:700}

.tabContWrap {
  position: relative;
  width: 100%;
}
.tabCont {
  display: none;
}
.tabCont.on {
  display: block;
}

.tabCont .item-cont{display: flex; justify-content: flex-start;  gap: 15px;}


[class*="grid-6-"] .item-list{ position:relative; width:223.94px  !important}
[class*="grid-6-"] .item-list .thumb{ position:relative; width:223.94px; height:223.94px }
[class*="grid-6-"] .item-list .thumb img{ width:223.94px; height:223.94px; }
[class*="grid-6-"] .item-list .prd-info .prd-name a{_font-size:14.25px}
[class*="grid-6-"] .item-list .prd-price{padding-top:10.18px}
[class*="grid-6-"] .item-list .prd-price .discount_box {font-size: 18.32px;}
[class*="grid-6-"] .item-list .prd-price .price { padding-right:0; font-size:18.32px;}
[class*="grid-6-"] .item-list .prd-wish a span.my-wish-list{width: 17.3px;height: 15.05px; margin-top: 0;}


[class*="grid-6-"] .swiper-button-prev{background-image: url(/design/mhmall2023/2025_renewal/slide_prev_2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 8px 13px ! IMPORTANT;}
[class*="grid-6-"] .swiper-button-next{background-image: url(/design/mhmall2023/2025_renewal/slide_next_2.svg) !important;
    background-repeat: no-repeat !important;
    background-position: center !important;
    background-size: 8px 13px ! IMPORTANT;}


[class*="grid-6-2"] .swiper-button-next,
[class*="grid-6-2"] .swiper-container-rtl .swiper-button-prev,
[class*="grid-6-2"] .swiper-button-prev,
[class*="grid-6-2"] .swiper-container-rtl .swiper-button-next{
    top: 56.5% !important;
    transform: translateY(-50%);}
    

/* 공통: grid-6-* Swiper 화살표 스타일 */
[class*="grid-6-"] .swiper-button-next,
[class*="grid-6-"] .swiper-container-rtl .swiper-button-prev {
    visibility: visible;
    background: rgba(0, 0, 0, 0.1);
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    /* background: rgba(0, 0, 0, 0.3); */
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

[class*="grid-6-"] .swiper-button-prev{}
[class*="grid-6-"] .swiper-button-next{}

[class*="grid-6-"] .swiper-button-prev,
[class*="grid-6-"] .swiper-container-rtl .swiper-button-next {
    visibility: visible;
    background: rgba(0, 0, 0, 0.1);
    display: inline-flex;
    flex-flow: row;
    justify-content: center;
    align-items: center;
    width: 36px;
    height: 36px;
    border-radius: 5px;
    /* background: rgba(0, 0, 0, 0.3); */
    position: absolute;
    top: 45%;
    transform: translateY(-50%);
    z-index: 1;
    cursor: pointer;
    transition: 0.2s;
}

/* hover 상태 */
[class*="grid-6-"] .itemContSwiper:hover .swiper-button-next:not(.swiper-button-disabled),
[class*="grid-6-"] .itemContSwiper:hover .swiper-container-rtl .swiper-button-prev:not(.swiper-button-disabled),
[class*="grid-6-"] .itemContSwiper:hover .swiper-button-prev:not(.swiper-button-disabled),
[class*="grid-6-"] .itemContSwiper:hover .swiper-container-rtl .swiper-button-next:not(.swiper-button-disabled){
    opacity:1 !important;
    transition: 0.2s;
    background: rgba(0, 0, 0, 0.7);
}


[class*="grid-6-"] .swiper-button-disabled{opacity:0 !important;
    transition: 0.2s;}


.grid-6-1 .swiper,
.grid-6-2 .swiper{overflow:hidden}

.grid-6-1 .swiper-wrapper{
  display: flex;
    justify-content: flex-start;
  flex-wrap: nowrap;gap:0;
}

.grid-6-1 .tabCont .swiper-wrapper,
.grid-6-2 .tabCont .swiper-wrapper{/*transform: translate3d(0, 0, 0) !important;*/}
.grid-6-2 .tabCont .swiper-wrapper{gap:0}
.grid-6-2 .tabCont .swiper-wrapper .swiper-slide{
    display: grid;
  /* 6열로 배치 */
  grid-template-columns: repeat(6, 1fr); 
  /* 2행으로 배치 */
  grid-template-rows: repeat(2, auto);   
  /* 상품들 사이의 간격 (상하 40px, 좌우 15px) */
  gap: 40px 15px;
  
  /* 중요: Swiper 내부에서 너비 오류를 방지하기 위해 padding 활용 가능 */
  box-sizing: border-box;} 
  

.grid-6-2 .tabCont .swiper-wrapper .swiper-slide .item-list{_display: contents;}


.grid-6-1 .tabBox .swiper-slide{_width:auto !important}
.grid-6-1 .tabCont .swiper-slide {
   width: 223.94px !important;
}

.grid-6-2 .prodList {
  display: grid;
  grid-template-columns: repeat(6, 1fr);
    gap: 40px 15px;
}

.grid-6-2 .prodList li {}

/* BASIC css end */