/* BASIC css start */
#productClass .bcate {text-align: center;color: rgb(0, 0, 0);font-size: 36px;font-weight: 500;margin: 40px 0px 60px;}
#productClass .bcate span { font-weight: 400; font-size: 16px; color: rgb(216, 0, 28); display: block; margin-top: 15px; }
.prd-list { width: 1200px; margin: 0px auto 150px; }
.paging{margin-top : 50px;}
.cate01 {
    font-size: 36px;
    color: #000;
    text-align: center;
    font-weight: 500;
    margin: 40px 0;
}
.product-promotion {
    width: 1200px;
    margin: 0 auto 60px;
    position: relative;
}
.product-promotion .product__wrap {
    border-bottom: none;
}
.product-promotion__wrap {
 width: 1160px;
 overflow : hidden;
}
.product-promotion .product__sold {
    height: 38px;
    font-size: 17px;
}
.product-promotion .product__item {
    width: 208px;
    margin-right: 0px;
    margin-bottom : 0;
}
.product-promotion .swiper-button-prev.arrow__ver2 {
    left: 0;
    top : 104px;
}
.product-promotion .swiper-button-next.arrow__ver2 {
    right: 0;
    top :104px;
}


.product__wrap{overflow-x : hidden;display: -webkit-box;display: -webkit-flex;display: -ms-flexbox;display: flex;-webkit-box-lines: multiple;-ms-flex-wrap: wrap;flex-wrap: wrap;border-bottom : 1px solid #ddd;}
.shop-category {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    border-top: 2px solid #ff0022;
    border-bottom: 1px solid #ddd;
    margin-bottom: 95px;
}

.category__x {
    width: 240px;
    position : relative;
    border-right: 1px solid #ddd;
}
.category__x>a {
color: #000;
    font-size: 18px;
    position: absolute;
    top: 50%;
    left: 50%;
    webkit-transform: translate(-50%,-50%);
    -moz-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    -o-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    word-break: break-all;
    width: 80%;
    text-align: center;
}


.shop-category__wrap {
    width: calc(100% - 240px);
}
.shop-category__list {
    padding: 25px 35px;
}

.shop-category__list>ul {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-lines: multiple;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    margin-bottom: 25px;
}
.shop-category__list>ul:last-of-type {margin-bottom: 0;}
.shop-category__list:nth-of-type(1) {
    border-bottom: 1px solid #ddd;
}
.shop-category__list>ul>li {
    width: calc(100% / 5);
}


.shop-category__list>ul>li>a {
    font-size: 16px;
    color: #666;
}
.shop-category__list>ul>li>a.sel {
    color: #ff0022;
}
.title-box>h2 {
    text-align: center;
    color: #222;
    font-size: 22px;
    line-height: 17px;
    font-weight: normal;
    margin: 20px 0;
    font-weight: bold;
    margin-bottom: 50px;
}

.title-box>h2>span {
    font-weight: normal;
    font-size: 14px;
    color: #777;
    display: block;
    margin-top: 15px;
}


.promotion-list{position:relative;}
.promotion_item h3{font-size:26px; color:#000; font-weight:bold; letter-spacing:-0.03em; padding-top:35px;}
.promotion_item h3 span{font-size:18px; color:#000; font-weight:normal; margin-left:8px;}
.rank01{top:24px; left:5px;}
.rank02{top:24px; left:303px; height:35px;}
.rank03{top:24px; left:600px; height:35px;}
.rank_list img{position:absolute;}
.promotion_item ul{padding-top:17px; height:377px; }
.promotion_item ul .thumb{height:275px;}
.promotion_item ul > li{float:left; height:377px; text-align:center; width:277px; height:377px; color:#000; background:#fff; border:1px solid #ddd; box-sizing:border-box; margin-right:20px;}
.promotion_item ul > li:hover{
    border: 1px solid #ed1c24;
    -webkit-transition: all 0.3s;
    -moz-transition: all 0.3s;
    -ms-transition: all 0.3s;
    -o-transition: all 0.3s;
    transition: all 0.3s;
}
.promotion_item ul > li + li + li {margin-right:52px; }
.promotion_item ul > li + li + li +li{margin-right:0;}
.promotion_item ul li img{width:100%; height:100%;}
.promotion_name{font-size:16px; margin:20px auto 10px auto;
 overflow: hidden; 
  text-overflow: ellipsis;
  white-space: nowrap; 
  width: 260px;
  letter-spacing:-0.05em;

}
.promotion_price{font-size:18px; font-weight:bold;}


.thumb_discount{
position: absolute;
    bottom: 0;
    right: 0;
    color: #fff;
   
    text-align: center;
    background: #ed1c24;
    display: inline-block;
    font-size: 16px;
    padding:0 10px;
        line-height: 2.1;
    /* font-weight: bold; */
    box-sizing: border-box;
        letter-spacing: 0.07em;
}
.img-hover-text:hover .thumb_discount {
    opacity: 0.5;
}
.price s{color:#999; font-weight:normal; font-size:16px;}
.prd-icon{position:absolute; bottom:22px; right:10px;}
/* This is the parent container class 
the position is set to relative for absolute positioning inside */
.img-hover-text {
    margin:0;
  position: relative;
}
.img-hover-text figcaption img{width:54px !important;}
.img-hover-text > img {
 width:280px;
  transition: .5s;
}
/* The image inside of the .img-hover-text will fill the width of its parent */
.img-hover-text img {


}

/* The caption text inside of the .img-hover-text */
.img-hover-text figcaption {
  /* Position absolute to remove it from the flow of the document and absolutely position it within the .img-hover-text container */
  position: absolute;
 
  text-align:right;
  /* Position this elements bottom away from the bottom of the .img-hover-text container by 10% of the  .img-hover-text containers height */
  bottom: 38%;
   /* Position this elements left side away from the left side of the .img-hover-text container by 10% of the .img-hover-text containers width */
  right: 40%;

  /* Factor padding and border size into declared width */
  box-sizing: border-box;
  /* Opacity 0 so the element cannot be seen unless user is hovering cursor */
  opacity: 0;

  /* Round the edges   */

  /* Transition all properties by half a second */
  transition: .5s;
}


.img-hover-text figcaption ul{}
.img-hover-text figcaption ul li{margin-top:7px;}



/* :hover pseudo selector used on parent container to then target figcaption child */
.img-hover-text:hover figcaption {
  /* Makes the element completely visible */
  opacity: 1;
}

.img-hover-text:hover .MS_prod_img_m {
  /* darkens the image */
opacity:0.5
}


/* 분류페이지 추천상품 관련 스타일 */
.best-item { padding:0;position:relative;margin:40px auto 0;border:0; border-top:1px solid #dedede;padding-top:40px;}
.best-item .sub_best_title {text-align:center;margin:0 auto;}
.best-item .prd-list {margin:40px auto 0;position:relative;}
.best-item .icon_best01 {position:absolute;top:108px;left:28px;width:50px;height:42px;background-color:#ed1c24;text-align:center;font-size:11px;font-weight:bold;color:#fff;padding:8px 0 0 0;line-height:11px;z-index:1;}
.best-item .icon_best01 span {display:block;font-family:Tahoma;font-size:21px;font-weight:bold;color:#fff;line-height:21px;letter-spacing:-0.5px;}
.best-item .icon_best02 {position:absolute;top:108px;left:355px;width:50px;height:42px;background-color:#33353d;text-align:center;font-size:11px;font-weight:bold;color:#fff;padding:8px 0 0 0;line-height:11px;z-index:1;}
.best-item .icon_best02 span {display:block;font-family:Tahoma;font-size:21px;font-weight:bold;color:#fff;line-height:21px;letter-spacing:-0.5px;}
.best-item .icon_best03 {position:absolute;top:108px;left:682px;width:50px;height:42px;background-color:#33353d;text-align:center;font-size:11px;font-weight:bold;color:#fff;padding:8px 0 0 0;line-height:11px;z-index:1;}
.best-item .icon_best03 span {display:block;font-family:Tahoma;font-size:21px;font-weight:bold;color:#fff;line-height:21px;letter-spacing:-0.5px;}

/* 분류페이지 상품 라인 */
.prd-list table .tb-center {}
.prd-list table tr td:first-child .tb-center {}
.nopadding td {padding:0 !important;}
/* BASIC css end */