/* BASIC css start */
/* 롤링배너 */
#mainVisual { visibility: hidden; position:relative; overflow:hidden;  }
#mainVisual img {width:100%;}
#mainVisual .bx-pager{position:absolute;bottom:10px; margin-top:20px;left:0;right:0;z-index:60;text-align:center;letter-spacing: -1px;}
#mainVisual .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
#mainVisual .bx-pager-link{display:inline-block;width:40px;height:2px;font-size:0;background:rgba(255,255,255,0.2);}
#mainVisual .bx-pager-link.active{ background:rgba(1,1,1,0.5); }
#mainVisual .bx-controls-direction {position:absolute; bottom:4%; width:100%; text-align:center; display:inline-block; z-index:60;}


/* 배너 영역 */
.banner { zoom: 1; overflow: hidden; }
.banner a {padding:10px; display: block; margin: 5% auto;}
.banner a img { width:100%; }

/* 롤링상품진열 MD's Pick */
.mdPickWrap {position:relative; margin-bottom: 20px;}
.mdPickWrap .banner img { width:100%; }
.mdPickWrap figcaption {margin-top:10px}
.mdPickWrap .sliderArea{position:static;margin: 20px 10px 30px;}
.swiper-pagination-clickable .swiper-pagination-bullet { background:#a2a2a2; opacity:1; margin: 0 0.8%;     width: 27px; border-radius: 0; height: 4px;}
.swiper-pagination-clickable .swiper-pagination-bullet.swiper-pagination-bullet-active { background:#b77c5a; opacity:1; }
.mdPickWrap .swiperBtn{color:#333;font-size: 27px;width: 8%; height:22%; position:absolute;top:90%;text-align:center;background-image: none; z-index:11;}

.mdPickWrap .list {margin: 0 3px;width: 50%; text-align:left}
.mdPickWrap .list img {width: 100%; max-width: 100%; }
.swiper-pagination-fraction { bottom:7px; }

/* 메인 타이틀 */
.main h3 {font-size: 20px;display: inline-block;margin: 10px auto 15px;width: 100%;text-align: center; font-weight:bold; letter-spacing:1px; }
.main .specialProduct h3 {font-size: 18px;display: inline-block;margin: 50px auto 15px;width: 100%;text-align: center;}


.longban { margin: 50px 0 0px; }
.longban a img { width:100%; }
.esoevent {margin:10px 0 0 0;}
.esoevent img {width:100%;}


/* 베스트 */
.ec-base-product{padding:0;}
.ec-base-product img{max-width:100%;}
.ec-base-product [class*="grid"]{display:block; width:100%; box-sizing:border-box; padding:0 4px; font-size:0; line-height:0; letter-spacing:0;}
.ec-base-product [class*="grid"] > li{display:inline-block; padding-bottom:30px; vertical-align:top; text-align:left; letter-spacing:0px; line-height:14px; box-sizing:border-box;}

.ec-base-product .grid2 > li{width:50%;}
.ec-base-product .grid3 > li{width:32.333%;}
.ec-base-product .grid2 > li:nth-child(odd){padding-right:2px;}
.ec-base-product .grid2 > li:nth-child(even){padding-left:2px;}
.ec-base-product .grid3 > li{margin-right:1.5%;}
.ec-base-product .grid3 > li:nth-child(3n){margin-right:0;}

#prd_best .ec-base-product .prdList{padding:0 2px;}
#prd_best .ec-base-product .prdList > li{ padding:0 !important; position:relative;}
#prd_best .ec-base-product .prdList.grid2 > li{width:50% !important;}
#prd_best .ec-base-product .prdList.grid3 > li{width: calc(33.33% - 4px)!important;margin:2px 2px;}
#prd_best .ec-base-product .prdList > li .thumbnail{margin:0 !important;}
#prd_best .ec-base-product .prdList > li .description-block{display:block; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(78,71,71,0.3); opacity:0; visibility:hidden; -webkit-transition: 0.2s ease-in-out; -moz-transition: 0.2s ease-in-out; -o-transition: 0.2s ease-in-out; transition: 0.2s ease-in-out;}
#prd_best .ec-base-product .prdList > li .description-block.active{opacity:1; visibility:visible;}
#prd_best .ec-base-product .prdList > li .description-table{display:table; width:100%; height:100%;}
#prd_best .ec-base-product .prdList > li .description{display:table-cell; vertical-align:middle; text-align:center; padding:10px;}
#prd_best .ec-base-product .prdList > li .description strong,
#prd_best .ec-base-product .prdList > li .description p{display:block; color:#f1f1f1; letter-spacing:0.5px; margin:3px 0; font-weight:400; font-size:11px;}


/* BASIC css end */