/* BASIC css start */
/* class-list */
#productClass .cate-wrap { overflow:hidden }
#productClass .cate-wrap .bcate { padding-bottom:10px; font-size:18px; color:#202020; font-weight:bold; border-bottom:1px solid #e3e3e3 }
#productClass .cate-wrap .class-list ul { border-bottom:1px solid #e3e3e3;  *zoom:1 }
#productClass .cate-wrap .class-list ul:after { display:block; clear:both; content:'' }
#productClass .cate-wrap .class-list ul li { padding:15px 30px 16px 0; float:left }
#productClass .cate-wrap .class-list ul li a { display:block; font-size:13px; color:#919191 }

/* 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; }

/* 230807.custom */
#content img { width: 100%; }

.page-banner { border-bottom: 4px solid #333; }

.piece-tabstyle-catelist { margin-top: -64px; text-align: center; }
.piece-tabstyle-catelist ul { overflow: hidden; position: relative; width: 716px; margin:0 auto; }
.piece-tabstyle-catelist ul li { /*float:left;*/ display: inline-block; width: 240px; margin-left: -8px; border: 4px solid #333; text-align: center; }
.piece-tabstyle-catelist ul li:first-child { margin:0; }
.piece-tabstyle-catelist ul li a { display: block; width: 100%; background-color: #fff; font-weight: 600; font-size: 16px; line-height: 56px; letter-spacing: .5px; }
.piece-tabstyle-catelist ul li a:hover,
.piece-tabstyle-catelist ul li.active a { background-color: #1c5633; color: #fff; }

.prd-section { overflow: hidden; width: 1400px; min-height:200px; margin: 50px auto 100px; }

.prd-sort-area { position: relative; }
.prd-sort-area .prd-amount { position: absolute; top:0; left:0; }
.prd-sort-area .prd-amount em { font-weight: 600; }

.piece-sort-select { position:relative; height:46px; }
.piece-sort-select .inner { position:absolute; top:0; right:0; }
.piece-sort-select .sort-title { width:115px; padding: 0 15px; background:url("//antomignon.img8.kr/antomignon/images/icon/x2(56px)/mypage/arrow_bottom_x2(40).png") no-repeat 100% 50%; background-size:20px; font-size:15px; line-height:30px; cursor:pointer; }
.piece-sort-select .sort-list { display:none; overflow:hidden; position:absolute; top:36px; left:0; z-index:100; width:115px; padding:10px 15px; border:1px solid #e0e0e0; border-radius:15px; background:#fff; }
.piece-sort-select .sort-list.open { display:block; }
.piece-sort-select .sort-list li a { display:inline-block; font-size:15px; line-height:30px; color:#acacac; }
.piece-sort-select .sort-list li a:hover { color:#222; }

.piece-prd-list {  }
.piece-prd-list ul { overflow: hidden; }
.piece-prd-list ul li { float: left; width: 320px;  margin:0 40px 60px 0; }
.piece-prd-list ul li:nth-child(4n) { margin:0 0 60px; }
.piece-prd-list ul li .thumb-box { overflow: hidden; margin-bottom: 20px; border: 3px solid #333; border-radius: 15px; box-sizing: border-box; }
.piece-prd-list ul li .info-box { padding: 0 10px; letter-spacing: -1px;height: 125px;  }
.piece-prd-list ul li .info-box .prd-name { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-size: 18px; }
.piece-prd-list ul li .info-box .prd-name.sub {
    font-size: 14px;
    height: auto;
    color: #999999;
}
.piece-prd-list ul li .prd-price { margin-top: 10px; }
.piece-prd-list ul li .prd-price-sell { font-weight: 600; font-size: 18px; }
.piece-prd-list ul li .prd-price-consumer { margin:0 10px; font-size: 15px; opacity: .5; text-decoration: line-through; }
.piece-prd-list ul li .prd-sale-percent { font-weight: 600; font-size:15px; color: #1c5633; }
/* BASIC css end */