.detail_Con .empty{
	padding: 80px 0 !important;
	text-align: center;
	color: #999;
	font-size: 16px;
	width: 100%;
	}
.detail_Con .empty img{ display: block; margin: 0 auto 13px;}


.sharePopWrap{position: relative;width: 600px; height: 260px; position: fixed; left:50%; margin-left: -300px; top:50%;margin-top: -125px; background: #fff; z-index: 100; display: none;}
.sharePopWrap .pop{}
.sharePopWrap .pop ul{text-align: center; font-size: 0; padding-top: 55px;}
.sharePopWrap .pop ul li{display: inline-block; vertical-align: top; margin-left: 40px;}
.sharePopWrap .pop ul li:first-child{margin-left: 0;}
.sharePopWrap  .title{
	color: #212121;
	font-size: 22px;
	text-align: center;
	line-height: 60px;;
	height: 60px;
	background: #ffed46;
	}
.sharePopWrap > a.close{
	position: absolute;
	right:20px;
	top:20px;
	}



.cartPopWrap{position: relative;width: 600px; height: 270px; position: fixed; left:50%; margin-left: -300px; top:50%;margin-top: -135px; background: #fff; z-index: 100; display: none;}
.cartPopWrap .pop{padding: 30px 0; text-align: center;}
.cartPopWrap .pop p{color: #212121; font-size: 16px; line-height: 1.7em;}
.cartPopWrap  .title{
	color: #212121;
	font-size: 22px;
	text-align: center;
	line-height: 60px;;
	height: 60px;
	background: #ffed46;
	}
.cartPopWrap > a.close{
	position: absolute;
	right:20px;
	top:20px;
	}



.popWrap > a.close{
	position: absolute;
	right:20px;
	top:20px;
	}

.calculatorPopWrap{position: relative;width: 600px;  position: fixed; left:50%; margin-left: -300px; top:50%;margin-top: -320px; background: #fff; z-index: 100; display: none;}
.calculatorPopWrap .pop{padding: 20px 23px; overflow-y:auto; max-height:560px;}
.calculatorPopWrap > .title{
	color: #212121;
	font-size: 22px;
	text-align: center;
	line-height: 60px;;
	height: 60px;
	background: #ffed46;
	}
.calculatorPopWrap > a.close{
	position: absolute;
	right:20px;
	top:20px;
	}
.calculatorPopWrap .pop table{}
.calculatorPopWrap .pop table th,
.calculatorPopWrap .pop table td{padding: 20px 0;}
.calculatorPopWrap .pop table th{width: 160px; padding-left: 20px;}
.calculatorPopWrap .pop table td{}
.calculatorPopWrap .pop table input{width: 310px;}
.calculatorPopWrap .pop table .input3{
	text-align: right;
	background: #f7f7f7;
	width: 310px;
	height: 40px;
	padding: 0 20px;
	color: #999;
	font-size: 16px;
	border:1px solid #e1e1e1;}
.calculatorPopWrap .pop table .selectbox{width: 310px; height: 40px;}
.calculatorPopWrap .pop table .selectbox label{line-height: 40px; height: 40px;}
.calculatorPopWrap .pop table td ul{font-size: 0; margin-top: 5px;}
.calculatorPopWrap .pop table td ul li{color: #212121; font-size: 16px; display: inline-block; vertical-align: top; position: relative; padding-left: 14px; margin-left: 14px;}
.calculatorPopWrap .pop table td ul li:before{
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:7px;
	width: 1px;
	height: 14px;
	background: #e1e1e1;

	}
.calculatorPopWrap .pop table td ul li:first-child{margin-left: 0; padding-left: 0;}
.calculatorPopWrap .pop table td ul li:first-child:before{display: none;}
.calculatorPopWrap .pop table td ul li.bntLi{line-height: 36px; margin-top: 7px;}
.calculatorPopWrap .pop table td ul li.bntLi:before{
	top:13px;
	}
.calculatorPopWrap .pop .priceBox{
	border:2px solid #e1e1e1;
	
	}
.calculatorPopWrap .pop .priceBox ul{border-bottom:1px solid #e1e1e1; padding: 20px 20px;;	}
.calculatorPopWrap .pop .priceBox ul li{
	font-size: 0;
	margin-top: 18px;
	}
.calculatorPopWrap .pop .priceBox ul li:first-child{margin-top: 0;}
.calculatorPopWrap .pop .priceBox ul li span{
	line-height: 1em;
	display: inline-block; vertical-align: top;
	width: 50%;
	}
.calculatorPopWrap .pop .priceBox ul li span.title{
	text-align: left;	
	color: #212121;
	font-size: 16px;
	}
.calculatorPopWrap .pop .priceBox ul li span.title2{
	text-align: left;
	color: #666;
	font-size: 15px;
	padding-left: 10px;
	}
.calculatorPopWrap .pop .priceBox ul li span.con{
	text-align: right;
	color: #212121;font-size: 16px;
	}
.calculatorPopWrap .pop .priceBox ul li span.con2{
	text-align: right;
	color: #333;
	font-size: 16px;
	}
.calculatorPopWrap .pop .priceBox .total{
	background: #f3f2ee;
	font-size: 0;
	padding: 0 20px;
	}
.calculatorPopWrap .pop .priceBox .total span{display: inline-block; vertical-align: top; height: 70px; line-height: 70px; width: 50%;}
.calculatorPopWrap .pop .priceBox .total span.title{
	text-align: left;
	color: #212121;
	font-size: 16px;
	}
.calculatorPopWrap .pop .priceBox .total span.con{
	text-align: right;
	color: #212121;
	font-size: 16px;
	}
.calculatorPopWrap .pop .priceBox .total span.con b{font-size: 30px; font-weight: 700;}
/* 제품 메인 슬라이드 */
.goodsTopslider{position: relative; height:540px; min-width:1360px; overflow:hidden;}
.goodsTopslider .goodsTopslide{
	height: 540px;
	position: relative;
	overflow:hidden;
	}
.goodsTopslider .goodsTopslide > div{}
.goodsTopslider .goodsTopslide > div.img{
	height: 540px;
	width: 100%;
	
	}
.goodsTopslider .goodsTopslide > div.textarea{
	position: absolute;
	left:50%;
	z-index: 5;
	top:0;
	width: 1360px;
	margin: 0 0 0 -680px;
	padding-top: 145px;
	}
.goodsTopslider .goodsTopslide > div.textarea h5{
	color: #212121;
	font-size: 16px;
	font-weight: 700;
	border-bottom:1px solid #212121;
	padding-bottom: 2px;
	display: inline-block;
	vertical-align: top;
	
	}
.goodsTopslider .goodsTopslide > div.textarea h2{
	font-size: 58px;
	font-weight: 700;
	color: #212121;
	line-height: 65px;
	margin-top: 20px;
	}
.goodsTopslider .goodsTopslide > div.textarea p{
	color: #212121;
	font-size: 16px;
	line-height: 25px;
	margin-top: 30px;
	}
.goodsTopslider .slick-arrow{
	position: relative;
	position: absolute;
	z-index: 2;
	top:50%;
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 26px;
	height: 50px;
	margin-top: -25px;
	}
.goodsTopslider .slick-prev {
	left:40px;
	background:url('../img/main/prev.png') no-repeat left top;;
	}
.goodsTopslider .slick-next {
	right:40px;
	background:url('../img/main/next.png') no-repeat left top;;
	}

.goodsTopslider .slick-dots{
	position: absolute;
	left:0;
	bottom:30px;
	width: 100%;
	text-align: center;
	}
.goodsTopslider .slick-dots li{
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	}
.goodsTopslider .slick-dots li button{
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 10px;
	height: 10px;
	border-radius:5px;
	background: #fff;
	
	}
.goodsTopslider .slick-dots li.slick-active button{
	background: #ffed46;
	}

#container.LnbGoods.IndexLnbGoods{padding-top: 110px; padding-bottom: 24px;}



/* 상품 리스트 상단 바*/



.goodsTopBar{
	position: relative;
	border:1px solid #e1e1e1;
	width: 100%;
	height: 46px;
	}
.goodsTopBar .goodsCateDepth2{}
.goodsTopBar .goodsCateDepth2 ul{
	font-size: 0;
	}
.goodsTopBar .goodsCateDepth2 ul > li{
	display: inline-block;
	vertical-align: top;
	position: relative;
	}
.goodsTopBar .goodsCateDepth2 ul > li:before{
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:16px;	
	width: 1px;
	height: 14px;
	background: #e1e1e1;

	}
.goodsTopBar .goodsCateDepth2 ul > li:first-child:before{display: none;}

.goodsTopBar .goodsCateDepth2 ul > li a{
	height: 46px;
	line-height: 46px;
	display: block;
	padding: 0 20px;
	color: #666;
	font-size: 15px;
	text-align: center;
	}
.goodsTopBar .goodsCateDepth2 ul > li a img{margin-top: -2px; margin-left: 3px;}
.goodsTopBar .goodsCateDepth2 ul > li.on{}
.goodsTopBar .goodsCateDepth2 ul > li.on a{color: #ee4848;}
.goodsTopBar .align{}
.goodsTopBar .align .selectbox{
	width: 166px;
	height: 46px;
	line-height: 46px;
	border:1px solid #e1e1e1;
	position: absolute;
	right:-1px;
	top:-1px;
	}


.goodsList{overflow:hidden;}
.goodsList > ul{
	width: 100%;
	font-size: 0;
	margin-top: 25px;
	text-align: left;
	}
.goodsList > ul > li{
	display: inline-block;
	vertical-align: top;
	margin-left: 20px;
    width: -webkit-calc(33.33% - 13.33px);
    width: -moz-calc(33.33% - 13.33px);
    width: calc(33.33% - 13.33px);
	margin-top: 80px;
	}
.goodsList > ul > li:first-child,
.goodsList > ul > li:nth-child(3n+1){margin-left: 0;}
.goodsList > ul > li:nth-child(1),
.goodsList > ul > li:nth-child(2),
.goodsList > ul > li:nth-child(3){margin-top: 0;}
.goodsList > ul > li > a{}
.goodsList > ul > li > a > div{}
.goodsList > ul > li > a > div.img{margin-bottom: 15px; position: relative;}

.goodsList > ul > li > a > div.img img{
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	width: 100%;
	}

.storyView .goodsList > ul > li > a > div.img img,
.pe .goodsList > ul > li > a > div.img img,
.togetherGoods.goodsList > ul > li > a > div.img img{width: 285px; height: 285px;}
.goodsListCate.goodsList > ul > li > a > div.img img{
	width: 350px;
	height: 350px;
	}
.goodsList3 > ul > li > a > div.img img{/*height: 289px;*/}
.myCartlist.goodsList3 > ul > li > a > div.img img{width: 223px; height: 223px;}

.goodsList > ul > li > a > div.img .on{
	position: absolute;
	left:0;
	top:0;	
	z-index: 2;
	opacity:0;
	}
.goodsList > ul > li:hover > a > div.img .on{
	opacity:1;
	}
.goodsList > ul > li:hover > a > div.img .off{
	opacity:0;
	}
.goodsList > ul > li > a > div.textarea{}
.goodsList > ul > li > a > div.textarea h5{color: #212121; font-size: 13px; line-height: 1em; font-family: 'Roboto', sans-serif;  font-weight: 700; }
.goodsList > ul > li > a > div.textarea h4{color: #666666; font-size: 16px; font-weight: 400; line-height: 1.4em; font-family: 'Roboto', sans-serif; margin-top: 10px;  word-break:keep-all;}
.goodsList > ul > li > a > div.textarea p{
	color: #212121;
	font-size: 16px;
	line-height: 1em;
	margin-top: 15px;
	}
.goodsList > ul > li > a > div.textarea p span{font-family: 'Roboto', sans-serif}
.goodsList > ul > li > a > div.textarea p span.salePercent{ color: #ee4848; font-size: 14px; line-height: 1em; margin-right: 7px;}
.goodsList > ul > li > a > div.textarea p span.salePrice{color: #999; font-size: 14px; line-height: 1em;    text-decoration: line-through; margin-right: 7px;}
.goodsList > ul > li > a > div.textarea p span.price{
	color: #212121;
	font-size: 18px;
	font-weight: 700;
	line-height: 1em;
	}
.img{position: relative;}
.img .goodsicon{
	position: absolute;
	left: 0;
	top: 0;
	font-size: 0;
	z-index: 5;
	width: 100%;
	text-align: left;
	}
.img .goodsicon li{height: 30px; width: 30px; display: inline-block; line-height: 30px; vertical-align: top; text-align: center; color: #fff;font-size: 14px;}
.img .goodsicon li.new{background: #666666;}
.img .goodsicon li.best{background: #ffed46; color: #212121;font-weight: 700;}
.img .goodsicon li.sale{background: #ee4848; }


.goodsindexSlider{
	width: 100%;
	margin-left: -10px;
	}
.goodsindexSlider .slick-slide{padding: 0 0 0 10px;}
.goodsindexSlider .img{width: 100%;  margin-bottom: 25px;}
.goodsindexSlider .img img{width: 354px; max-width:354px; height: 354px;}
.goodsindexSlider  { text-align: left; height:489px ; overflow:hidden;}
.goodsindexSlider .text h3{color: #212121; font-size: 20px; font-weight: 700; line-height: 1em; margin-top: 30px; width: 334px; text-align: left;
	 white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	}
.goodsindexSlider a p{
	margin-top: 10px;
	color: #666;
	font-size: 16px;
	width: 330px;
	text-align: left;
	 white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	}
.goodsindexSlider .slick-dots{
	width: 100%;
	text-align: center;
	margin-top: 40px;
	}
.goodsindexSlider .slick-dots li{
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	}
.goodsindexSlider .slick-dots li button{
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 10px;
	height: 10px;
	border-radius:5px;
	background: #e1e1e1;
	
	}
.goodsindexSlider .slick-dots li.slick-active button{
	background: #212121;
	}
.goodsindexSlider .slick-arrow{
	position: relative;
	position: absolute;
	z-index: 2;
	top:50%;
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 48px;
	height: 76px;
	margin-top: -100px;
	}
.goodsindexSlider .slick-prev {
	left:10px;
	background:url('../img/sub/goods/goods_prev.png') no-repeat left top;;
	}
.goodsindexSlider .slick-next {
	right:0;
	background:url('../img/sub/goods/goods_next.png') no-repeat left top;;
	}

.goodsTopSeller{
	position: relative;
	width:1320px;
	margin: 0 auto;
	}
.topsellerTop{
	max-width:1846px;
	margin: 0 auto 0;
	overflow:hidden;
	}
.topsellerTop h2{

	text-align: center;
	}
.topsellerTop ul{
	text-align: center;
	font-size: 0;
	margin: 40px 0;
	}
.topsellerTop ul li{
	display: inline-block;
	text-align: right;
	margin:0 15px;
	}
.topsellerTop ul li a{
	color: #999; font-size: 18px; 
	}
.topsellerTop ul li.on a{
	color: #333;
	font-weight: 700;
	}
.topsellerSlider{
	max-width:1840px; padding:0 0; margin: 0 auto;
	}
.topsellerSlide{
	padding: 10px;

	}
.topsellerSlide a{}
.topsellerSlide a .img{position: relative; height: 244px; overflow:hidden;}
.topsellerSlide a .img img{
	width: 244px;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	height: 244px;
	}

.topsellerSlide a .img img.on{
	position: absolute;
	left:0;
	top:0;	
	z-index: 2;
	opacity:0;
	}
.topsellerSlide a:hover .img img.on{
	opacity:1;
	}
.topsellerSlide a:hover .img img.off{
	opacity:0;
	}



.topsellerSlide a h5{
	margin-top: 15px;
	  color: #212121;
    font-size: 13px;
    line-height: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
	}
.topsellerSlide a h3{
	color: #666666;
    font-size: 16px;
    line-height: 1.3em;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
    word-break: break-all;
	}
.topsellerSlide a p{  color: #212121;    font-size: 16px;    line-height: 1em;    margin-top: 10px; font-size: 16px;}
.topsellerSlide a p span{}
.topsellerSlide a p span{font-family: 'Roboto', sans-serif;  font-size: 19px;}
.topsellerSlide a p span.salePercent{color: #ee4848; font-size: 14px; line-height: 1em; margin-right: 7px;}
.topsellerSlide a p span.salePrice{color: #999; font-size: 14px; line-height: 1em;    text-decoration: line-through; margin-right: 7px;}
.topsellerSlide a p span.price{
	color: #212121;
	font-size: 19px;
	line-height: 1em;
	}


.goodsTopSeller .slick-arrow{
	position: relative;
	position: absolute;
	z-index: 2;
	top:50%;
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 30px;
	height: 54px;
	margin-top: -85px;
	}
.goodsTopSeller .slick-prev {
	left:-60px;
	background:url('../img/sub/goods/sellerPrev.png') no-repeat left top;;
	}
.goodsTopSeller .slick-next {
	right:-60px;
	background:url('../img/sub/goods/sellerNext.png') no-repeat left top;;
	}

.goodsIndexBanner1{
	width: 100%;
	height: 300px;
	background:url('../img/sub/goods/goodsindexbanner1.png') no-repeat center top;
	position: relative;
	margin-top: 160px;
	display: table;
	}
.goodsIndexBanner1 .textarea{
	text-align: center;
	padding: 0 0 0 0;
	vertical-align: middle;
	display: table-cell;
	}

.goodsIndexBanner1 .textarea h4{
	color: #fff;
	font-size: 34px;
	line-height: 1em;
	margin-bottom: 15px;
	}
.goodsIndexBanner1 .textarea h3{
	color: #fff;
	font-size: 50px;
	line-height: 1em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	width: 1000px;
	margin: 0 auto;
	text-align: center;
	    padding: 105px 0 0;
	}
.goodsIndexBanner1 .textarea p{
	font-size: 16px;
	color: #fff;
	width: 1000px;
	display: block;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    height:40px;
    line-height:20px;
    overflow:hidden;
    text-overflow:ellipsis;
	margin: 20px auto 0;
	}
.goodsIndexBanner1 .textarea a{margin-top: 0; display: block; height: 100%;}



/* goodslist 상품리스트 폼 */ 
.goodslist{
	color: #080404;
	width: 1300px;
	margin: 0 auto;
	}
.goodslist3{width: 1200px; margin: 0 auto;}
.goodslist .goodsTitle{
	text-align: center;
	margin-bottom: 80px;
	}
.goodslist > ul{
	font-size: 0;
	text-align: left;;
	/*overflow:hidden;*/
	}
.goodslist > ul > li{
	width:312px;
	display: inline-block;
	vertical-align: top;
	margin-left:17px;
	margin-top: 38px;
	vertical-align: top;
	}
.goodslist > ul > li > a > div.img .topNum{
	position: absolute;
	left:0;
	top:0;
	z-index: 3;
	text-align: center;
	width: 30px;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size:15px;
	background: #212121;
	}
.goodslist2 > ul > li{
	width:415px;
	margin-left:25px;
	margin-top: 65px;
	vertical-align: top;
	}

.goodslist.goodslist3 > ul > li{
	width: calc(25% - 15px);
	margin-left:20px;
	margin-top: 65px;
	vertical-align: top;
	}
.goodslist > ul > li:first-child,
.goodslist > ul > li:nth-child(5){margin-left: 0;}
.goodslist > ul > li:nth-child(1),
.goodslist > ul > li:nth-child(2),
.goodslist > ul > li:nth-child(3),
.goodslist > ul > li:nth-child(4){margin-top: 0;}

.goodslist2 > ul > li:first-child,
.goodslist2 > ul > li:nth-child(4){margin-left: 0;}
.goodslist2 > ul > li:nth-child(5){margin-left: 25px;}
.goodslist2 > ul > li:nth-child(1),
.goodslist2 > ul > li:nth-child(2),
.goodslist2 > ul > li:nth-child(3){margin-top: 0;}
.goodslist2 > ul > li:nth-child(4){margin-top: 65px;}

.goodslist3 > ul > li:first-child,
.goodslist3 > ul > li:nth-child(4n+1){margin-left: 0;}
.goodslist3 > ul > li:nth-child(1),
.goodslist3 > ul > li:nth-child(2),
.goodslist3 > ul > li:nth-child(3),
.goodslist3 > ul > li:nth-child(4){margin-top: 0;}

	/*
.goodslist > ul > li:first-child,
.goodslist > ul > li:nth-child(3n+1){margin-left: 0;}*/
.goodslist > ul > li a{}
.goodslist > ul > li a .img{margin-bottom: 20px;}
.goodslist  ul  li a .img{position: relative;}
.goodslist ul li a .img img{
	width: 100%;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	}

.goodslist ul li a .img img.on{
	position: absolute;
	left:0;
	top:0;	
	z-index: 2;
	opacity:0;
	}
.goodslist ul li a:hover .img img.on{
	opacity:1;
	}
.goodslist ul li a:hover .img img.off{
	opacity:0;
	}

.goodslist > ul > li a .img img{height: 285px; width: 285px;}
.goodslist > ul > li a h3{
	color: #212121;
	font-size: 22px;
	line-height: 1em;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.goodsStory.goodslist > ul > li a h3{font-size: 24px; }
.goodslist > ul > li a h3 span{font-weight: 700;}
.goodslist > ul > li a p{
	line-height: 1em;
	color: #666;
	font-size: 16px;
	margin-top:10px;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	}
.goodslist > ul > li a{}
.goodslist > ul > li a h5{color: #212121; font-size: 13px; line-height: 1em; font-family: 'Roboto', sans-serif;  font-weight: 700; }
.goodslist > ul > li a h4{color: #666666; font-size: 16px; line-height: 1.3em; font-family: 'Roboto', sans-serif; margin-top: 10px; white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;}
.goodslist > ul > li a p{
	color: #212121;
	font-size: 16px;
	line-height: 1em;
	margin-top: 10px;
	}
.goodslist > ul > li a p span{font-family: 'Roboto', sans-serif}
.goodslist > ul > li a p span.salePercent{ color: #ee4848; font-size: 14px; line-height: 1em; margin-right: 7px;}
.goodslist > ul > li a p span.salePrice{color: #999; font-size: 14px; line-height: 1em;    text-decoration: line-through; margin-right: 7px;}
.goodslist > ul > li a p span.price{
	color: #212121;
	font-size: 18px;
	line-height: 1em;
	}



.goodsOcoPick{margin-top: 125px;}
.goodsOcoPick  ul  li a .img{position: relative;}
.goodsOcoPick ul li a .img img{
	width: 312px;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	max-width:312px;
	height: 312px;
	}
.goodsReport > ul > li > a .img img{max-width: 415px; width: 415px; height: 415px;}
.goodsOcoPick ul li a .img img.on{
	position: absolute;
	left:0;
	top:0;	
	z-index: 2;
	opacity:0;
	}
.goodsOcoPick ul li a:hover .img img.on{
	opacity:1;
	}
.goodsOcoPick ul li a:hover .img img.off{
	opacity:0;
	}


.what_s_new{}
.what_s_new{font-size: 0; width: 1320px; margin: 0 auto 165px; position: relative; left:-10px}
.what_s_new .whatSlide{	padding: 10px;}
.what_s_new .whatSlide a{}
.what_s_new .whatSlide a h5{
	margin-top: 15px;
	  color: #212121;
    font-size: 13px;
    line-height: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
	}
.what_s_new .whatSlide a h3{
	color: #666666;
    font-size: 16px;
    line-height: 1em;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
    word-break: break-all;
	}
.what_s_new .whatSlide a p{    color: #212121;    font-size: 16px;    line-height: 1em;    margin-top: 10px;}
.what_s_new .whatSlide a p span{font-size: 19px; }
.what_s_new .whatSlide a p span{font-family: 'Roboto', sans-serif}
.what_s_new .whatSlide a p span.salePercent{ color: #ee4848; font-size: 14px; line-height: 1em; margin-right: 7px;}
.what_s_new .whatSlide a p span.salePrice{color: #999; font-size: 14px; line-height: 1em;    text-decoration: line-through; margin-right: 7px;}
.what_s_new .whatSlide a{}
.what_s_new .whatSlide a .img{position: relative;}
.what_s_new .whatSlide a .img img{
	width: 243px;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	height: 243px;
	}

.what_s_new .whatSlide a .img img.on{
	position: absolute;
	left:0;
	top:0;	
	z-index: 2;
	opacity:0;
	}
.what_s_new .whatSlide a:hover .img img.on{
	opacity:1;
	}
.what_s_new .whatSlide a:hover .img img.off{
	opacity:0;
	}

.what_s_new .slick-arrow{
	position: relative;
	position: absolute;
	z-index: 2;
	top:50%;
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 30px;
	height: 54px;
	margin-top: -85px;
	}
.what_s_new .slick-prev {
	left:-60px;
	background:url('../img/sub/goods/sellerPrev.png') no-repeat left top;;
	}
.what_s_new .slick-next {
	right:-60px;
	background:url('../img/sub/goods/sellerNext.png') no-repeat left top;;
	}


.goodsStory{margin-bottom: 100px;}


.goodsIndexBanner2{
	font-size: 0;
	width: 100%;
	min-width:1300px;
	text-align: center;
	position: relative;
	margin: 120px auto 160px;
	}
.goodsIndexBanner2 .bgline{
	width: 100%;
	height: 397px;
	background: #ffed46; 
	position: relative;
	position: absolute;
	left:0;
	top:0;
	}
.goodsIndexBanner2 .img{
	display: inline-block;
	vertical-align: top;
	padding-top: 113px;
	position: relative;
	z-index: 2;
	}
.goodsIndexBanner2 .textarea{
	position: relative;
	z-index: 2;
	width: 648px;
	height: 547px;
	display: inline-block;
	vertical-align: top;
	padding-top: 143px;
	padding-left: 50px;

	text-align: left;
	}
.goodsIndexBanner2 .textarea h4{
	color: #212121;
	font-size: 46px;
	line-height: 1em;
	margin-bottom: 30px;
	font-weight: 700;
	}
.goodsIndexBanner2 .textarea h3{
	color: #212121;
	font-size: 30px;
	margin-bottom: 30px;
	line-height: 1.3em;
	}
.goodsIndexBanner2 .textarea p{
	position: absolute;
	bottom:30px;
	left:50px;
	color: #666;
	font-size: 16px;
	}
.goodsIndexBanner2 .textarea a{
	
	}



.detail{max-width:1920px; overflow:hidden;}
.detailInfoWrap{
	position: relative;
	min-width:1200px;
	/*height: 2436px;*/
	font-size: 0;
	}
.detailInfoWrap > div{}
.detailInfoWrap > div.imgarea{
	font-size: 0;
	display: inline-block;
	vertical-align: top;
	width:60%;
	max-width: 1140px;
	}
.empty{width: 40%;}
.detailInfoWrap > div.imgarea .img{
	height: 812px;
	overflow:hidden;
	display: block;
	width: 100%;
	margin-bottom: 10px;
	}
.detailInfoWrap > div.detailInfo{
	position: relative;
	position: absolute;
	z-index: 2;
	width: 420px;
	height: 100%;
	background: #fff;
	top:0;
	left:50%;
	margin-left: 10%;
	padding: 30px 0 30px 50px ;
	/*
	max-height:812px;
	*/
	min-height:555px;
	
	}
.detailInfoWrap > div.detailInfo.fixed{position: fixed; top:102px;}
.detailInfoWrap > div.detailInfo .shareBox{
	position: absolute;
	right:0;
	top:36px;
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > h5 {
	font-size: 18px;
	line-height: 17px;
	font-weight: 700;
	color: #333;
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > h5 a{
	font-size: 18px;
	line-height: 17px;
	font-weight: 700;
	color: #333;
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > h5 img{margin-right: 15px; margin-top: -3px;}
.detailInfoWrap > div.detailInfo > .detailInfoTop > h3{
	font-weight:400;
	font-size:26px;
	color: #333;
	width: 328px;
	margin-top: 15px;
	line-height: 1.2em;    word-break: break-word;

	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .priceWrap{
	color: #333333;
	font-size: 16px;
	/*margin-top: 5px;*/
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .priceWrap span{font-family: 'Roboto', sans-serif; display: inline-block; vertical-align: middle;	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .priceWrap span.title{color: #666; font-size: 16px; width: 55px;}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .priceWrap span.salePercent{ color: #ee4848; font-size:18px; line-height: 1em; margin-right:10px; }
.detailInfoWrap > div.detailInfo > .detailInfoTop > .priceWrap span.salePrice{color: #999; font-size: 13px; line-height: 1em;    text-decoration: line-through; margin-right: 6px;}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .priceWrap span.price{
	color: #333333;
	font-size:18px;
	font-weight: 700;
	line-height: 1em;
	}


.detailInfoWrap > div.detailInfo > .detailInfoTop > .colorBox{
	margin-top:40px;
	position: relative;
	min-height:20px
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .colorBox .colorBox_inner{width: 276px; text-align: left;}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .colorBox a.colorBtn{
	display: inline-block;
	vertical-align: top;
	width: 22px;
	height: 22px;
	border-radius:11px;
	margin-right: 10px;
	margin-bottom:10px;
	font-size: 1px;
	text-indent:-9999px;
	 transition: transform .5s;
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .colorBox a.colorBtn.white{border:1px solid #dedede;}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .colorBox a.colorBtn.on{
	border:2px solid #ee4c4c;
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .colorBox a.colorBtn.de.on{
	border:2px solid #050505;
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .colorBox .reviewBtn{
	position: absolute;
	right:0;
	top:1px;
	display: inline-block;
	font-size: 14px;
	font-weight: 700;
	border-bottom:1px solid #999999;
	color: #999999;
	line-height: 1em;
	padding-bottom:2px
	}
.detailInfoWrap > div.detailInfo > .detailInfoTop > .selectbox{
	margin: 10px 0;
	}
.detailInfoWrap > div.detailInfo > .optionBox{
	
	overflow-Y:auto;
	}
.detailInfoWrap > div.detailInfo > .optionBox > div.option{
	border:1px solid #e1e1e1;
	border-top:none;
	padding: 20px;
	}
.detailInfoWrap > div.detailInfo > .optionBox > div.option:first-child{margin-top: 0; border-top:1px solid #e1e1e1;}
.detailInfoWrap > div.detailInfo > .optionBox > div.option h3{
	position: relative;
	margin-bottom: 15px;
	color: #212121;
	font-size: 16px;
	line-height: 1em;
	width: 305px;
	}
.detailInfoWrap > div.detailInfo > .optionBox > div.option h3 a{
	position: absolute;
	right: -17px;
	top: 0;
	display: block;
	width: 11px;
	height: 11px;
	}i
.detailInfoWrap > div.detailInfo > .optionBox > div.option h3 a img{vertical-align: top;}	
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap{position: relative;}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount{font-size: 0;}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount span{border:1px solid #e1e1e1; display: inline-block; vertical-align: top; width: 34px; height: 34px; line-height: 34px; position: relative;	cursor:pointer}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount span:before,
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount span:after{
	content:"";
	display: block;
	position: absolute;
	left:50%;
	top:50%;
	background: #999999;
	}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount span:before{
	width: 10px;
	height: 2px;
	margin:-1px 0 0 -5px;
	}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount span:after{
	height:10px;
	width: 2px;
	margin: -5px 0 0 -1px;;
	}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount span.minner{border-right:none;}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount span.minner:after{display: none;}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount span.plus{border-left:none;}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .amount input{
	vertical-align: top;
	height: 34px;
	text-align: center;
	width: 46px;
	border:1px solid #e1e1e1;
	color: #666666;
	}


.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .priceWrap{
	position: absolute;
	right:0;
	top:0;
	text-align: right;
	color: #212121;
	line-height: 34px;
	font-size: 16px;
	}
.detailInfoWrap > div.detailInfo > .optionBox > div.option .amountWrap .priceWrap span{
	color: #212121;
	font-size: 20px;
	line-height: 1em;
	margin-right: 5px;
	font-weight: 700;
	}
.detailInfoWrap > div.detailInfo   .total_price{
	background: #f3f2ee;
	border:1px solid #e1e1e1;
	border-top:none;
	padding: 21px 0 21px 20px;
	color: #333333;
	font-size: 18px;
	line-height: 1em;
	font-weight: 700;
	}
.detailInfoWrap > div.detailInfo   .total_price  h3{ 
	color: #333333;
	font-size: 18px;
	display: inline-block;
	line-height: 1em;
	font-weight: 700;
	}
.detailInfoWrap > div.detailInfo   .total_price span{
	font-weight: 700;
	color: #202020;
	line-height: 1em;
	font-size: 22px;
	display: inline-block;
	width: 211px;
	text-align: right;
	margin-right: 3px;
	}
.detailInfoWrap > div.detailInfo   .bottomArea{
	position: absolute;
	left:50px;
	bottom:30px;
	width: 370px;
	}
.detailInfoWrap > div.detailInfo   .bottomArea p{
	position: relative;
	color: #999;
	font-size: 14px;
	height: 34px;
	line-height: 34px;
	margin-bottom: 10px;
	}
.detailInfoWrap > div.detailInfo >  .bottomArea p span{color: #212121;}
.detailInfoWrap > div.detailInfo >  .bottomArea p a{position: absolute; righT:0; top:0;width: 100px;	margin: 0; font-size: 14px;}

.detailInfoWrap > div.detailInfo >  .bottomArea .btnWrap{}
.detailInfoWrap > div.detailInfo >  .bottomArea .btnWrap > a.btn{margin: 0 ; width: 185px;}
.detailInfoWrap > div.detailInfo >  .bottomArea .btnWrap > a.btn.btnGray{background: #999; border:1px solid #999;}
.detailInfoWrap > div.detailInfo >  .bottomArea .btnWrap > a.btn.btnDarkGray{background: #212121;}



.detail_Con{}
.detail_Con .bgWrap{
	padding: 100px 0;
	}
.detail_Con .bgWrapGray{
	background: #f7f7f7;

	}
.detail_Con .bgWrap > div{width: 1200px; margin: 0 auto;}
.detail_Con .bgWrap > div.goodsInfo{
	padding-bottom: 60px;
	}
.detail_Con .bgWrap > div.goodsInfo img{width: auto; max-width:1200px;}
.detail_Con .bgWrap > div.goodsInfo h4{
	color: #212121;
	font-size: 18px;
	line-height: 1em;
	font-weight: 700;
	margin-bottom: 20px;
	}
.detail_Con .bgWrap > div.goodsInfo p{
	color: #666;
	font-size: 16px;
	line-height: 1em;
	margin-top: 10px;
	}
.detail_Con .bgWrap > div.goodsInfo p.first{
	margin-top: 0;
	}
.detail_Con .bgWrap > div.goodsInfo p.last{
	margin-bottom: 30px;
	}

.detailArea{
	padding-bottom: 100px;
	text-align: center;
	}
.detailArea img{max-width: 1200px;margin: 0 auto;}
.GoodsInfoDetail{}
.GoodsInfoDetail .tab{margin-bottom: 30px;}
.GoodsInfoDetail .tab ul{
	text-align: center;
	}
.GoodsInfoDetail .tab ul li{
	display: inline-block;
	vertical-align: top;
	position: relative;	
	}
.GoodsInfoDetail .tab ul li a{
	color: #999;
	font-size: 24px;
	line-height: 1em;
	font-weight: 700;
	padding:0 20px ;
	display: block;
	}
.GoodsInfoDetail .tab ul li:before{
	display: block;
	position: absolute;
	left:0;
	top:4px;
	width: 1px;
	height: 20px;
	background: #e0e0e0;
	content:"";
	}
.GoodsInfoDetail .tab ul li:first-child:before{display: none;}
.GoodsInfoDetail .tab ul li.on{}
.GoodsInfoDetail .tab ul li.on a{
	color: #212121;
	}


.GoodsInfoDetail .info > h3{color: #212121; font-size: 15px; line-height: 1em; margin-bottom: 20px; font-weight: 700; }
.GoodsInfoDetail .info > h3.first{margin-top: 0;}
.GoodsInfoDetail .info table{ margin-bottom: 30px;}
.GoodsInfoDetail .info table th,
.GoodsInfoDetail .info table td{padding: 15px 0 15px 20px; vertical-align: top;}
.GoodsInfoDetail .info table th{width: 200px; font-size: 15px;	}
.GoodsInfoDetail .info table td{font-size: 15px;}

.GoodsInfoDetail .info table td p.dot{
	color: #666666;
	font-size: 15px;
	}
.GoodsInfoDetail .info table td p.dot:before{
	content:"";
	display: inline-block;
	vertical-align: top;
	width: 3px;
	height: 3px;
	border-radius:1.5px;
	background: #999;
	margin-right: 5px;
	margin-top: 10px;
	}

.GoodsInfoDetail .info2{display: none;}

.review{}
.review .detailTitle{
	color: #212121;
	font-size: 30px;
	margin-bottom: 45px;
	line-height: 1em;
	text-align: center;
	font-weight: 700;
	}
.review .tab{
	position: relative;
	}
.review .tab ul{
	font-size: 0;
	text-align: center;
	}
.review .tab ul li{
	display: inline-block;
	vertical-align: top;
	position: relative;
	}
.review .tab ul li a{
	font-size: 16px;
	color: #999999;
	line-height: 1em;
	padding:0 20px ;
	display: block;
	}
.review .tab ul li:before{
	display: block;
	position: absolute;
	left:0;
	top:4px;
	width: 1px;
	height: 14px;
	background: #e1e1e1;
	content:"";
	}
.review .tab ul li:first-child:before{display: none;}
.review .tab ul li.on{}
.review .tab ul li.on a{color: #212121;}
.review .tab a.btn{
	position: absolute;
	right:0;
	top:-10px;
	width: 125px;
	height: 40px;
	line-height: 40px;
	margin: 0;
	}
.review .reviewList{
	margin-top: 30px;
	
	}
.review .reviewList > ul{
	border-top:2px solid #212121;
	margin-bottom: 20px;
	}
.review .reviewList > ul > li{
	padding: 30px 0px 30px 30px;
	border-bottom:1px solid #e1e1e1;
	}
.review .reviewList > ul li div.reviewT{font-size: 0;}
.review .reviewList > ul li div.reviewT > div{display: inline-block; vertical-align: top;	}
.review .reviewList > ul li div.reviewT .textarea{
	position: relative;
	font-size: 0;
	}

.review .reviewList > ul li div.reviewT .textarea .text{
	position: relative;
	color: #212121;
	font-size: 16px ;
	cursor:pointer;
	}
.review .reviewList > ul li div.reviewT .textarea .text.dt{font-size: 0;}
.review .reviewList > ul li div.reviewT .textarea .text.dt .titlearea{
	width: 890px;
	padding-right: 200px;
	}
.review .reviewList > ul li div.reviewT .textarea .text.dt > div{display: inline-block; vertical-align: top;}
.review .reviewList > ul li div.reviewT .textarea .text.dt h5{color: #a0a0a0; font-size: 16px;}
.review .reviewList > ul li div.reviewT .textarea .text.dt h5 img{margin: -2px 0 0 4px;}
.review .reviewList > ul li div.reviewT .textarea .text.dt h3{color: #212121; font-size: 16px; overflow: hidden; 	text-overflow: ellipsis; 	white-space: nowrap; width: 690px;}
.review .reviewList > ul li div.reviewT .textarea span.icon{
	position: absolute;
	right:0;
	top:0;
	text-align: right;

	}


.review .reviewList > ul li div.reviewT .textarea  ul{font-size: 0; }
.review .reviewList > ul li div.reviewT .textarea  ul > li{
	display: inline-block;
	vertical-align: top;
	margin-left: 10px;
	margin-top: 20px;

	width: 130px;
	}

.review .reviewList > ul li div.reviewT .textarea  ul > li:first-child{margin-left: 0;}
.review .reviewList > ul li div.reviewT .textarea  ul > li img{width: 100%;}

.review .reviewList > ul li div.reviewT .textarea .text.dt > div.writer{width: 140px; color: #999;  font-size: 16px; text-align: center;}
.review .reviewList > ul li div.reviewT .textarea .text.dt > div.date{width: 140px; color: #999; font-size: 16px; text-align: center;}


.review .reviewList > ul li div.reviewT .textarea .dd{display: none; padding-top: 20px; font-size: 0;}
.review .reviewList > ul li div.reviewT .textarea .dd > div{ display: inline-block; vertical-align: top;}
.review .reviewList > ul li div.reviewT .textarea .dd  div.text{
	width: 1030px;
	padding-right: 340px;
	}
.review .reviewList > ul li div.reviewT .textarea .dd  .btnWrap{
	width: 140px;
	text-align: center;
	margin-top: 10px;
	}
.review .reviewList > ul li div.reviewT .textarea .dd  .btnWrap a{background: #fff;}
.review .reviewList > ul li div.reviewT .textarea .dd  .btnWrap a:first-child{margin-bottom: 8px;}


/* 상품문의 */
.qna{}
.qna .detailTitle{
	position: relative;
	color: #212121;
	font-size: 30px;
	margin-bottom: 45px;
	line-height: 1em;
	text-align: center;
	font-weight: 700;
	}
.qna .detailTitle a{
	position: absolute;
	right:0;
	top:0;	
	margin: 0;
	width: 125px;
	height: 40px;
	line-height: 40px;
	}
.qna dl{border-top:1px solid #202020; margin-bottom: 20px; margin-top: 50px;}
.qna dl dt{
	border-bottom:1px solid #e1e1e1;
	padding: 20px 0;
	font-size: 0;
	cursor:pointer;
	}
.qna dl dt > div{
	display: inline-block;
	vertical-align: top;
	}
.qna dl dt .qnaAnswer{
	width: 140px;
	color: #999;
	font-size: 16px;
	text-align: center;
	}
.qna dl dt .qnaAnswer.comp{color: #ee4848;}
.qna dl dt .qnaTitle{
	width: 780px;
	color: #666;
	font-size: 16px;
	padding-left: 30px;
	text-align: left;
	}
.qna dl dt .qnaTitle span{
	margin-right: 12px;
	}
.qna dl dt .writer{
	width: 140px;
	text-align: center;
	color: #999;
	font-size: 16px;
	}
.qna dl dt .date{
	width: 140px;
	text-align: center;
	color: #999;
	font-size: 16px;
	}
.qna dl dd{
	padding: 20px 0;
	background: #f7f7f7;
	display: none;
	}
.qna dl dd > div {padding: 20px 0; font-size: 0; display: table;}
.qna dl dd > div > div{display: table-cell; vertical-align: top;}
.qna dl dd > div > div.icon{width: 140px; text-align: center;}
.qna dl dd > div > div.con{width:920px; text-align: left; color: #666; font-size: 16px; padding-left: 30px; vertical-align: top;}
.qna dl dd > div.q{}
.qna dl dd > div.a{border-top:1px dotted #e1e1e1; }
.qna dl dd > div.a div.date{text-align: center; width: 140px; color: #999; font-size: 16px; vertical-align: middle;}
.qna dl dd > div.q > div.btnWrap{width: 140px; text-align: center;}
.qna dl dd > div.q > div.btnWrap a{
	margin: 0;
	background: #fff;
	}
.qna dl dd > div.q > div.btnWrap a:first-child{margin-bottom: 8px;}



/* 함께하면 좋은상품 */
.goodsList.togetherGoods .detailTitle{
	color: #212121;
	font-size: 30px;
	margin-bottom: 45px;
	line-height: 1em;
	text-align: center;
	font-weight: 700;
	}
.goodsList.togetherGoods{overflow:visible; padding-top: 90px;}
.goodsList.togetherGoods > ul{
	margin: 0;
	
	}
.goodsList.togetherGoods > ul > li{
	margin-left: 20px;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% - 15px);
    width: calc(25% - 15px);
	margin-top:0px;
	}
.goodsList3 > ul > li{
	 width: calc(25% - 15px);
	margin-left:20px;
	}
.goodsList3 > ul > li:nth-child(4){
	margin-left:20px;
	}
.goodsList.togetherGoods > ul > li:first-child{margin-left: 0;}

.goodsList > ul > li > a > div.textarea p span.price{
	font-size: 18px;
	font-weight: 300;
	}


.story{width: 1200px;
	margin: 0 auto; 
	padding-top: 60px;
	}
.storyView{
	width: 100%;
	 text-align: center;
	}
.storyView .goodsList{ width: 1200px; margin:  0 auto;}
.story .subtitle{color: #212121; font-size: 46px; line-height: 1em; margin-bottom: 60px; font-weight: 700;}
.story .tab{margin-bottom: 40px;}
.story .tab ul{
	font-size: 0;
	}
.story .tab ul li{
	display: inline-block;
	vertical-align: top;
	position: relative;
	padding-left: 25px;
	margin-left: 25px;
	}
.story .tab ul li:before{
	position: absolute;
	left:0;
	top:3px;
	width: 1px;
	height: 12px;
	content:"";
	display: block;
	background:#e1e1e1 ;
	}
.story .tab ul li:first-child{padding-left: 0; margin-left: 0;}
.story .tab ul li:first-child:before{display: none;}
.story .tab ul li a{ color: #999; font-size: 16px; line-height: 1em;}
.story .tab ul li.on a{ color: #333333; }
#grid-content {
	overflow: hidden;
	height: 0;
	margin-left:-36px;
	

}
#grid-content > div {
	width: 376px;
	color: #FFFFFF;
	margin-left:36px;
	margin-top: 80px;
	text-align: left;
}
#grid-content .img img{max-width:376px;}
#grid-content > div:nth-child(1),
#grid-content > div:nth-child(2),
#grid-content > div:nth-child(3){margin-top:0	}
/*
#grid-content > div:nth-child(1),
#grid-content > div:nth-child(3n+1){margin-left: 0;}*/
#grid-content div h3 {
	line-height: 1em;
	color: #212121;
	font-size: 22px;
	margin:  20px 0 8px;
	font-weight: 700;
	 white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}
#grid-content div p {
	color: #666;
	font-size: 15px;

}
.stroyTop{
	height: 600px;
	}
.stroyTop .textarea{
	margin: 0 auto;
	width: 1360px;
	text-align: left;
	padding-top: 200px;
	}
.stroyTop h3{
	color: #212121;
	font-size: 50px;
	line-height: 1.2em;
	margin-bottom: 40px;
	}
.stroyTop p{
	color: #212121;
	font-size: 16px;
	}
.story .goodsList{}
.story .goodsList li{
	    display: inline-block;
    vertical-align: top;
    margin-left: 20px;
    width: -webkit-calc(25% - 15px);
    width: -moz-calc(25% -15px);
    width: calc(25% - 15px);
    margin-top: 80px;
	}
.story .goodsList > ul > li:nth-child(1), 
.story .goodsList > ul > li:nth-child(2),
.story .goodsList > ul > li:nth-child(3),
.story .goodsList > ul > li:nth-child(4){
    margin-top: 0;
}
.goodsList > ul > li:first-child, .goodsList > ul > li:nth-child(4n+1) {
    margin-left: 0;
}
.goodsList1 > ul > li{margin-left: 20px;}
.goodsList1 > ul > li:nth-child(4n+1) {
    margin-left:20px;
}
.goodsList1 > ul > li:first-child, .goodsList1 > ul > li:nth-child(3n+1) {
     margin-left:0;
}
.goodsList3 > ul > li:nth-child(1), 
.goodsList3 > ul > li:nth-child(2),
.goodsList3 > ul > li:nth-child(3),
.goodsList3 > ul > li:nth-child(4){
    margin-top: 0;
}
.goodsList3 > ul > li:first-child, .goodsList3 > ul > li:nth-child(4n+1) {
    margin-left: 0;
}


/* EVENT*/
.eventTop{height: 500px; overflow:hidden;}
.eventTop div.eventslide{height: 500px;}
.eventTop div.eventslide a{width: 100%; height: 100%; display: block;}
.eventTop .slick-arrow{
	position: relative;
	position: absolute;
	z-index: 2;
	top:50%;
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 26px;
	height: 50px;
	margin-top: -25px;
	}
.eventTop .slick-prev {
	left:40px;
	background:url('../img/main/prev.png') no-repeat left top;;
	}
.eventTop .slick-next {
	right:40px;
	background:url('../img/main/next.png') no-repeat left top;;
	}

.eventTop .slick-dots{
	position: absolute;
	left:0;
	bottom:30px;
	width: 100%;
	text-align: center;
	}
.eventTop .slick-dots li{
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	}
.eventTop .slick-dots li button{
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 10px;
	height: 10px;
	border-radius:5px;
	background: #fff;
	
	}
.eventTop .slick-dots li.slick-active button{
	background: #ffed46;
	}

.event{position: relative; width: 1200px; margin: 0 auto;	 text-align: left;	}
.event2{min-height: 1120px;	}
.event_info{
	margin: 30px auto 20px;
	overflow:hidden;
	width:1200px;
	}
.event_info h4{
	float:left;
	color: #333;
	font-size: 16px;
	height: 46px;
	line-height: 46px;
	}
.event_info .selectbox{
	float:right;
	border:none;
	width: 122px;
	}
.event_list{
	width: 1200px;
	text-align: left;	
	margin: 0 auto;
	font-size: 0;
	}
.event_list li{
	display: inline-block;
	vertical-align: top;
	margin: 80px 0 0px 36px;
	width:582px;
	}
.event_list li:first-child,
.event_list li:nth-child(2n+1){margin-left: 0;}
.event_list li:first-child,
.event_list li:nth-child(2){margin-top: 0;}
.event_list li:nth-child(5),
.event_list li:nth-child(6){margin-top:280px;}
.event_list li img{}
.event_list li .text{height: 75px; margin-top: 10px; text-align: left;}
.event_list li h3{color: #212121; font-size: 20px;  line-height: 1.4; font-weight: 700;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	max-height: 2.6em;
	line-height: 1.3em;
	}
.event_list li p{color: #212121; font-size: 15px;}
.event_list .empty{
	padding: 80px 0 !important;
	text-align: center;
	color: #999;
	font-size: 16px;
	width: 100%;
	border-top:2px solid #212121;
	border-bottom:1px solid #e1e1e1;
	height: 472px;
	}
.event_list .empty img{ display: block; margin: 0 auto 13px;}
.eventbanner{
	width: 100%;
	position: relative;
	position: absolute;
	left:0;
	top:1015px;
	padding:35px 50px;
	background: #d9d1ce;
	text-align: left;	
	}
.eventbanner h3{
	color: #212121;
	font-size: 30px;
	line-height: 1em;
	
	}
.eventbanner h3 span{font-weight: 700;  margin-right: 10px;}
.eventbanner p{color: #212121; font-size: 18px; line-height: 1em; margin-top: 10px;}
.eventbanner a{
	position: absolute;	
	right:50px;
	top:43px;
	background: #fff;
	text-align: center;
	display: inline-block;
	vertical-align: top;
	width: 152px;
	height: 42px;
	line-height: 42px;
	border-radius:21px;
	color: #212121;
	font-size: 16px;
	font-weight: 600;
	}
.eventbanner a img{margin-top: -3px; margin-left: 5px;}

.event_view{margin-top: 65px;}
.event_view_title{}
.event_view_title h3{
	color: #212121;
	font-size: 34px;
	font-weight: 700;
	vertical-align: top;
	max-width:1200px;
	margin: 0 auto;
	}
.event_view_title h3 span{
	display: inline-block;
	vertical-align: top;
	width: 76px;
	height: 30px;
	line-height: 30px;
	background:#333 ;
	color: #212121;
	font-size: 16px;
	font-weight: 700;
	margin-top: 14px;
	}
.event_view_title h3 span.on{background: #ffed46;}
.event_view_title h3 span.Announcement{background:#212121; color: #fff; width: 95px;}
.event_view_title h3 span.comlate{background: #666; color: #fff;}
.event_view_title ul{
	margin: 25px auto 40px;
	}
.event_view_title ul li{
	display: inline-block;
	vertical-align: top;
	}
.event_view_title ul li:first-child{margin-right: 20px;}
.event_view_title ul li span{
	color: #666;
	font-size: 17px;
	line-height: 1em;
	display: inline-block;
	vertical-align: top;
	}
.event_view_title ul li span{}
.event_view_title ul li span.title:after{
		width: 1px;
		height: 16px;
		background: #e1e1e1;
		position: absolute;
		
		content:"";
		display: block;
		right:0;
		top:2px;
		}
.event_view_title ul li span.title{
	position: relative;
	padding-right:8px;
	margin-right:8px;
	}
.event_view_title ul li span.text{}
.event_view_con{}

.event_view .btnWrap{overflow:hidden; width: 1200px; margin: 50px auto 0; padding: 4px 0;}
.event_view .btnWrap ul{
	float:left;
	}
.event_view .btnWrap ul li{
	display: inline-block;
	vertical-align: top;
	margin-right: 15px;
	}
.event_view .btnWrap .btnBox{
	float:right;
	}

.peTop{
	height: 200px;
	}
.peTop .text{
	padding-top:55px;
	
	}
.peTop .text h3{
	color: #212121;
	font-size: 40px;
	font-weight: 700;
	line-height: 1em;
	}
.peTop .text p{margin-top: 15px;}
.peTop .text p span{
	color: #212121;
	font-size: 17px;
	line-height: 1em;
	display: inline-block;
	vertical-align: top;
	}
.peTop .text p span{}
.peTop .text p span.title:after{
		width: 1px;
		height: 16px;
		background: #212121;
		position: absolute;
		
		content:"";
		display: block;
		right:0;
		top:2px;
		}
.peTop .text p span.title{
	position: relative;
	padding-right:8px;
	margin-right:8px;
	}
.pe{
	width: 1200px;
	margin:0 auto;
	}
.pe .tab{margin:40px 0 0;}
.pe .tab ul{font-size: 0; text-align: left;}
.pe .tab ul li{
	display: inline-block;
	vertical-align: top;
	width: calc(20% + 1px);
	border:1px solid #e1e1e1;
	margin-left: -1px;
	}
.pe .tab ul li.on{ background: #212121; border:1px solid #212121;}
.pe .tab ul li a{
	display: block;
	color: #666;
	font-size: 16px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	}
.pe .tab ul li.on a{color: #fff;}
.pe_info{text-align: left;}
.pe_info h4{
	color: #333;
	font-size: 16px;
	}
.pe_info h4 span{}
.pe .goodsList{}
.pe .goodsList ul{}
.pe .goodsList ul li{width: calc(25% - 15px); margin-left:20px ;}
.pe .goodsList ul li:first-child,
.pe .goodsList ul li:nth-child(4n+1){margin-left: 0;}
.pe .goodsList ul li:nth-child(1),
.pe .goodsList ul li:nth-child(2),
.pe .goodsList ul li:nth-child(3),
.pe .goodsList ul li:nth-child(4){margin-top: 0;}


/*review*/

.review{margin-top: 60px;}
.review .subtitle{
	color: #212121;
	font-size: 46px;
	line-height: 1em;
	font-weight: 700;
	}
.review .subtext{
	color: #666;
	font-size: 16px;
	line-height: 1em;
	margin-top: 30px;
	}
.reviewBest{margin-top: 50px; width: 100%; padding: 40px 0; background: #f7f7f7;}
.reviewBest .reviewBestSlider{
	position: relative;
	width: 1264px;
	margin: 0 auto;
	}
.reviewBest .reviewBestSlider .slick-slide{margin: 0 32px;}
.reviewBest .reviewBestSlider .slick-arrow{position: absolute; width: 35px; height: 50px; top:50%; margin-top: -25px; border:none; background: none; text-indent:-9999px; overflow:hidden; font-size: 0;}
.reviewBest .reviewBestSlider .slick-prev{left:-50px; background: url('../img/sub/goods/best_prev.png') no-repeat center center;}
.reviewBest .reviewBestSlider .slick-next{right:-50px; background: url('../img/sub/goods/best_next.png') no-repeat center center;}
.reviewBest .reviewBestSlider .reviewGoods{}
.reviewGoods{
	border:1px solid #eeeeee;
	display: inline-block;
	vertical-align: top;
	background: #fff;
	width: 284px;
	}

.reviewGoods > div{
	text-align: left;
	}
.reviewGoods > div.img {
	overflow:hidden;
	height: 356px;
	width: 100%;
	position: relative;
	}
.reviewGoods > div.img  img{ width: auto; height: 100%;  max-width:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.reviewGoods > div.img img{}
.reviewGoods > div.thum .img{width: 80px; height: 79px;}
.reviewGoods > div.thum .img img{max-width: 50px;}
.reviewGoods > div.text{
	padding: 30px 19px;
	border-bottom:1px solid #eee;
	}
.reviewGoods > div.text p{
	color: #666;
	font-size: 16px;
	overflow: hidden;
	 display: -webkit-box;
    -webkit-line-clamp: 3;
	  -webkit-box-orient: vertical;
	  overflow: hidden;
	  text-overflow: ellipsis;
	height: 4.5em;
	line-height: 1.5em;
	}
.reviewGoods > div.text ul{
	font-size: 0;
	margin-top: 13px;
	}
.reviewGoods > div.text ul li{
	display: inline-block;
	vertical-align: top;
	color: #999;
	font-size: 16px;
	position: relative;
	}
.reviewGoods > div.text ul li.name{}
.reviewGoods > div.text ul li.date{padding-left: 8px;margin-left: 8px;}
.reviewGoods > div.text ul li.date:before{
	width: 1px;
	height: 14px;
	background: #eee;
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:5px;
	}
.reviewGoods > div.thum{font-size: 0; padding: 10px 0;}
.reviewGoods > div.thum a > div{display: inline-block; vertical-align: top;}
.reviewGoods > div.thum .img{width: 80px;;text-align: center;}
.reviewGoods > div.thum .img img{margin: 5px auto 0; width: 50px; height: 50px;}
.reviewGoods > div.thum .text{width: calc(100% - 103px); padding-top:5px;}
.reviewGoods > div.thum .text h5{ color: #212121; font-size: 15px; line-height: 1em; font-weight: 700; font-family: 'Roboto', sans-serif}
.reviewGoods > div.thum .text h4{color: #212121; font-size: 15px; line-height: 1em;  margin-top: 8px;
	 white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
	}
.reviewGoods > div.thum .text p{color: #666; font-size: 13px; line-height: 1em;  margin-top: 8px;}

.reviewlistWrap{width: 1200px; margin: 0 auto; text-align: left;}
.reviewlistWrap .event_info{}
.reviewlistWrap .reviewlist{font-size: 0;}
.reviewlistWrap .reviewlist .reviewGoods{
	margin: 40px 0 0 20px;
	}
.reviewlistWrap .reviewlist .reviewGoods:nth-child(1),
.reviewlistWrap .reviewlist .reviewGoods:nth-child(2),
.reviewlistWrap .reviewlist .reviewGoods:nth-child(3),
.reviewlistWrap .reviewlist .reviewGoods:nth-child(4){margin-top: 0;}
.reviewlistWrap .reviewlist .reviewGoods:nth-child(1),
.reviewlistWrap .reviewlist .reviewGoods:nth-child(4n+1){margin-left: 0;}
.reviewlistWrap .reviewlist .reviewGoods > .img{
	overflow:hidden;
	height: 285px;
	width: 285px;
	position: relative;
	}
.reviewlistWrap .reviewlist .reviewGoods > .img img{ width: auto; height: 100%; max-width:none; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%);}

.popWrap{position: relative;width: 960px;  position: fixed;top:50%; left:50%;
    transform: translate(-50%, -50%); background: #fff; z-index: 16; display: none;}
.popWrap > a.close{
	position: absolute;
	right:20px;
	top:20px;
	z-index: 2;
	}
.popWrap .pop{font-size: 0;}
.popWrap .pop .reviewPop > div{display: inline-block; vertical-align: top;}
.popWrap .pop .reviewPop > div.img{width: 468px; overflow:hidden; height: 600px;}
.popWrap .pop .reviewPop > div.imgSlide .imgInner{display: table !important; text-align: center;}
.popWrap .pop .reviewPop > div.imgSlide .imgInner img{width: 100%;}
.popWrap .pop .reviewPop > div.imgSlide .mid{vertical-align: middle; display: inline;		}
.popWrap .pop .reviewPop > div.imgSlide .mid{max-width: 100%;}
.popWrap .pop .reviewPop > div.imgSlide  .slick-arrow{z-index: 5;position: absolute; width: 26px; height: 50px; top:50%; margin-top: -25px; border:none; background: none; text-indent:-9999px; overflow:hidden; font-size: 0;}
.popWrap .pop .reviewPop > div.imgSlide  .slick-prev{left:15px; background: url('../img/sub/goods/pop_prev.png') no-repeat center center;}
.popWrap .pop .reviewPop > div.imgSlide  .slick-next{right:15px; background: url('../img/sub/goods/pop_next.png') no-repeat center center;}

.popWrap .pop .reviewPop > div.imgSlide .slick-dots{
	position: absolute;
	left:0;
	bottom:30px;
	width: 100%;
	text-align: center;
	}
.popWrap .pop .reviewPop > div.imgSlide .slick-dots li{
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	}
.popWrap .pop .reviewPop > div.imgSlide .slick-dots li button{
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 10px;
	height: 10px;
	border-radius:5px;
	background: #fff;
	
	}
.popWrap .pop .reviewPop > div.imgSlide .slick-dots li.slick-active button{
	background: #ffed46;
	}
.popWrap .pop .reviewPop > div.imgSlide .popimg{display: table-cell !important; height:600px;  vertical-align: middle; background: #000;}
.popWrap .pop .reviewPop > div.textarea{width: 492px; overflow-x:hidden; overflow-y:auto; height:600px; }
.popWrap .pop .reviewPop > div.textarea{padding: 20px 20px;}
.popWrap .pop .reviewPop > div.textarea .thum{ border-bottom:1px solid #e1e1e1; width: 100%; display: table;}
.popWrap .pop .reviewPop > div.textarea .thum .img{width: 80px;;text-align: center;display: table-cell; vertical-align: middle; padding: 10px 0 20px;}
.popWrap .pop .reviewPop > div.textarea .thum .img img{margin: 0 auto 0;  max-width: 55px; width: 50px; height: 50px;}
.popWrap .pop .reviewPop > div.textarea .thum .text{width:calc(100% - 80px);display: table-cell; vertical-align: middle; padding:10px 0; padding-left: 10px;}
.popWrap .pop .reviewPop > div.textarea .thum h5{ color: #212121; font-size: 16px; line-height: 1em; font-weight: 700; font-family: 'Roboto', sans-serif}
.popWrap .pop .reviewPop > div.textarea .thum h4{color: #212121; font-size: 16px; line-height: 1em;  margin-top: 8px;}
.popWrap .pop .reviewPop > div.textarea .thum p{color: #666; font-size: 14px; line-height: 1em;  margin-top: 8px;}
.popWrap .pop .reviewPop > div.textarea .text{padding: 10px 0 20px;}
.popWrap .pop .reviewPop > div.textarea .text ul{font-size: 0;}
.popWrap .pop .reviewPop > div.textarea .text ul li{display: inline-block; vertical-align: top; color: #999; font-size: 15px; line-height: 1em;}
.popWrap .pop .reviewPop > div.textarea .text ul li.bar{width: 1px; height: 13px; background: #999; margin: 2px 7px;}
.popWrap .pop .reviewPop > div.textarea .text .con{margin-top: 15px; color: #666; font-size: 16px;}

.popWrap .pop .reviewPop2 > div{ display: block; width: 100%;}
.popWrap .pop .reviewPop2 > div.title{height: 60px; text-align: center; line-height: 60px; color: #212121; font-size: 22px; font-weight: 700; background:#ffed46 ;}
.popWrap .pop .reviewPop2 > div.img{width: 100%; height: 540px;}

.popWrap .pop .reviewPop2 > div.imgSlide2 .popimg{
	width: 960px !important;
    display: inline-block;
    text-align: center;
	height:540px;  vertical-align: middle; background: #000;
	overflow:hidden
	}
.popWrap .pop .reviewPop2 > div.imgSlide2 .popimg img{height: 100%;}
.popWrap .pop .reviewPop2 > div.title{}



.brandCate{
	padding: 60px 0;
	background: #f7f7f7;
	}
.brandCate .brandCateSlider{width: 1200px; margin: 0 auto; height: 250px;}
.brandCate .brandCateSlide{position: relative; margin: 0 10px;	}
.brandCate .brandCateSlide .img img{max-width:285px; height: 285px; width: 285px;}
.brandCate .brandCateSlider .slick-slide{height: 250px;}
.brandCate .brandCateSlider .text{position: absolute; left:0; top:0; width: 100%; height: 100%;}
.brandCate .brandCateSlider  .slick-arrow{z-index: 5;position: absolute; width: 15px; height:28px; top:50%; margin-top: -14px; border:none; background: none; text-indent:-9999px; overflow:hidden; font-size: 0;}
.brandCate .brandCateSlider .slick-prev{left:-45px; background: url('../img/sub/goods/brand_prev.jpg') no-repeat center center;}
.brandCate .brandCateSlider  .slick-next{right:-45px; background: url('../img/sub/goods/brand_next.jpg') no-repeat center center;}

.brandCate .brandCateSlider .slick-dots{
	position: absolute;
	left:0;
	bottom:30px;
	width: 100%;
	text-align: center;
	}
.brandCate .brandCateSlider .slick-dots li{
	display: inline-block;
	margin: 0 5px;
	vertical-align: top;
	}
.brandCate .brandCateSlider .slick-dots li button{
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 10px;
	height: 10px;
	border-radius:5px;
	background: #fff;
	
	}
.brandCate .brandCateSlider .slick-dots li.slick-active button{
	background: #ffed46;
	}
.brandCate .brandCateSlide .text{
	text-align: center;
	padding-top: 100px;
	}
.brandCate .brandCateSlide .text h4{color: #f7f7f7; font-size: 26px; line-height: 1em;}
.brandCate .brandCateSlide .text p{color: #f7f7f7; font-size: 15px; line-height: 1em; margin-top: 20px;}

.brandlistWrap{padding: 97px 0 0 0 ; width: 1200px; margin: 0 auto;}
.brandlistWrap .subtitle{color: #212121;	font-size: 46px; line-height: 1em; font-weight: 700;}
.brandlistWrap .brandSearch{margin-top: 45px;}
.brandlistWrap .brandSearch > div{font-size: 0; text-align: left;	}
.seachcate1{margin-bottom: 10px; }
.brandlistWrap .brandSearch > div > h3{color: #212121; font-size: 16px;	width: 80px; height: 35px; line-height: 35px; text-align: center; border:1px solid #ededed; display: inline-block; vertical-align: top; margin-right: 30px;}
.brandlistWrap .brandSearch > div > ul{font-size: 0; text-align: left; display: inline-block; vertical-align: top; width: 1090px;}
.brandlistWrap .brandSearch > div > ul > li{display: inline-block; vertical-align: top; margin: 0 10px 10px 0;}
.brandlistWrap .brandSearch > div > ul > li input{
	position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0
		}
	.brandlistWrap .brandSearch > div > ul > li label{border:1px solid #ededed; color: #212121; text-align: center; height: 35px; line-height: 35px;   font-size: 16px; width: 35px; display: block;}
	.brandlistWrap .brandSearch > div > ul > li label.big{width: 80px;}

	.brandlistWrap .brandSearch > div > ul > li input[type="radio"]:checked + label{
	 background: #ffed46;
	 border:1px solid #ffed46;
	}
.brandlistWrap .empty{
	padding:180px 0 135px 0 !important;
	text-align: center;
	color: #999;
	font-size: 16px;
	width: 100%;
	border-top:1px solid #e1e1e1;
	margin-top: 50px;
	}
.brandlistWrap .empty img{ display: block; margin: 0 auto 13px;}
.brandlist{border-top:1px solid #ededed; font-size: 0;}
.brandlist > h3{
	display: inline-block;
	vertical-align: top;
	width: 120px;
	color: #212121;
	font-size: 28px;
	padding-top: 80px;
	line-height: 1em;
	}
.brandlist > div{
	border-bottom:1px solid #ededed;
	display: inline-block;
	vertical-align: top;
	width: 1080px;
	padding: 80px 0;
	text-align: left;
	font-size: 0;
	}
.brandlist > div > div.brandlogo{
	display: inline-block;
	vertical-align: top;
	margin-top: 75px;
	width: 20%;
	}
.brandlist > div > div.brandlogo:first-child,
.brandlist > div > div.brandlogo:nth-child(5n+1){margin-left: 0;}
.brandlist > div > div.brandlogo:nth-child(1),
.brandlist > div > div.brandlogo:nth-child(2),
.brandlist > div > div.brandlogo:nth-child(3),
.brandlist > div > div.brandlogo:nth-child(4),
.brandlist > div > div.brandlogo:nth-child(5){margin-top: 0;}
.brandlist > div > div.brandlogo a{text-align: left;}
.brandlist > div > div.brandlogo a > div{
	display: inline-block;
	vertical-align: top;

	}
.brandlist > div  div.img{}
.brandlist > div  div.text{padding-top: 0; text-align: left; width: 90%;}
.brandlist > div  div.text h3{color: #212121; font-size: 16px; line-height: 1em; }
.brandlist > div  div.text p{color: #999; font-size: 16px; line-height: 1em; margin-top: 10px;}

.brand_top{height:500px ; text-align: center; display: table; width: 100%;}
.brand_top > div{height: 500px; display: table-cell; vertical-align: middle;	width: 100%;  position: relative;}
.brand_top .bgLayout{background: rgba(0,0,0,0.6); height:500px; width: 100%; position: absolute;	 left:0; top:0;}
.brand_top h3, .brand_top p, .brand_top a{position: relative; z-index: 2;}
.brand_top h3{color: #fff; font-size: 33px; line-height: 1em;}
.brand_top p{color: #fff; font-size: 16px; line-height: 1.5em; margin: 15px auto 0; width: 60%;
	display:-webkit-box;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
    text-overflow:ellipsis;
	}
.brand_top a{margin-top: 30px; text-align: center; display: inline-block; position: relative;}

.brand_top a img{
	width: 100%;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	}
.brand_top a .on{
	position: absolute;
	left:0;
	top:0;	
	z-index: 2;
	opacity:0;
	}
.brand_top a.on .on{
	opacity:1;
	}
.brand_top a.on .off{
	opacity:0;
	}




.searchPage{}
.searchPage .searchTitle{color: #212121; font-size: 24px; margin:35px 0 0px ; text-align: center;}
.searchPage .searchTop{
	width: 1200px;
	margin: 0 auto;
	}
.searchPage .searchTop .allClear{
	text-align: right;
	margin-bottom: 10px;
	}
.searchPage .searchTop .allClear a{
	display: inline-block;
	vertical-align: top;
	width: 100px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	color: #212121;
	font-size: 15px;
	border:1px solid #ebebeb;
	}
.searchPage .searchTop table{}
.searchPage .searchTop table th,
.searchPage .searchTop table td{}
.searchPage .searchTop table th{}
.searchPage .searchTop table td{}
.searchPage .searchTop table td .boxArea{height: 100px; overflow-y:auto;}
.searchPage .searchTop table td .boxArea > div{
	display: inline-block;
	vertical-align: top;
	padding: 15px 0;
	width: 160px;
	}
.searchPage .searchTop table td .boxArea > div label{color: #666;;}
.searchPage .searchTop table td ul{vertical-align: top;}
.searchPage .searchTop table td ul li{display: inline-block; vertical-align: top; padding-left: 20px; margin-left: 20px; position: relative;}
.searchPage .searchTop table td ul li:first-child{margin-left: 0; padding-left: 0;}
.searchPage .searchTop table td ul li:before{
	display: block;
	width:1px;
	height: 14px;
	position: absolute;
	left:0;
	top:6px;
	background:#e1e1e1 ;
	content:"";
	}
.searchPage .searchTop table td ul li:first-child:before{display: none;}
.searchPage .searchTop table td ul li a{color: #666; font-size: 15px;}
.searchPage .searchTop table td ul li.on a{color: #ee4848;}
.searchResult{border-top:1px solid #e1e1e1; width: 1200px; margin: 0 auto;}


.searchSlider{width:1215px; margin: 80px auto 50px; position: relative; left:15px;	}
.searchSlider .slick-track {margin: 0;}
.searchSlide{padding:0 16.5px  ;}
.searchSlide a{
	display: block;
	}
.searchSlide .img{width: 376px; height: 376px; overflow:hidden;}
.searchSlide .text{text-align: left; width: 376px;}
.searchSlide .text h3{color: #212121; font-size: 22px;line-height: 1em; overflow: hidden;text-overflow: ellipsis;white-space: nowrap; margin-top: 20px; font-weight: 700;}
.searchSlide .text p{
	margin-top: 15px;
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	overflow: hidden;
	text-overflow: ellipsis;
	height: 3em;
	line-height: 1.5em;
	color: #666;
	font-size: 15px;
	}
.searchSlider .slick-arrow{
	position: relative;
    position: absolute;
    z-index: 2;
    top: 50%;
    background: none;
    border: none;
    font-size: 0;
    text-indent: -9999px;
    overflow: hidden;
    width: 30px;
    height: 54px;
    margin-top: -27px;
	}
.searchSlider .slick-prev {
	left:-50px;
	background:url('../img/sub/goods/sellerPrev.png') no-repeat left top
	}
.searchSlider .slick-next {
	right:-50px;
	background:url('../img/sub/goods/sellerNext.png') no-repeat left top
	}



.popWrap2{width: 800px; }
.popWrap2 .myReviewPopCont{padding: 20px;}
.reviewPop3{}
.reviewPop3 >  .title{
	color: #212121;
	font-size: 22px;
	text-align: center;
	line-height: 60px;;
	height: 60px;
	background: #ffed46;
	}
.reviewPop3 .myReviewPopCont{
	overflow-y:auto;
	overflow-x:hidden;
	height:690px
	}
.reviewPop3 .myReviewPopCont .popTable{
	width: 100%;
	margin-bottom: 20px;
	border-top:1px solid #212121
	}
.reviewPop3 .myReviewPopCont .popTable th,
.reviewPop3 .myReviewPopCont .popTable td{
	padding: 10px 0 10px 20px;
	border-bottom:1px solid #e1e1e1;
	text-align: left;
	}
.reviewPop3 .myReviewPopCont .popTable th{
		width: 160px;
		background: #f7f7f7;

		}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo{}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo .goodsName{display: table; }
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo .goodsName > div{display: table-cell; vertical-align: middle; text-align: left;}

.reviewPop3 .myReviewPopCont .popTable td.goodsInfo  div.text{
	padding-left: 20px;
	}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo  div.text h3{
	color: #202020; font-size: 18px; line-height: 1em;	
	}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo  div.text h3 span{font-weight: 700;}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo  div.text h3 a{color: #202020; font-size: 18px;}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo  div.text p.priceWrap{margin-top: 7px; color: #212121; font-size: 16px;}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo  div.text p span{font-family: 'Roboto', sans-serif}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo  div.text p.priceWrap .salePrice{color: #999; font-size: 16px; line-height: 1em;    text-decoration: line-through; margin-right: 7px;}
.reviewPop3 .myReviewPopCont .popTable td.goodsInfo  div.text p.priceWrap .price{
	color: #212121;
	font-size: 18px;
	font-weight: 700;
	line-height: 1em;
	}


.reviewPop3 .myReviewPopCont .popTable td textarea{
	width: 560px;
	height: 200px;
	resize:vertical;
	padding: 10px;
	border:1px solid #e1e1e1;
	}

.reviewPop3 .myReviewPopCont .popTable td.fileWrap{}
.reviewPop3 .myReviewPopCont .popTable td.fileWrap{
	font-size: 0;
	}
.reviewPop3 .myReviewPopCont .popTable td.fileWrap .imgBox{
	width: 90px;
	height: 90px;
	display: inline-block;
	margin-left: 10px;
	position: relative;
	overflow:hidden;
	}
.reviewPop3 .myReviewPopCont .popTable td.fileWrap .imgBox:first-child{margin-left: 0;}
.reviewPop3 .myReviewPopCont .popTable td.fileWrap .imgBox .deleteBtn{
	position: absolute;
	left:0;
	top:0;
	width: 100%;
	height: 90px;;
	display: none;
	text-align: center;
	padding-top: 30px;
	}
.reviewPop3 .myReviewPopCont .popTable td.fileWrap .imgBox.on:hover .deleteBtn{
	display: block;
	}
.reviewPop3 .myReviewPopCont .popTable td.fileWrap .imgBox .imgFile {width: 90px; height: 90px;}
.reviewPop3 .myReviewPopCont .popTable td.fileWrap input[type=file]{
	
	}
.reviewPop3 .myReviewPopCont .popTable td.fileWrap input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; }
.reviewPop3 .myReviewPopCont .checkbox-container  label{line-height: 40px;}
.reviewPop3 .infobox{padding: 20px;}
.reviewPop3 .myReviewPopCont > .checkbox-container  label{line-height: 40px; color: #212121; font-size: 16px;}
.qnapopTable{}
.qnapopTable input#title{width: 560px;}
.qnapopTable .selectbox{height: 40px;}
.qnapopTable .selectbox label{
	height: 40px;
	line-height: 40px;
	}

.infobox{
	padding: 30px;
	background: #f7f7f7;
	text-align: left;
	color: #999; font-size: 16px;
	}
.infobox h3{
	margin-bottom: 15px;
	color: #666;
	font-size: 15px;
	line-height: 22px;
	}
.infobox h3 img{margin-right: 5px;}


.topsellerWrap{}
.topsellerWrap .topsellerBest3{
	height: 980px;
	width: 100%;
	background:url('../img/sub/goods/topsellerTop.jpg') no-repeat center center;;
	}
.topsellerWrap .topsellerBest3 h2{
	padding-top: 45px;
	color: #fff;
	font-size: 46px;
	line-height: 1em;
	text-align: center;
	margin-bottom: 50px;
	font-weight: 400;
	}
.topsellerWrap .goodsicon{text-align: right;}


.topsellerWrap .topsellerBest3 ol.tab{
	font-size: 0;
	margin: 0 auto  80px;
	width: 1200px;
	}
.topsellerWrap .topsellerBest3 ol.tab > li{
	display: inline-block;
	vertical-align: top;
	width: 171px;
	color: #999;
	height: 50px;
	background: #fff;
	border-left:none;
	}
.topsellerWrap .topsellerBest3 ol.tab > li{width: 50%;}
.topsellerWrap .topsellerBest3 ol.tab > li:first-child{margin-left: 0; }
.topsellerWrap .topsellerBest3 ol.tab > li > a{
	color: #666;
	font-size: 16px;
	display: block;
	line-height: 50px;
	}
.topsellerWrap .topsellerBest3 ol.tab > li.on{background: #212121;}
.topsellerWrap .topsellerBest3 ol.tab > li.on > a{ color: #fff;}



.topsellerWrap .topsellerBest3 > .best{
	width: 1200px;
	margin: 0 auto;
	position: relative;
	}
.topsellerWrap .topsellerBest3 > .best h3{
	position: absolute;
	right:0;
	top:10px;
	color: #fff;
	font-size: 36px;
	text-align: right;
	}
.topsellerWrap .topsellerBest3 > .best > ul{
	height: 700px;
	}
.topsellerWrap .topsellerBest3 > .best > ul > li{
	width: 383px;
	height: 493px;
	background: #fff;
	margin: 0;
	}
.topsellerWrap .topsellerBest3 > .best > ul > li a{}
.topsellerWrap .topsellerBest3 > .best > ul > li{position: absolute;}
.topsellerWrap .topsellerBest3 > .best > ul > li:nth-child(1){
	left:50%;
	top:0;
	margin-left: -191.5px;
	}
.topsellerWrap .topsellerBest3 > .best > ul > li:nth-child(2){
	bottom:97px;
	left:0;
	}
.topsellerWrap .topsellerBest3 > .best > ul > li:nth-child(3){
	right:0;
	bottom:97px
	}
.topsellerWrap .topsellerBest3 > .best > ul > li .img{margin-bottom: 0;}
.topsellerWrap .topsellerBest3 > .best > ul > li .img img{width: 383px; height: 383px;}
.topsellerWrap .topsellerBest3 > .best > ul > li .img .goodsicon li{
	width: 40px;
	height: 40px;
	line-height: 40px;
	}
.topsellerWrap .topsellerBest3 > .best > ul > li .textarea{
		padding: 20px;
}
.topsellerWrap .topsellerBest3 > .best > ul > li .topNum{
	position: absolute;
	left:0;
	top:0;
	z-index: 3;
	text-align: center;
	width: 40px;
	height: 40px;
	line-height: 40px;
	color: #212121;
	font-size: 20px;
	background: #f7ee19;
	}
.topSellerBar{position: relative; height: 80px; overflow:hidden; width: 1200px; margin: 0 auto; padding-top:20px;}
.topSellerBar > div{float:left; width: 50%;}
.topSellerBar .goodsCateDepth2 ul {text-align: left;}
.topSellerBar .goodsCateDepth2 ul > li{
	display: inline-block;
	vertical-align: top;
	position: relative;
	text-align: left;
	}
.topSellerBar .goodsCateDepth2 ul > li:before{
	content:"";
	display: block;
	position: absolute;
	left:0;
	top:16px;	
	width: 1px;
	height: 14px;
	background: #e1e1e1;

	}
.topSellerBar .goodsCateDepth2 ul > li:first-child{margin-left: 0;}
.topSellerBar .goodsCateDepth2 ul > li:first-child:before{display: none;}

.topSellerBar .goodsCateDepth2 ul > li a{
	height: 46px;
	line-height: 46px;
	display: block;
	padding: 0 20px;
	color: #666;
	font-size: 15px;
	text-align: center;
	}
.topSellerBar .goodsCateDepth2 ul > li a img{margin-top: -2px; margin-left: 3px;}
.topSellerBar .goodsCateDepth2 ul > li.on{}
.topSellerBar .goodsCateDepth2 ul > li.on a{color: #ee4848;}
.topSellerBar .align{}
.topSellerBar .align .selectbox{
	width: 166px;
	height: 46px;
	line-height: 46px;
	
	border:none;
	}





.detailslider{
	max-width:1840px; padding:0 ; margin: 0 auto;
	}
.detailslide{
	padding: 10px;

	}
.detailslide a{}
.detailslide a .img{position: relative;}
.detailslide a .img img{
	width: 100%;
	-moz-transition: all .5s ease-out;
	-webkit-transition: all .5s ease-out;
	-o-transition: all .5s ease-out;
	transition: all .5s ease-out;
	}

.detailslide a .img img.on{
	position: absolute;
	left:0;
	top:0;	
	z-index: 2;
	opacity:0;
	}
.detailslide a:hover .img img.on{
	opacity:1;
	}
.detailslide a:hover .img img.off{
	opacity:0;
	}



.detailslide a h5{
	margin-top: 15px;
	  color: #212121;
    font-size: 13px;
    line-height: 1em;
    font-family: 'Roboto', sans-serif;
    font-weight: 700;
	}
.detailslide a h3{
	color: #666666;
    font-size: 16px;
    font-weight: 700;
    line-height: 1em;
    font-family: 'Roboto', sans-serif;
    margin-top: 10px;
    word-break: break-all;
	}
.detailslide a p{  color: #212121;    font-size: 16px;    line-height: 1em;    margin-top: 15px; font-size: 16px;}
.detailslide a p span{}
.detailslide a p span{font-family: 'Roboto', sans-serif;  font-size: 19px;}
.detailslide a p span.salePercent{color: #ee4848; font-size: 14px; line-height: 1em; margin-right: 7px;}
.detailslide a p span.salePrice{color: #999; font-size: 14px; line-height: 1em;    text-decoration: line-through; margin-right: 7px;}
.detailslide a p span.price{
	color: #212121;
	font-size: 19px;
	line-height: 1em;
	}


.detailslider .slick-arrow{
	position: relative;
	position: absolute;
	z-index: 2;
	top:50%;
	background: none;
	border:none;
	font-size: 0;
	text-indent:-9999px;
	overflow:hidden;
	width: 30px;
	height: 54px;
	margin-top: -27px;
	}
.detailslider .slick-prev {
	left:-40px;
	background:url('../img/sub/goods/sellerPrev.png') no-repeat left top;;
	}
.detailslider .slick-next {
	right:-40px;
	background:url('../img/sub/goods/sellerNext.png') no-repeat left top;;
	}


.story_img{
	
	}
.story_img img{
	max-width:100%;
	}


.searchForm{padding: 45px 0; background: #f4f4f4; margin-bottom: 20px;}
.searchForm .searchFormBox{}
.searchForm .searchFormBox .searchForminputBox{}
.searchForm .searchFormBox{
	width: 680px;
	border-bottom:1px solid #212121;
	margin: 0 auto;
	font-size: 0;
	}
.searchForm .searchFormBox button{
	width: 35px;
	display: inline-block;
	vertical-align: top;
	background: none;
	border:none;	
	text-align: center;
	}
.searchForm .searchFormBox button img{width: 23px; display: block; margin: 10px auto 0;}
.searchForm .searchFormBox .searchForminputBox{
	width: 645px;
	display: inline-block;
	vertical-align: top;
	position: relative;
	}
#searchForm_search {
    width: 100%;
	height: 50px;
	border:none;
	background: none;
    padding: 0 33px 0 10px;
	text-align: center;
	color: #333;
	font-size: 22px;
}

#searchFormsearchclear {
    position: absolute;
    right: 10px;
    top: 0;
    bottom: 0;
    width: 18px;
    height: 18px;
    margin: auto;
    cursor: pointer;
    color: #ccc;
    background-color: #fff;
}


.priceWrap{position: relative;}
.couponDown{
	padding: 0;
	width: 100px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	color: #212121;
	background: #ffec47;
	font-size: 14px;
	display: block;
	position: absolute;
	right:0;
	top:-5px;
	}



.couponWrap{position: relative;width: 600px;position: fixed; left:50%; margin-left: -300px; top:50%;margin-top: -135px; background: #fff; z-index: 100; display: none;}
.couponWrap .pop{padding: 30px 0; text-align: center;}
.couponWrap .pop h4{color: #212121; font-size: 20px; line-height: 1.3em; margin-bottom: 10px;}
.couponWrap .pop p{color: #212121; font-size: 16px; line-height: 1.7em;}
.couponWrap  .title{
	color: #212121;
	font-size: 22px;
	text-align: center;
	line-height: 60px;;
	height: 60px;
	background: #ffed46;
	}
.couponWrap > a.close{
	position: absolute;
	right:20px;
	top:20px;
	}