/* BASIC css start */
.product__item{text-align : left;width : 100%;}
.product__content{display :none;}

.prd-list.pdt30 { padding-top:50px; }

.plan_cate{
box-shadow: 0 2px 0 0 rgba(237,28,36,1) inset; */
    color: #ed1c24;
}
.plan_cate a{color: #ed1c24 !important;}

.prd-list table .info{padding-left:0 !important;}
/* page-hd */
#productPlan .page-hd {  }
#productPlan .page-hd h2 {color: #000; font-size: 28px; text-align:center; font-weight: bold; text-transform: uppercase; margin-bottom:30px;  }
/* page-body */
#productPlan .page-body { padding-bottom: 80px; }
#productPlan .page-body .visual { margin-top: 5px; }
#productPlan .page-body .pick { margin:30px 0;  text-align: right; }
#productPlan .page-body .pick select { width: 320px; border: 1px solid #c5c5c5; }
#productPlan .page-body .clst { zoom: 1; overflow: hidden; margin-top: 10px; padding: 10px 7px 7px; border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; width:1200px; margin:0 auto;}
#productPlan .page-body .clst li { float: left; margin-right: 15px; padding-left: 10px; background: url(/images/d3/modern_simple/common/bull_h2_sqr_gray.gif) no-repeat 0 45%; }
#productPlan .page-body .clst li a { display: block; white-space: nowrap; }
#productPlan .page-body .p-hd { position: relative; margin-top: 70px; padding: 0 10px 5px 0; border-bottom: 1px solid #000; }
#productPlan .page-body .p-hd.mt-35 { margin-top: 35px; }
#productPlan .page-body .p-hd h3 { color: #000; font-size: 18px; font-weight: bold; letter-spacing: -1px; }
#productPlan .page-body .p-hd .top { position: absolute; top: 0; right: 5px; color: #000; }
#productPlan .page-body .plst { zoom: 1; overflow: hidden; margin: 25px auto 0; }
#productPlan .page-body .prd-list .thumb img{width:100%;}
#layerWrap, #contentWrap, #ftLink .link, #footer{width:100%;}
.prd-list{    width: 1200px;
    margin: 0 auto;}
.prd-list table td{width:33.3%;}
.prd-list table .tb-center{padding:0;}

.tb-center li{}
.visual img{width:100%;}

.prd-list .dsc{padding:0 10px 0 10px !important; margin-bottom:10px;}

.prd-icon {
    position: absolute;
    bottom: 22px;
    right: 10px;
}

.prd-list .price1 {
    margin-top: -16px;
  
    color: #999;
    font-size: 14px;
    letter-spacing: -0.5px;
    text-align: left;
    padding-left: 10px;
}

.prd-list .price2 {
    
    font-weight: bold;
    color: #ed1c24;
    font-size: 19px;
    letter-spacing: -0.5px;
    text-align: left;
    padding-left: 10px;
}


/* BASIC css start */
.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;
}




#productPlan .bcate {text-align: left; color: #222; font-size: 17px; line-height: 20px; padding:0px 0px 0px 13px;margin:20px 0; font-weight: normal; background: url("/design/esdongsuh/0722rednine/sub_blot.gif"); 
background-repeat: no-repeat; background-position: 0px 4px; font-weight:700;}

#productPlan .bcate a {
    float: right;
    padding: 0 10px;
    height: 21px;
    line-height: 20px;
    background: #ed1c24;
    color: #fff;
    border-radius: 5px;
}
/* BASIC css end */