/* BASIC css start */
#content{
    width:100%;
    margin:0 auto;
    padding-bottom:180px;
}


/*section common*/
.section{
    position:relative;
    margin-top:40px;
}
.section > .inner{
    width:100%;
    max-width:93%;
    margin:0 auto;
}

.section > .inner.full{
    width:100%;
}


/*카테고리배너*/
.cate-banner > img{
    width:100%;
}
/*카테고리 / select*/
.cate-controller{
    position:relative;

}
.cate-controller{
    line-height:54px;
    border-bottom:1px solid #eeeeee;
    margin-bottom:34px;
}
.cate-controller .cate-list-tabs{
    display:inline-block;
    vertical-align:middle;
    font-size:0px;
}
.cate-controller .cate-list-tabs > li{
    display:inline-block;
    vertical-align:top;
    margin:0 10px;
}
.cate-controller .cate-list-tabs > li > a{
    position:relative;
    display:inline-block;
    line-height:21px;
    font-size:11px;
    font-weight:normal;
    color:#888888;
    letter-spacing:1px;
    border-bottom:2px solid transparent;
    text-align:center;
}
.cate-controller .cate-list-tabs > li > a::before {
  display: block;
  content: attr(title);
  font-weight:normal;
  letter-spacing:1px;
  height: 0;
  overflow: hidden;
  visibility: hidden;
}

.cate-controller .cate-list-tabs > li > a.sel,
.cate-controller .cate-list-tabs > li > a:hover
{
    font-weight:normal;
    color:#333;
    border-bottom:2px solid #333;
}
.cate-controller .total-sort{
    position:absolute;
    top:0;
    right:0;
}
.cate-controller .total-sort select{
    
}

#prd-content { width:100%; margin:50px auto 0 ; }

#prd-w100 { width:100%; background-color: #F8F8F8; padding:50px 0 30px; }
#prd-section01 { width:1300px; margin:0 auto;   }
#prd-section02  { width:1300px; padding:30px 0  }


/* ====== 분류페이지 추천상품3열코드 ====== */

.prd-item-list3 { zoom: 1; overflow: hidden; clear: both; }
.prd-item-list3:after { content: ""; clear: both; display: block; }
.prd-item-list3 .item { float: left; width: 433px; /* text-align: center; */ padding-bottom: 20px ;}
.prd-item-list3 .item .item_box { width: 410px; margin: 0 auto;  background-color: #fff; border:10px solid #fff;  box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); box-sizing: border-box; position: relative; }
.prd-item-list3 .item .item_box .thumb { margin: 0 auto; width:390px; height: auto;   position: relative;  }
.prd-item-list3 .item .item_box .thumb img { width:390px; height: auto; }
.prd-item-list3 .item .item_box .info { width: 100%; margin:0 auto; text-align:left; }
.prd-item-list3 .item .item_box .info li { padding:5px 0; }
.prd-item-list3 .item .item_box .info .name {padding-bottom: 5px; text-align:left; font-size:12px; color: #555;  font-weight:bold; border-bottom:1px solid #F0F0F0; }
.prd-item-list3 .item .item_box .info .subname { color: #999; font-size:12px; }
.prd-item-list3 .item .item_box .info .color { padding-top: 10px; }
.prd-item-list3 .item .item_box .info .icon { margin-top: 10px; }
.prd-item-list3 .item .item_box .info .price01 { font-weight:none; color:#999; padding-right:10px; text-decoration:line-through; }
.prd-item-list3 .item .item_box .info .price02 { font-weight:none; color:#555; }
.prd-item-list3 .item .item_box .besttit { position:absolute; top:0px; left:0px;  opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */  z-index:2; }
.prd-item-list3 .item .item_box .besttit .box { padding:5px; background-color:#999; color:#F4F4F4; line-height:38px; border:1px solid #dedede; font-size:12px; letter-spacing:1px; font-weight:bold; }
.prd-item-list3 .item .item_box:hover .besttit .box {background-color:#000; border:1px solid #000; color:#fff; }


/* ====== 분류페이지 추천상품4열코드 ====== */

.prd-item-list4 { zoom: 1; overflow: hidden; clear: both; }
.prd-item-list4:after { content: ""; clear: both; display: block; }
.prd-item-list4 .item { float: left; width: 325px; /* text-align: center; */ padding-bottom: 20px ;}
.prd-item-list4 .item .item_box { width: 310px; margin: 0 auto;  background-color: #fff; border:10px solid #fff;  box-shadow: 0px 15px 35px rgba(50,50,90,0.1), 0px 5px 15px rgba(0,0,0,0.07); box-sizing: border-box; position: relative; }
.prd-item-list4 .item .item_box .thumb { margin: 0 auto; width:300px; height: auto;   position: relative;  }
.prd-item-list4 .item .item_box .thumb img { width:290px; height: auto; }
.prd-item-list4 .item .item_box .info { width: 100%; margin:0 auto; text-align:left; }
.prd-item-list4 .item .item_box .info li { padding:5px 0; }
.prd-item-list4 .item .item_box .info .name {padding-bottom: 5px; text-align:left; font-size:12px; color: #555;  font-weight:bold; border-bottom:1px solid #F0F0F0; }
.prd-item-list4 .item .item_box .info .subname { color: #999; font-size:12px; }
.prd-item-list4 .item .item_box .info .color { padding-top: 10px; }
.prd-item-list4 .item .item_box .info .icon { margin-top: 10px; }
.prd-item-list4 .item .item_box .info .price01 { font-weight:none; color:#999; padding-right:10px; text-decoration:line-through; }
.prd-item-list4 .item .item_box .info .price02 { font-weight:none; color:#555; }
.prd-item-list4 .item .item_box .besttit { position:absolute; top:0px; left:0px;  opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */  z-index:2; }
.prd-item-list4 .item .item_box .besttit .box { padding:5px; background-color:#999; color:#F4F4F4; line-height:38px; border:1px solid #dedede; font-size:12px; letter-spacing:1px; font-weight:bold; }
.prd-item-list4 .item .item_box:hover .besttit .box {background-color:#000; border:1px solid #000; color:#fff; }


#prdBrand { position: relative; width:1300px;  margin:0 auto;  }


/* ====== 분류페이지 중분류코드 ====== */

.prd-smenu { position: relative; text-align:center; margin:20px auto; width:1300px; }
.prd-smenu .cate-sort { text-align:center; margin:0 auto; }
.prd-smenu .cate-sort li { display:inline-block; *display:inline; padding-left:5px; }
.prd-smenu .cate-sort li a { display:block; padding:5px 10px; color:#757575; font-size: 12px; background:#fff; border:1px solid #F0F0F0; font-weight: 300; /* -webkit-transition :all 0.3s ease;-khtml-transition :all 0.3s ease;-moz-transition :all 0.3s ease;-ms-transition :all 0.3s ease;-o-transition :all 0.3s ease;transition :all 0.3s ease; */ }
.prd-smenu .cate-sort li a:hover{ color:#000; background:#F0F0F0; }
.prd-smenu .sel { display:block; color:#757575 !important ; border:1px solid #F0F0F0 !important ; background:#F0F0F0!important ; text-align:center;  font-weight: bold;  }


/* BASIC css end */