/* BASIC css start */
/* 메인 배너 */
.mainBanner{ visibility: hidden; position:relative;overflow:hidden;}
.mainBanner .main_banner img{width:100%;}
.mainBanner .bx-pager{position:absolute;bottom:20px;left:0;right:0;z-index:60;text-align:center;}
.mainBanner .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.mainBanner .bx-pager-link{display:inline-block;width: 16px;height: 6px;font-size:0;margin: 0 3px;background-color: rgba(225,225,225,0.8);border-radius: 3px;}
.mainBanner .bx-pager-link.active{width: 80px;background-color: rgba(45, 45, 45, 0.8);}
.mainBanner .bx-controls-direction {position:absolute;top:50%;z-index:60;text-align:center;/* opacity: 0; */width: 100%;}
.mainBanner:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.mainBanner .bx-prev, .mainBanner .bx-next{position:absolute;top:0;margin-top:-25px;font-size: 28px;display:inline-block;width:50px;height:50px;color: #eaeaea;}
.mainBanner .bx-prev i, .mainBanner .bx-next i {vertical-align: middle;}
.mainBanner .bx-prev{left: 10px;}
.mainBanner .bx-next{right: 10px;}
.mainBanner .bx-prev:hover,
.mainBanner .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(90, 90, 90, 0.8);color:#fff;border-radius: 100%;}

/* 메인 서브 배너 */
.bannerArea{position:relative;padding: 2% 0;}
.bannerArea:after{content:"";display:block;clear:both;}
.bannerArea .left, .bannerArea .right{position:relative;width: 49%;}
.bannerArea .left{float:left;background: url(http://jj190201.img4.kr/main_sub2.jpg) no-repeat center center; background-size: cover; }
.bannerArea .right{float:right;background: url(http://jj190201.img4.kr/main_sub1.jpg) no-repeat center center;background-size: cover; }
.bannerArea div.txtArea a { width: 100%; height: 100%; display: table-cell; vertical-align: middle; text-align: center; }
.bannerArea div.txtArea {width: 100%;display: table;background: rgba(0, 0, 0, 0.6);opacity: 0;transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;text-align: center;padding: 10% 0;}
.bannerArea div.txtArea:hover { opacity: 1; }
.bannerArea div.txtArea .mnTit { font-size: 32px;line-height: 40px;color: #fff;font-weight: 700; }
.bannerArea div.txtArea .mnCap { color:#eee;font-size: 14px; }
.bannerArea div.txtArea .mnMoreBtn { margin-top: 30px; }
.bannerArea div.txtArea .mnMoreBtn span { display: block; margin: 0 auto; width: 234px; height: 38px; line-height: 38px; border: 3px solid #1d1d1d;background:#fff; text-align: center; }
.bannerArea div.txtArea .mnMoreBtn span:hover { background:#1d1d1d; color:#fff; }

/* 상품 타이틀 */
.h_title h3 { text-align:center; font-size: 24px; font-weight:bold; color:#292929; }

/* HOT ITEM */
#recmdWrap {background: #f8f8f8;padding: 4% 4% 5%;}
#recmdWrap:after{content:"";display:block;clear:both;}
#recmdWrap .item-wrap .item-cont .item-list {float:left;background: #fff;width: 17.5%;padding: 0.5% 0.5% 2% 0.5%;margin: 0 0.75% 1.5%;}

/* WEEKLY BEST */
.weeklyWrap {margin:0 auto;position:relative;padding: 4% 4% 5%;}
.weeklyWrap .sliderArea{position:static;padding-top: 2%;}
.weeklyWrap .swiperBtn{color:#111;font-size: 40px;width: 4%;height: 120px;position:absolute;top: 48%;text-align:center;background-image: none;}
.weeklyWrap .swiper-button-next{right: 0;}
.weeklyWrap .swiper-button-prev{left: 0;}
.weeklyWrap .swiperBtn i{line-height: 120px;}
.weeklyWrap .list {padding: 0 10px;width: 210px;}
.weeklyWrap .list .thumb img {width: 100%; max-width: 100%; }
.weeklyWrap .prd-info-bx:hover { opacity: 1; }
.weeklyWrap .prd-info-bx {position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;margin: 0 10px;opacity: 0;transition: 0.3s ease all;-webkit-transition: 0.3s ease all;-moz-transition: 0.3s ease all;}
.weeklyWrap .prd-info-bx .prd-info {position:absolute;top:50%;left:0;right:0;margin-top: -50px;z-index:10;}
.weeklyWrap .prd-info-bx .prd-subname{padding: 15px 25px; }
.weeklyWrap .prd-info-bx .prd-price del { color:#999; font-weight: normal; font-size: 12px; margin-right: 5px;}
.weeklyWrap .prd-info-bx .prd-price {padding-top:3px;font-size:14px; font-weight: bold;}
.weeklyWrap .prd-info-bx .bg {position:absolute; top:0; left:0; right:0;bottom:0;background:#fff; opacity:0.8; filter:alpha(opacity=80); z-index:0 }

/* 이미지 고정 배너 */
.fixed-img-bannerWrap {}
.fixed-img-bannerWrap .fixed-img-banner {position:relative; padding: 10% 0;background: url(//skin.makeshop.co.kr/skin/tem134/fix_bg.jpg) center center;background-attachment:fixed;overflow:hidden;}
.fixed-img-bannerWrap .fixed-img-banner .t1 {font-size: 48px;color: #fff;text-align:center;}


/* NEW ARRIVALS */
#newWrap {padding: 4% 0 5%;}
#newWrap:after {content:"";display:block;clear:both;}

/* BASIC css end */