.clearfix {clear:both;}

/* 공통타이틀 */
.shopTitle {padding:50px 0 10px 0; font-size:30px; color:#1c1c1c; font-weight:700; letter-spacing:-1.2px;}

@media screen and (max-width: 639px) {
	.shopTitle {font-size:22px;}
}



/* 메인 추천상품 롤링 */
.bestWrap {/* overflow:hidden; */}
.bestWrap .adImg {float:left; width:200px;}
.bestWrap .adImg img {width:100%;}
.bestWrap .best {float:right; width:calc(100% - 220px); padding:0 5px 0 0; /* overflow:hidden; */}
.bBox {position:relative; float:left; width:23.7%; height:350px; margin:0 0.6%; padding:30px 17px 0 17px; letter-spacing:-0.8px; border:1px solid #ddd;}
.bBox .bBest {position:absolute; top:10px; left:10px; width:40px; height:40px; background:#ff6661; border-radius:50%; font-size:11px; color:#fff; font-family:'Campton'; font-weight:400; line-height:40px; letter-spacing:0.5px; text-align:center; display:inline-block; box-shadow:0 3px 5px rgba(0,0,0,.15);}
.bBox .pic {width:100%; margin:0 auto; text-align:center;}
.bBox .pic img {width:100%;}
.bBox .name {padding:5px 0 0 0; font-size:16px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBox .ment {font-size:13px; color:#ababab; line-height:1.2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBox .price {padding:8px 0 0 0; font-size:20px; color:#000; font-weight:700; letter-spacing:-1px; line-height:1.2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.bBox .won {font-size:14px; font-weight:400;}
.bBox .sobi {text-decoration:line-through; font-weight:400; font-size:14px;}
.bBox .per {color:red; font-size:15px; text-decoration:none !important; font-weight:600;}
.bBox .sale {padding:0;}

.bestWrap .slick-slide {margin:0 0.2% 0 0;}

@media screen and (max-width: 639px) {
	.bBox .per {display:block;}
}

@media screen and (max-width: 540px) {
	.bestWrap .adImg {display:none;}
	.bestWrap .best {float:none; width:100%; padding:0 0.7% 0 2%;}
	.bBox {height:auto; padding:10px 17px 17px 17px;}
}

@media screen and (max-width: 460px) {
	.bBox {}
	.bBox .name {font-size:14px;}
	.bBox .ment {font-size:12px;}
	.bBox .price {font-size:17px;}
	.bBox .won {font-size:13px;}
}



/* 인기상품 */
.newWrap {width:100%; background:#fafafa; margin:70px 0; padding:20px 0 50px 0; overflow:hidden;}
.newWrap .inner {width:1140px; margin:0 auto;}
.nBox {float:left; width:23.7%; height:386px; margin:0 0.6% 3.5% 0.6%; letter-spacing:-0.8px;}
.nBox .pic {position:relative; width:100%; height:250px; background:#fff; padding:5% 0;}
.nBox .pic img {position:absolute; top:50%; left:50%; width:90%; transform:translate(-50%, -50%);}
.nBox .name {padding:12px 5px 0 5px; font-size:16px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nBox .ment {padding:0 15px;  font-size:13px; color:#ababab; line-height:1.2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nBox .price {padding:8px 5px 0 5px; font-size:20px; color:#000; font-weight:700; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.nBox .won {font-size:14px; font-weight:400;}

.nBox .sobi {text-decoration:line-through; font-weight:400; font-size:14px !important;}
.nBox .per {color:red; font-size:15px; text-decoration:none !important; font-weight:600;}
.nBox .sale {padding:0;}

@media screen and (max-width: 639px) {
	.newWrap {margin:40px 0 20px 0;}
	.newWrap .inner {width:95%;}
	.nBox {width:31.5%; height:315px; margin:0 0.91% 3.5% 0.91%;}
	.nBox .pic {height:160px;}

	.nBox .per {display:block;}
}

@media screen and (max-width: 540px) {
	.nBox .name {font-size:14px;}
	.nBox .ment {font-size:12px;}
	.nBox .price {font-size:17px;}
	.nBox .won {font-size:13px;}
}

@media screen and (max-width: 430px) {
	.nBox {width:49%; margin:0 0.5% 30px 0.5%;}
}


/* 기획상품 */
.giWrap {width:1140px; margin:0 auto; overflow:hidden;}
.giWrap .giLeft {float:left; width:350px; height:670px; background:url(/images/cha_left1.jpg) 40px 50px no-repeat, url(/images/cha_left.jpg) no-repeat center bottom #ededeb;  }
.giWrap .giPro {float:right; width:calc(100% - 370px); overflow:hidden;}
.gBox {float:left; width:31%; margin:0 0.7% 2.5% 0.7%; text-align:left; letter-spacing:-0.8px; }
.gBox .pic {width:100%; margin:0 auto; text-align:center;}
.gBox .pic img {width:100%;}
.gBox .name {padding:12px 0 0 0; font-size:15px; font-weight:600; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gBox .ment {font-size:12px; color:#ababab; line-height:1.2; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gBox .price {padding:5px 0 0 0; font-size:17px; color:#000; font-weight:700; letter-spacing:-1px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.gBox .won {font-size:13px; font-weight:400;}

@media screen and (max-width: 639px) {
	.giWrap {width:100%;}
	.giWrap .giLeft {float:none; width:100%; height:200px; background:url(/images/cha_left1.jpg) 10% center no-repeat, url(/images/cha_left_m.png) no-repeat right bottom #ededeb; background-size:28%, auto 100%;}
	.giWrap .giPro {float:none; width:95%; margin:15px auto 0;}
	.gBox {width:31.5%; margin:0 0.91% 3.5% 0.91%;}
	
}

@media screen and (max-width: 540px) {
	.gBox .name {font-size:14px;}
	.gBox .ment {font-size:12px;}
	.gBox .price {font-size:17px;}
	.gBox .won {font-size:13px;}
}

@media screen and (max-width: 520px) {
	.giWrap .giLeft {height:150px; background-size:35%, auto 100%;}
}


/* 배너 */
.banner100 {width:100%; height:400px; background:url(/images/banner_bg.jpg) no-repeat center; margin:130px 0; background-size:cover; text-align:center; line-height:1.1; letter-spacing:-1.3px; overflow:hidden;}
.banner100 .left {float:left; width:35%; height:400px; background:url(/images/banner01.png) no-repeat center 100px;}
.banner100 .center {float:left; width:30%; padding:65px 0 0 0; text-align:center; font-size:35px;}
.banner100 .center img {margin:0 0 15px 0;}
.banner100 .center .que {padding:17px 0 11px 0; font-size:25px;}
.banner100 .center .btnLine {padding:6px 23px; border:1px solid rgba(0,0,0,.3); font-size:13px; display:inline-block;}
.banner100 .center .btnLine:hover {background:#009344; color:#fff; border:0;}
.banner100 .right {float:left; width:35%; height:400px; background:url(/images/banner02.png) no-repeat center 100px;}
.banner100 .bottom {width:90%; height:180px; background:url(/images/banner01.png) no-repeat left 10px, url(/images/banner02.png) no-repeat right 10px; background-size:60%; margin:0 auto; display:none;}

@media screen and (max-width: 639px) {
	.banner100 {position:relative; margin:80px 0;}
	.banner100 .left {display:none;}
	.banner100 .center {float:none; width:80%; margin:0 auto; padding:30px 0 0 0; font-size:20px;}
	.banner100 .center img {width:100px; height:auto;}
	.banner100 .center .que { font-size:15px;}
	.banner100 .right {display:none;}
	.banner100 .bottom {position:absolute; bottom:0; left:5%; display:block;}
}