@charset "utf-8";


/*b2b����Ʈ_��������*/


.category .cate_list_prd ul {
    overflow: hidden;
    width: 929px;
    margin-bottom: 8px;
    margin-left: -9px;
}

.category .cate_list_prd ul li {
    float: left;
    width: 145px;
    height: 30px;
    line-height: 30px;
    text-align: center;
    border: 1px solid #a0a0a0;
    margin: 0;
    /* margin: 0 9px; */
    margin-left: 9px;
    /* margin-right: 19px; */
    font-family: 'Nanum Barun Gothic', sans-serif;
    font-size: 12px;
    /* margin: 0; */
}

.category .cate_list_prd ul li.active {
background:#626262;
border:1px solid #a0a0a0;
}

.category .cate_list_prd ul li.active a:after {
display:none;
}

.category .cate_list_prd ul li a {
color:#1e1e1e;
}

.sub_container .category ul li a:hover {
    background: #626262;
    color: #fff;
}

.sub_container .category ul li a:hover .num {
color:#fff;
}


.category .cate_list_prd ul li a .num {
color:#ff0000;
}

.category .cate_list_prd ul li.active {
    background: #626262;
    border: 1px solid #a0a0a0;
}
.category .cate_list_prd ul li.active a {
    background: #626262;
    color: #fff;
}

.category .cate_list_prd ul li.active a, .category .cate_list_prd ul li.active a .num {
color:#fff;
}


#sub .sub_container  #prd_container .prd_con > .gallery {
margin-top:19px;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul {
    width: 930px;
    margin: 0 auto;
    margin-left: -10px;
    font-size: 0;
}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li {
    width: 290px;
	
	border: 1px solid #d2d2d2;
    display: inline-block;
    margin: 0 10px;
    margin-bottom: 23px;
    position: relative;
    /* margin: 0; */
    box-sizing: border-box;
    padding: 0;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .img {
    text-align: center;
    margin-bottom: 10px;
    height: auto;
	width:227px;
	height:151px;
	line-height:151px;
	overflow:hidden;
	margin:0 auto;
	margin-top: 95px;
	position:relative;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .img .sold_out {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: url(/mall/images/black_cover.png) repeat;
    text-align: center;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .img .sold_out span {
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
	    font-size: 14px;
		line-height:38px;
		width:90px;
		height:38px;
		position:absolute;
		top:50%;
		left:50%;
		margin-top:-19px;
		margin-left:-45px;
}


#sub .sub_container  #prd_container .prd_con > .gallery ul li .img img {
width:100%;
height:auto;
line-height:216px;
vertical-align:middle !important;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail {
	padding: 0 12px;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .con {
    position: absolute;
    top: 0;
    left: 0;
    font-size: 16px;
    line-height: 18px;
    color: #1f1f1f;
    text-align: center;
    display: block;
    widtH: 100%;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .con .title {
    margin-top: 26px;
    display: block;
    text-align: center;
	    max-height: 36px;
    overflow: hidden;
	margin-bottom:5px;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .con .sub_title_tt {
display:block;
text-align:center;
margin-bottom:5px;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .con .btn {
	position:absolute;
	top:0;
	left:5px;

	font-size: 11px;
    font-family: 'Nanum Barun Gothic',sans-serif;
    color: #fff;
    background: #4c87e3;
    border: 1px solid #5882c4;
    padding: 0 7px;
    vertical-align: top;
	height: 16px;
    line-height: 16px;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .con .price em {
font-style:normal;
color:#5882c4;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail > .info {
margin-top:10px;
margin-bottom:10px;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul {
	width:100%;
    margin-left: 0;
	padding-left:10px;
} 


#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul li {
width:100%;
font-size:12px;
line-height:21px;
font-family:'Nanum Barun Gothic', sans-serif;
color:#1f1f1f;
overflow:hidden;
} 

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul li .title {
    width: 111px;
    display: block;
    float: left;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul li .info {
display: block;
    float: left;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul li .title_b {
font-weight:bold;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul li.num_info {

} 

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul li.num_info .tt {
width:56px;
display:block;
float:left;
} 

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul li.num_info .num {
	display:block;
	float:left;
	width:20px;
	text-align:center;
    margin-right: 12px
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .info ul li.num_info .bar {
display:none;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .btn_area {
    position: absolute;
    top: 196px;
    left: 21px;
	cursor:pointer;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .detail .btn_area .btn {
    border: 1px solid #bfbfbf;
    border-radius: 3px;
    background: #f3f3f3;
    color: #7f7f7f;
    padding: 3px 10px;
    font-size: 11px;
    margin: 0 2px;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .other {
position:relative;
}

#sub .sub_container  #prd_container .prd_con > .gallery ul li .other .title {
	background:#5882c4;
	color:#fff;
	font-size:12px;
	font-family:'Nanum Barun Gothic', sans-serif;
	text-align:center;
	    padding: 10px 0;
		cursor:pointer;
}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul {
	display: none;
    border: 10px solid #d2d2d2;
    width: 410px;
    position: absolute;
    top: -192px;
    left: 50%;
    background: #fff;
    z-index: 9999;
    padding: 25px;
    margin-left: -205px;
}



#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul li {
font-size:13px;
line-height:23px;
}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul li span {
display:inline-block;
}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul li .logo {
    width: 84px;
    height: 21px;
    border: 1px solid #558ed5;
    /* margin-right: 4px; */
    vertical-align: middle;
}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul li .logo img {

}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul li .area {
    width: 54px;
    text-align: center;
}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul li .kg {
    width: 51px;
    text-align: center;
}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul li .name {
    width: 66px;
    text-align: center;
}

#sub .sub_container  #prd_container .prd_con > .gallery > ul > li .other ul li .price {
    width: 73px;
    color: #558edb;
    text-align: right;
}

/*�� �� z-index 2016-12-02 */
.zoomWindowContainer {
z-index:20;
}

.zoomWindowContainer > div {
z-index:9999 !important;
}