/* BASIC css start */
@import url('https://fonts.googleapis.com/css2?family=Graduate&display=swap'); /* 타이머 폰트 */

/* 롤링배너 */
#mainVisual { visibility: hidden; position:relative; overflow:hidden;  }
#mainVisual img {width:100%;}
#mainVisual .bx-pager{ position: absolute; bottom: 10px; left: 50%; z-index: 60; text-align: center; padding: 1% 3%; color: #fff; background-color: #2e2e2e; border-radius: 20px; margin-left: -6%; }
#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: 16px;height: 4px;font-size:0;margin: 0 3px;background-color: rgba(140, 140, 140, 0.6);border-radius: 3px;}
#mainVisual .bx-pager-link.active{width: 80px;background-color: rgba(45, 45, 45, 0.6);}

/* 타이머 */
.clockArea { display:table;margin:0 auto;text-align:center;color:#777; *zoom:1 }
.clockArea:after { display:block; clear:both; content:'' }
.clockArea .tBox,
.clockArea .colone { display:inline-block; }
.clockArea .tBox { padding:0 2px; }
.clockArea .tBox .times {background:linear-gradient(#33415c , #000); margin:5px 0 5px 5px; padding:5px; border-radius:12px; color:#fff}
.clockArea .tBox .times { display:inline-block; font-family: 'Graduate', cursive; color:#fff; font-size:20px; font-weight:400}
.clockArea .tBox .smalltext {display:inline-block; font-size:14px; font-weight:600;}
.clockArea .colone { width:10px; font-size:18px; font-weight:bold; line-height:38px }

/* 핫딜 */
#hotDeal{ display:none; position:relative; overflow:hidden; background:#e1e1e1; padding: 6% 0 8%;}
#hotDeal .columnTitle { margin:0 auto 1%;}
#hotDeal .columnTitle h3 { font-size:18px;font-weight:600;text-align:center;}
#hotDeal .hotdealContainer .swiper-slide { margin:0 3.8%; width:84%; background:#fff; padding:4%;}
#hotDeal .hotdealContainer .swiper-slide a { display:block;}
#hotDeal .hotdealContainer .swiper-slide dl { }
#hotDeal .hotdealContainer .swiper-slide dt {float:left;width:50%; }
#hotDeal .hotdealContainer .swiper-slide dt img {width:100%}
#hotDeal .hotdealContainer .swiper-slide dd {float:right; width:44%;}
#hotDeal .hotdealContainer .swiper-slide dd .listBrand { font-size:14px; font-weight:600;}
#hotDeal .hotdealContainer .swiper-slide dd .listName { font-size:14px; font-weight:500; word-break: keep-all; line-height: 19px; height:57px; overflow:hidden}
#hotDeal .hotdealContainer .swiper-slide dd .listPrice { position: absolute; bottom: 0; padding: 0 0 4%; margin-bottom:10px; }
#hotDeal .hotdealContainer .swiper-slide dd .listPrice span { display:block; font-size:16px; margin: 4% 0 10%;}
#hotDeal .hotdealContainer .swiper-slide dd .listPrice span.dcInfo {color:#0974b9; font-size:16px;}
#hotDeal .hotdealContainer .swiper-pagination-fraction {width:auto;position:absolute;left:50%;bottom: 7%;z-index:60;text-align:center; background-color:#2e2e2e; color:#fff;  padding: 1% 3%;border-radius: 20px;margin-left:-20px; }

/* 메인 중간 배너 */
.mdlArea01 img {width:100%; max-width:100%; }

/* 메인 타이틀 */
.main h3 {display:flex; justify-content:center; align-items:center; margin-top:20px; font-size: 28px; letter-spacing:-1px; text-align:center; font-weight: bold;}

.dc_price { border-radius:15px; padding: 2px 10px 3px 10px; font-size:1em ; letter-spacing:1px; background-color:#ff3B00; color:#fff; margin:5px 0; }

/* BEST ITEM 롤링상품 */
#mdPick{ position:relative; overflow:hidden; background-color:#ebebeb; padding: 6% 0;margin: 0 0 10%;border-bottom: 1px solid #ccc;}
#mdPick .best-container { margin:0 0 0 2.4%; }
#mdPick .best-container .swiper-slide { width:40%; padding:10px 0;}
#mdPick .best-container .swiper-slide .thumb { position:relative;}
#mdPick .best-container .swiper-slide .thumb .iconDc { position:absolute; left:0; bottom:0;}
#mdPick .best-container .swiper-slide a { display:block; padding:2% 4%;}
#mdPick .best-container .swiper-slide .listPic { width:100% }
#mdPick .best-container .swiper-slide .list_shoppingInfo { min-height: 91px;text-align:center }
#mdPick .best-container .swiper-slide .list_shoppingInfo .listName {font-weight:600; padding-top:10px; font-size:13px;}
#mdPick .best-container .swiper-pagination-fraction { bottom:20px;}

/* 롤링상품 */
.mainSwiperProduct{ position:relative; overflow:hidden; margin: 0 0 10%;}
.mainSwiperProduct h3 { text-align:left; margin: 0 0 0 15px;}
.mainSwiperProduct h3 span { font-size: 14px; color:#8f8f8f;margin-left: 8px; }
.mainSwiperProduct .swiperProduct { margin:0 0 0 2.4%; }
.mainSwiperProduct .swiperProduct .swiper-slide { width:40%; padding:10px 0 0;}
.mainSwiperProduct .swiperProduct .swiper-slide .thumb { position:relative;}
.mainSwiperProduct .swiperProduct .swiper-slide .thumb .iconDc { position:absolute; left:0; bottom:0;}
.mainSwiperProduct .swiperProduct .swiper-slide a { display:block; padding:2% 4%;}
.mainSwiperProduct .swiperProduct .swiper-slide .listPic { width:100% }
.mainSwiperProduct .swiperProduct .swiper-slide .list_shoppingInfo { min-height: 91px;text-align:center }
.mainSwiperProduct .swiperProduct .swiper-slide .list_shoppingInfo .listName {font-weight:600; padding-top:10px; font-size:13px;}
.mainSwiperProduct .swiperProduct .swiper-pagination-fraction { bottom:20px;}


/* BEST ITEM 롤링상품 */
#mdPick { position:relative; overflow:hidden; background-color:#ebebeb; padding: 12% 0 8%; border-bottom: 1px solid #ddd;}
#mdPick h3 { text-align:center;font-size:16px;font-weight:bold;}
#mdPick .mdpick-container { margin:0 0 0 2.4%; }
#mdPick .mdpick-container .swiper-slide { width:40%; padding:10px 0 0;}
#mdPick .mdpick-container .swiper-slide .thumb { position:relative;}
#mdPick .mdpick-container .swiper-slide .thumb .iconDc { position:absolute; left:0; bottom:0;}
#mdPick .mdpick-container .swiper-slide a { display:block; padding:2% 4%;}
#mdPick .mdpick-container .swiper-slide .listPic { width:100% }
#mdPick .mdpick-container .swiper-slide .list_shoppingInfo { min-height: 91px;text-align:center }
#mdPick .mdpick-container .swiper-slide .list_shoppingInfo .listName {font-weight:600; padding-top:10px; font-size:13px;}
#mdPick .mdpick-container .swiper-pagination-fraction { bottom:20px;}

/* BASIC css end */