/* BASIC css start */
/* 롤링배너 */
#mainVisual { visibility: hidden; position:relative; overflow:hidden;  }
#mainVisual img {width:100%;}
#mainVisual .bx-pager{position:absolute;bottom:10px;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:10px;height:10px;border-radius:50%;font-size:0;margin:4px;background-color: #2e2e2e;}
#mainVisual .bx-pager-link.active{width:10px;height:10px;background-color: #fff;}
#mainVisual .bx-controls-direction {position:absolute; bottom:4%; width:100%; text-align:center; display:inline-block; z-index:60;}
#mainVisual .bx-prev { margin-right:60px; }

/* 배너 영역 */
.banArea { margin:0 0 12%; }
.banArea ul li { width:30%;float:left;padding:0 1.6%;}
.banArea ul li img { width:100%;}

/* 메인 타이틀 */
.main h3 {font-size: 20px;display: inline-block;margin: 12% auto 6%;width: 100%;text-align: center;font-weight:bold;}
.main h3 p { font-size: 14px;text-align: center; color:#5d5d5d; font-weight:normal; }
.main .specialProduct h3 {font-size: 18px;display: inline-block;margin: 50px auto 15px;width: 100%;text-align: center;}

.mdArea { background-color:#eaeaea; }

/* 서브 롤링배너 */
#rollBanVisual { visibility: hidden; position:relative; margin: 12% 0 8%; }
#rollBanVisual img {width:100%;}
#rollBanVisual .bx-pager{position:absolute;bottom:-34px;left:0;right:0;z-index:60;text-align:center;}
#rollBanVisual .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
#rollBanVisual .bx-pager-link{display:inline-block;width:12px;height:12px;border-radius:50%;font-size:0;margin:4px;background-color: #2e2e2e;}
#rollBanVisual .bx-pager-link.active{width:12px;height:12px;background-color: #ddd;}
#rollBanVisual .bx-controls-direction {position:absolute; bottom:4%; width:100%; text-align:center; display:inline-block; z-index:60;}
#rollBanVisual .bx-prev { margin-right:60px; }

/* MD's PICK 롤링상품 */
#mdPick{ position:relative; overflow:hidden; background:#f4eee4; padding: 0 0 16%;}
#mdPick p.ttl {font-size: 20px;display: inline-block;margin: 10% auto 3%;width: 100%;text-align: center;font-weight:bold;}
#mdPick .best-container .swiper-slide { margin-left:10px; width:40%; background:#fff; padding:10px 5px;}
#mdPick .best-container .swiper-slide a { display:block; padding:4px }
#mdPick .best-container .swiper-slide .listPic { width:100% }
#mdPick .best-container .swiper-slide .list_shoppingInfo { min-height: 91px; }
#mdPick .best-container .swiper-slide .list_shoppingInfo .listName { padding-top:10px; font-size:12px; color:#555 }
#mdPick .best-container .swiper-pagination-fraction { bottom:21px;}

/*하단 배너영역 */
.btBan {margin: 0 auto }
.btBan img { width:100%; }

/* 공지사항 */
.noticeArea{ background:#eee; margin: 14% 0 0; }
.notice { width:90%; margin:0 auto; padding:10% 0; }
.notice dt { font-size:16px; margin-bottom:10px; color:#3a3a3a; font-weight:bold; }
.notice dt span a { font-size:22px; float:right; font-weight:normal; line-height:20px;}
.notice dd { font-size:13px; line-height:34px; border-bottom:1px solid #e1e1e1; }
.notice dd a { color:#3a3a3a; }
.notice dd span { color:#7e7e7e; float:right; }

#footer { margin:0 !important; border-top:0 !important; }

/* BASIC css end */