/* BASIC css start */
#prdBrand { position: relative; margin:0 auto;padding-top:60px }
/*ŸÀÌƲ*/
.titbox{margin:0;height:auto;margin-bottom:40px}
.titbox .title{width:auto;height:auto;line-height: 1;}
.titbox .title .name{font-size:32px;color:#424242;letter-spacing:-0.03em;font-weight:600}
/*»ó´ÜÀ̹ÌÁö*/
.top_ban img{width:100% !important;}

/*Áߺзù*/
.cate-wrap {text-align:center; margin-top:60px;}
.cate-wrap ul{font-size:0}
.cate-wrap ul li{display:inline-block;width:auto;border:1px solid #C9C9C9;border-radius:50px;margin-right:15px;overflow:hidden;transition:all 0.3s}
.cate-wrap ul li.sel,
.cate-wrap ul li:hover{border-color:#7B7672;background:#7B7672}
.cate-wrap ul li.sel a,
.cate-wrap ul li:hover a{;color:#fff}
.cate-wrap ul li:last-child{margin-right:0}
.cate-wrap ul li a{display:block;padding:0 20px;line-height:34px;font-size:14px;letter-spacing:-0.03em;color:#7B7672;transition:all 0.3s}
/*ÅäÅ»*/
.total-sort{font-size:15px;color:#C9C9C9;margin:60px 0 50px}
.total-sort strong{color:#7B7672;font-weight:500;}

/*Á¤·Ä*/
.total-sort .sort{margin:0}
.total-sort .sort li{margin:0 0 0 30px }
.total-sort .sort li a span{font-size:15px;color:#c9c9c9;letter-spacing:-0.03em;display:block;}
.total-sort .sort li a span.on{background:url('/design/happyprinc/wib/img/sort_on.svg')no-repeat center left;display:block;padding-left:23px;color:#7B7672}

/*»óÇ°¸®½ºÆ®*/
.pd_list > ul > li{width:calc(20% - 24px);margin-right:30px;margin-top:55px;vertical-align:top}
.pd_list > ul > li:nth-child(5n){margin-right:0}
.pd_list > ul > li:nth-child(1),
.pd_list > ul > li:nth-child(2),
.pd_list > ul > li:nth-child(3),
.pd_list > ul > li:nth-child(4),
.pd_list > ul > li:nth-child(5){margin-top:0}
/* BASIC css end */