/* BASIC css start */
.main { margin-top:-45px }

/* WEEK'S HOT */
.weekHotWrap {margin-top: 0px;padding-bottom: 30px;background:#eae0d7;}
.weekHotWrap .mainTitle {text-align:left;padding: 40px 20px 0;}
.weekHotWrap .mainTitle .desc{padding-left: 10px;}
.weekHotWrap .weekHotArea {padding:15px 20px 30px }
.weekHotWrap .weekHotArea .list { position:relative }
.weekHotWrap .weekHotArea .list a { display:block }
.weekHotWrap .weekHotArea .list .thumbArea .listPic { width:100% }
.weekHotWrap .weekHotArea .list .infoArea { padding:13px 10px 10px; background:#fff }
.weekHotWrap .weekHotArea .list .infoArea .listName { padding:0; font-size:13px }
.weekHotWrap .weekHotArea .list .infoArea .listSubName { padding-top:4px; color:#646464; font-weight:300; line-height:16px }
.weekHotWrap .weekHotArea .list .infoArea .listPrice {font-size: 13px;    font-weight: 600;}
.weekHotWrap .weekHotArea .list .infoArea .listPrice del{color: #bababa;padding-top: 3px;}
.weekHotWrap .weekHotArea .list .infoArea .listPrice .price{    color: #000;}
.weekHotWrap .weekHotArea .list .infoArea .listPrice .percent{color: #ff6d2a;}
.weekHotWrap .whotPaginationWrap {margin: 13px auto 0;position:relative;width:90%;}
.weekHotWrap .wkm-pagination { display:table; position:relative !important; table-layout:fixed; width:100% !important; height:4px; background:rgba(255,255,255,0.6); border-radius:0 }
.weekHotWrap .wkm-pagination .swiper-pagination-bullet { display:table-cell; width:auto; margin:0 !important; height:4px !important; opacity:0; border-radius:0; vertical-align:top }
.weekHotWrap .wkm-pagination .swiper-pagination-bullet-active { background:rgba(0,0,0,1) !important; opacity:1 }


/* ÀÌ¹ÌÁö ¹è³Ê */
.imgBanner { position:relative; overflow:hidden }
.imgBanner a { display:block }
.imgBanner img { width:100% }
.imgBannerT2 { padding-top:20px }
.imgBanner .bn { padding-top:3px }

/* Hot issue */
.hotIssueWrap {  }
.hotIssueWrap .hotIssueTitle { padding-bottom:12px; text-align:center }
.hotIssueWrap .hotIssueTitle .mainTitle { padding-bottom:3px }
.hotIssueWrap .list { position:relative; width:100% }
.hotIssueWrap .list a { display:block }
.hotIssueWrap .list .thumbArea img { width:100% }
.hotIssueWrap .list .list_shoppingInfo { padding:6px 9px 0 }
.hotIssueWrap .list .list_shoppingInfo .listName { font-size:14px; line-height:17px }
.hotIssueWrap .list .list_shoppingInfo .listPrice,
.hotIssueWrap .list .list_shoppingInfo .listSoldout,
.hotIssueWrap .list .list_shoppingInfo .listReplace { padding-top:8px }
.hotIssueWrap .list .list_shoppingInfo .listPrice .percent { font-size:19px; color:#ff6d2a; font-weight:600 }
.hotIssueWrap .list .list_shoppingInfo .listPrice .price { font-size:13px; color:#000; font-weight:600 }
.hotIssueWrap .list .list_shoppingInfo .listPrice del { font-size:13px; color:#929292; font-weight:600 }
.hotIssueWrap .list .list_shoppingInfo .review_count { padding-top:3px; font-size:11px; color:#969696 }
.hotIssueWrap .list .list_shoppingInfo .review_count b { color:#ff6d2a }
.hotIssueWrap .swiper-button-next,
.hotIssueWrap .swiper-button-prev { top:60px; font-size:18px; text-align:center; line-height:44px; background:none }

.list_shoppingWrap { padding-top:30px }

/* BASIC css end */

