/* BASIC css start */
#contents .mainBanner-container { position: relative; overflow: hidden; }
#contents .mainBanner-container .swiper-slide img { width: 100% }
#contents .mainBanner-container .banner-button-prev,
#contents .mainBanner-container .banner-button-next { position: absolute; top: 50%; z-index: 10; margin-top: -19px; }
#contents .mainBanner-container .banner-button-prev {left: 15px;}
#contents .mainBanner-container .banner-button-next {right: 15px;}
#contents .mainBanner-container .banner-button-prev img,
#contents .mainBanner-container .banner-button-next img { width: 38px; height: 38px;  }


/* 메인 타이틀 */
.main-tit {text-align:center; position: relative; background:url('/design/ws860802/tem112/main/tit_bg.jpg') repeat-x; width:100%; height:25px; margin: 40px 0px 20px;}
.main-tit h2 {display: inline-block;font-size: 20px;color:#1c1c1c;font-weight: bold;background: #fff; height: 25px; line-height: 25px;padding: 0 20px;}


/* 메인 고객센터 */
.mainCall{ position: absolute; bottom: 0px; z-index: 1; width:100%   }
.mainBn{ width: 80%;    margin: auto; background: #59ce39; color: #fff; padding: 10px 15px;  }
.mainCall dt{font-size: 14px;padding: 10px 0px 4px 0px;display: block;height: 60px;float: left;line-height: 60px;width:76px;text-align:left;font-weight:bold;}
.mainCall dd{ font-size: 14px; }
.mainCall dd.shopName{font-size:20px; padding-bottom:3px}

/* 메인 공지사항 */
.hdNotice {position: relative; width:100%}
.hdNoticeList{ width: 80%;  margin: auto; border-left: 1px solid #ddd; border-right: 1px solid #ddd; padding: 10px 15px; border-bottom: 1px solid #ddd; box-shadow: 0 1px 2px 0 rgba(168,168,168,0.5);}
.hdNoticeList dt{ font-size: 14px; padding-bottom: 10px;font-weight:bold }
.hdNoticeList dd{ height:24px; line-height:24px; overflow: hidden; }
.hdNoticeList .date{font-weight:bold}
.hdNoticeList .moreBtn{float: right; font-weight:normal }


/* 내가 제일 잘 나가 */
.recmdArea{}
.recmdArea .list_shopping3x {text-align:center;}
.recmdArea .list_shopping3x ul {width:100%; display:table; table-layout: fixed; box-sizing: border-box; padding:0 2px; text-align:left; font-size:0;}
.recmdArea .list_shopping3x li {width:33.33%; display:inline-block; vertical-align: top;}
.recmdArea .list_shopping3x li a {display: block; padding:0 2px 18px 2px;}
.recmdArea .list_shopping3x li img.listPic {width:100%;    }
.recmdArea .list_shopping3x .list_shoppingInfo {margin-top:10px; text-align:center; font-size:12px;}
.recmdArea .list_shopping3x .list_shoppingInfo .listName{font-weight:bold}
.recmdArea .list_shopping3x .list_shoppingInfo del{display:block}


/* 품목별 추천상품*/
.hotitemArea{}
.hotitemArea{} .list_shoppingInfo{}
.hotitemArea .topImgtit{margin-bottom: 20px; padding: 0 2px;}
.hotitemArea .topImgtit img{width:100%}
.hotitemArea .listPrice  .bPrice{    color: #33bd4d;}
.hotitemArea .discount{position:absolute; background:#33bd4d; }
.hotitemArea .ico{color:#fff;font-size: 14px;    padding: 10px;}


/* 중간 롤링 배너 */

.middledBanner-container { position: relative; overflow: hidden;margin-top:20px}
.middledBanner-container p{  font-size: 20px;  margin-left: 10px;  font-weight: bold; display: inline-block;}
.middledBanner-container .mmdtop{ margin-top: 27px;  position: relative;  margin-bottom: 23px;}
.middledBanner-container .mmdbtn{width: 76px;position: relative;margin-left: 0;}
.middledBanner-container .swiper-slide img { width: 100% }
.middledBanner-container .mmb-button-prev,
.middledBanner-container .mmb-button-next { position: relative; top: 50%; z-index: 10; margin-top: -26px; float: left; }
.middledBanner-container .mmb-button-prev {left: 15px;}
.middledBanner-container .mmb-button-next {right: -14px;}
.middledBanner-container .mmb-button-prev img,
.middledBanner-container .mmb-button-next img { width: 38px; height: 38px;  }
/* BASIC css end */