/* BASIC css start */
#contentWrap {
    max-width: 1600px;
    margin: 0 auto;
    padding: 0;
    margin-top: 0;
}



.pd50 {padding:0 50px;}
.pdright0 {padding-right:0;}
.pdleft0 {padding-left:0;}
.slideritem .swiper-slide {width: 18%;}
.slideritem .ec-base-product {max-width:100%; padding:0;}

#contents .wrapper { max-width:1600px;  width:100%; margin:0 auto; }


.mainTitle {margin:150px 0 50px; text-align:left;}
.mainTitle h3 {font-size: 30px; color: #000; font-weight: 600; text-align: left;}
.mainTitle span {display:block; margin-top:5px; font-size: 16px; line-height: 24px; letter-spacing: -0.5px; display: block; color: #9b9b9b; font-weight:normal;}
.mainTitle .point {color:#ea1620; font-style: normal; font-size:20px;  margin-left:10px; }
.mainmoreplus {margin: 20px auto; width: 440px; border: 1px solid #000; text-align: center; border-radius: 2px;}
.mainmoreplus a {color: #000; font-size: 15px; padding: 18px 0; display: block; line-height: 1; font-weight: bold;}


.mainCon .prodCon .ec-base-product {padding:0; max-width:100%}

.visual_box {display: flex;justify-content: flex-start; align-items: flex-start;}
.visual_box .fixImg {width:50%; }
.visual_box .fixImg img {width:100%}
.visual_box .fixImg a {display:inline-block; width:100%; height:100%;}
.visual_box .mainSlide  {width:50%; overflow:hidden;  }

.mainSlide {position:relative;}
.mainSlide .swiper-wrapper {/*transform: translate3d(460px, 0px, 0px);*/}
.mainSlide .dimmed {position: absolute; top: 0; left: 0; width: 100%; height: 100%;  transition: all .5s ease-in-out;}
.mainSlide .swiper-slide {height:auto; }
.mainSlide .swiper-slide .dimmed {background-color: rgba(0,0,0,0.5); z-index: 0;}
/*.mainSlide .swiper-slide.swiper-slide-active  .dimmed {display:none; }*/
.mainSlide .swiper-slide.swiper-slide-active .title {opacity:1}
.mainSlide .title {position: absolute; top:42%; width:100%;transition:2s;text-align:center;color:#ffffff;opacity:0; z-index: 1;}
.mainSlide .swiper-slide a {font-size: 0; display:inline-block; width:100%; }
.mainSlide .swiper-slide img {width:100%; }
.mainSlide .title .big {line-height: 40px; letter-spacing: -1px; font-size: 16px; font-weight: 500; color: #fff; display: block; margin-bottom: 10px;}
.mainSlide .title .middle {font-size:32px; font-weight:600;line-height:42px;margin-bottom:10px}
.mainSlide .title .sm {letter-spacing: -0.5px; font-size: 18px; font-weight: 300; color: #fff;}
.mainSlide .swiper-button-next {right: 50px; background-image: none;}
.mainSlide .swiper-button-next:after, .mainSlide .swiper-button-prev:after {display:none;}
.mainSlide .swiper-button-prev {left: 50px; background-image: none;}
.mainSlide:hover .swiper-button-next,.mainSlide:hover .swiper-button-prev {/*display: block;*/}
.mainSlide .swiper-button-next,.mainSlide .swiper-button-prev {display: inline-block; width: 40px; height: 40px; color: #fff; font-size: 60px;}
.mainSlide .swiper-button-prev {left: 40px;}
.mainSlide .swiper-button-next {right: 40px;}
.mainSlide .swiper-button-next:hover,.mainSlide .swiper-button-prev:hover {color: #000;}

.mainSlide .swiper-button-next, .mainSlide .swiper-button-prev {display:none; }



.mainMidBanner {margin:120px 0 60px; text-align:center; }
.mainBtmBanner {margin:60px 0; text-align:center; }

.weeklyBest {margin: 150px 0 60px;}
.weeklyBest h3 {font-size:30px; color: #000; font-weight: 600;  text-align: left; line-height: 1.2}
.weeklyBest .tabWrap {margin: 0 auto; width: 100%; overflow: hidden; }
.weeklyBest .tab_slide_thumbs {margin-bottom: 40px; overflow: hidden; width: 100%;}
.weeklyBest .tab_slide_thumbs .swiper-container {width:100%; margin-top: 20px;}
.weeklyBest .tab_slide_thumbs .swiper-wrapper {display:none;}
.weeklyBest .tab_slide_thumbs ul {}
.weeklyBest .tab_slide_thumbs ul li {position: relative; text-align: left; width: auto !important; }
.weeklyBest .tab_slide_thumbs ul li a {padding:0px 16px; height:44px; display:flex; align-items: center; justify-content: center;color: #77797E; font-weight: 500; font-size: 16px;}
.weeklyBest .tab_slide_thumbs ul li.swiper-slide-thumb-active a {    color: #000; background: #f0f0f0;border-radius: 60px;}
.weeklyBest .tab_slide_viewer {position: relative; width:100%; overflow:hidden;}
.weeklyBest .prdList { margin-left: 0; }
.weeklyBest .prdList > li {position: relative; margin: 0}
.weeklyBest .ec-base-product .prdList.grid5 > li {width: calc((100% - (1.3% * 4)) / 5); margin-right: 1.3%; margin-bottom: 50px}
.weeklyBest .ec-base-product ul.grid5 > li:nth-child(5n) {margin-right: 0;}
.weeklyBest .ec-base-product {max-width: 100%; padding: 0 0px;}


.banner_box {display: flex; justify-content: flex-start; align-items: flex-start; margin-top:120px; }
.banner_box .banner {width:50%; box-sizing:border-box;}
.banner_box .banner a {display:block; position:relative; }
.banner_box .banner span {display:block; }
.banner_box .banner .img img {width:100%; }
.banner_box .banner .txt {display: none; align-items: center; justify-content: center;position:absolute; top:0; left:0; width:100%; height:100%;    background: rgba(255, 255, 255, 0.45);font-size: 48px; text-transform: uppercase; }
.banner_box .banner:hover  .txt {display: flex; }


#newItem .prodCon {position:relative; }

.prodSwiper .swiper-slide {width:385px; margin-right:20px; }
.prodSwiper .swiper-button-next {right: 50px; background-image: none;}
.prodSwiper .swiper-button-next:after, .prodSwiper .swiper-button-prev:after {display:none;}
.prodSwiper .swiper-button-prev {left: 50px; background-image: none;}
.prodSwiper .swiper-button-next,.prodSwiper .swiper-button-prev {display: inline-block; width:60px; height: 60px; color: #fff; font-size: 60px; top:260px; background: rgba(0, 0, 0, 0.2);}
.prodSwiper .swiper-button-prev {left:0px;}
.prodSwiper .swiper-button-next {right:0px;}

/* 더보기 커스텀 */
.mainmoreplus a::after {
    content: "상품 더 보기 +";
}

.mainmoreplus a button {
    display: none;
}
/* BASIC css end */