/* BASIC css start */
#prdBrand { padding-bottom: 90px; }
#contentWrapper { margin: 0 auto; display: block; position: relative;  }
#content { display: block; position: relative; padding: 0 !important; background-color: transparent !important; border: none !important; }

#PrdClass .path { display: block; float: right; text-align: left; }
.path { overflow: hidden; height: 30px; line-height: 30px; *zoom: 1; float: right; width: 100%; }
.path > span { display: none; }
.path h2 { overflow: hidden; position: absolute; width: 0; height: 0; white-space: nowrap; text-indent: 100%; }
.path ol { float: right; }
.path li { float: left; padding: 0; color: #4c4c4c; vertical-align: top; }
.path li a { color: #4c4c4c; }


.numb { width:66px; height:72px;  display: block;  text-align: center;  position: absolute; top: 1px; left: 1px;    background-color:rgba(44,44,44,0.35);   color: #fff;font-weight: 500;     }
.numb span { display:block; font-size:14px;  }
.numb span.bn_txt {  margin-top:12px;  }
.numb span.n1 {margin-top:7px; display:block;  font-size: 32px; }

 


/*°øÅë*/

.category_top {  background:#121212; border-bottom:1px solid #ddd; display:block; position:relative; top:0;    text-align:center; width:100%;  margin:-20px auto 100px ; overflow:hidden;}
.category_top img { width:100%; max-width:2000px; min-width:1200px; }

div.prdarea h2 { display: block; margin: 80px auto 30px; font: 22px Fenix; text-align: center; color: #353535; letter-spacing: 3px; font-weight: normal; }
div.prdarea .how_prd h2 {  margin:120px auto 30px; }


.sorting { height: 55px; overflow: hidden; display: block; width: 100%; clear: both; margin: 30px 0 30px; border-bottom: 1px solid #ddd; border-top: 1px solid #ddd; position: relative; }
.sorting h2 { display: block; padding: 0 !important; font-size: 16px !important; color: #282828; }
.sorting .total { float: left; width: 150px; margin-left: 10px; }
.sorting .total li { display: inline-block; float: left; font-family: Roboto; letter-spacing: 1px; color: #555; font-size: 12px; padding: 22px 0; }
.sorting .pager { float: left; width: 150px; }
.sorting .pager a { display: inline-block; float: left; font-family: Roboto; letter-spacing: 1px; color: #555; font-size: 12px; padding: 22px 0; }
.sorting .mid_cate { position: absolute; width: 300px; margin-left: -150px; top: 0; left: 50%; text-align: center; }
.sorting .mid_cate a { display: inline-block; margin: 0 5px; color: #555; font: 15px "Noto Sans KR"; font-weight: 600; padding: 18px 0 18px; }
.sorting .mid_cate a.small { padding-right: 5px; color: #888; font: 12px "Nanum Gothic"; font-weight:400; }
.sorting .sort { float: right; margin-right: 10px; }
.sorting .sort a { display: inline-block; padding: 22px 0; }
.sorting .sort li a { display: inline-block; margin: 0 10px; color: #555; font-size: 12px; font-weight: 600; padding: 22px 0 16px; }
.sorting .sort li a:hover { color: #999; }
.sorting .sort li a.active { border-bottom: 2px solid #333; color: #333; }

/* Áø¿­¹æ½Ä */
.prdarea {  margin: 0 auto; display: block; }
.prdarea img { vertical-align: middle; display: inline-block; }
.prdarea ul.prdList {  display: table;  margin: 0;padding:30px 0; font-size: 0; line-height: 0; z-index: 0; width:100%;border:0 }
.prdarea ul.prdList li.item { display: inline-block; padding:0; vertical-align: top; *display: inline;*zoom: 1;*float: left;}
.prdarea ul.prdList li.item .box { margin: 0 auto; font-size: 12px; line-height: 18px; text-align: left; }
.prdarea ul.prdList li.item div.box img { vertical-align: middle; display:block; width:400px; height:276px; }
.prdarea ul.prdList li.item div.box .thumb { display: block; margin: 0 auto; position:relative; }



.prdarea ul.prdList li.item .prd_spec {padding:0;margin:0;  }

.prdarea ul.prdList.best li.item .prd_spec {padding: 23px 0; width: 100%; text-align: left; font-weight: 500; font-size: 13px; color: #999 }
.prdarea ul.prdList li.item .prd_spec p { padding:0 13px; word-break:keep-all; }
.prdarea ul.prdList li.item div.box .name{margin:0;}
.prdarea ul.prdList li.item div.box .name a { position: relative;display: block;margin-top: 7px;margin-bottom: 5px;font-size: 16px;font-weight: 500;color: #000;line-height: 24px; }
.prdarea ul.prdList li.item div.box .name a .timer {position: absolute;top: 4px;right: 0;padding: 0 5px;margin:0;background: #000;color: #fff;font-size: 12px;line-height: 17px;border-radius: 3px;}
.prdarea ul.prdList li.item .prd_spec .promotion_viewNum {display: block;margin-top: 3px;line-height: 17px;font-size: 13px;word-break: keep-all;font-weight: 400;color: #999;}
.prdarea ul.prdList.best li.item div.box .name a { color: #555555; font:16px "Noto Sans KR"; font-weight: 500; }
.prdarea ul.prdList li.item div.box .name a b { font: 13.7px "Noto Sans KR"; font-weight: 500; }
.prdarea ul.prdList li.item div.box .MK-product-icons { display: block; }
.prdarea ul.prdList li.item div.box .subname { color: #666666; }
.prdarea ul.prdList li.item div.box .price { margin-top: 5px; margin-bottom: 16px; }
.prdarea ul.prdList li.item div.box .color {  }
.prdarea ul.prdList li.item div.box .review { margin-top: 1px; }
.prdarea ul.prdList li.item div.box .desc { margin-top: 15px; color:#999; line-height:19px; font-size:12px;   }
.prdarea ul.prdList li.item div.box .d_price { text-align: center; color: #484848; }
.prdarea ul.prdList li.item div.box .orgprice { text-decoration: line-through; color: #999999; }
.prdarea div.on { border: none; }
.prdarea ul { position: relative; font-size: 0; }
.prdarea ul li { font-size: 0; }

.prdarea ul.best li.item { width: 400px; }
.prdarea ul li.item { width: 400px;margin-right:30px;margin-bottom:50px; }
.prdarea ul li.item:nth-child(3n) { margin-right:0; }
.prdarea ul li.item .prdimg { display: block; width: 100%; position:relative; }
.prdarea ul li.item .prdimg img { display: block; width: 100%; }

.prdarea ul li.item .prdimg .prd_desc { width:100%; font-size:13px; font-weight:500;   padding:15px 0;display: block;  text-align: center;  position: absolute; bottom: 0px; left: 1px;    background-color:rgba(44,44,44,0.85);   color: #fff;font-weight: 500;     }
.prdarea ul li.item .thumb { max-width: 100%; }


.prdarea ul li.item .clear { clear:both; }
.prdarea ul li.item .prdimg a.img_hover { position:absolute; top:0; left:0; width:100%;  display:none; }
.prdarea ul li.item .prdimg a.img_hover img { width:100%; }

/*
.prdarea li.item .thumb { border:1px solid #efefef; }
.prdarea li.item .thumb.on { border:1px solid #000000; }
.prdarea li.item .thumb.on img{}*/


.how_prd { margin-top:140px; }
.howto { margin-top:30px;  }

.sub_sub_menu li a{padding:0;font-size:16px;border-left:none;margin-right:30px;color:#b5b5b5}
.sub_sub_menu li:last-child a{margin-right:0;}
.sub_sub_menu li a.active,
.sub_sub_menu li a:hover{color:#000;}

.prdarea ul.prdList li.item{margin-right:30px;}
.prdarea ul.prdList li.item:nth-child(4n){margin-right:30px}
.prdarea ul.prdList li.item:nth-child(3n){margin-right:0}
/* BASIC css end */