/* BASIC css start */
.mainSlideArea .swiper-slide img { width:100%; }
.mainSlideArea .swiper-button-next,
.mainSlideArea .swiper-button-prev { background:none; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,0.8); font-size:32px; text-shadow:rgba(0,0,0,0.3) 0 0 3px;  }

/* »óÇ° ¸ñ·Ï ¿µ¿ª */
.product-wrap { margin:0 auto; position:relative; width:100%; box-sizing:border-box; padding:0 50px; }
.product-wrap .item-wrap { width:100%; padding:0;   }
.product-wrap .item-wrap .item-cont { width:100%;  }
.product-wrap .item-wrap .item-cont .item-list { padding:0; float:none; }
.product-wrap .item-wrap .item-cont .item-list .prd-info { padding:12px 10px 0; }
.product-wrap .swiper-button-next,
.product-wrap .swiper-button-prev { background:none; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,1); font-size:32px; text-shadow:rgba(0,0,0,0.7) 0 0 2px;  }


.midPrdBanner { padding:60px 50px 0; display:flex; justify-content:space-between; gap:20px; }
.midPrdBanner > div { flex:1; }
.midPrdBanner .imgBanner img { width:100%; }
.midPrdBanner .txtBanner { display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; background:#e4d3b9;  }
.midPrdBanner .txtBanner .tit { font-size:15px; font-weight:bold; margin:0 0 20px; }
.midPrdBanner .txtBanner .txt { line-height:1.4; font-weight:500; }
.midPrdBanner .txtBanner .btn { text-decoration:underline; margin:20px 0 0; }

.midPrdBanner.midPrd2 { gap:0; }


.colSlideArea { padding:0 50px; position:relative; }
.colSlide .swiper-slide img { width:100%; }
.colSlide .swiper-slide .txt { position:absolute; left:0; bottom:0; width:100%; box-sizing:border-box; padding:50px 20px 20px; font-size:15px; font-weight:500; background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); color:#fff; }
.colSlideArea .swiper-button-next,
.colSlideArea .swiper-button-prev { background:none; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,1); font-size:32px; text-shadow:rgba(0,0,0,0.7) 0 0 2px; top:58%;  }

.lineSlideArea { padding:0 50px; position:relative; }
.lineSlideArea .swiper-wrapper { -webkit-transition-timing-function: linear !important; transition-timing-function: linear !important; }
.lineSlide .swiper-slide img { width:100%; }
.lineSlide .txt { text-align:center; font-weight:500; padding:10px 0 0;  }
.lineSlideArea .swiper-button-next,
.lineSlideArea .swiper-button-prev { background:none; display:flex; align-items:center; justify-content:center; color:rgba(255,255,255,1); font-size:32px; text-shadow:rgba(0,0,0,0.7) 0 0 2px; top:60%;  }

.fixBannerArea { width:100%; height:calc(100vh - 105px); margin:60px 0 0; position:relative; }
.fixBannerArea .fixBanner { height:100%; background-size:cover; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; line-height:1.5;  }
.fixBannerArea .txtBox { position:relative; z-index:2; }
.fixBannerArea .fixBanner .tit { font-weight:600; font-size:28px; margin:0 0 20px; }
.fixBannerArea .fixBanner .txt { font-weight:500; font-size:16px; margin:0 0 40px; }
.fixBannerArea .fixBanner .btn a { font-weight:500; font-size:16px; text-decoration:underline; color:#fff; }
.fixBannerArea .fixBack { position:absolute; z-index:1; left:0; top:0; right:0; bottom:0; background:rgba(0,0,0,0.3); }


.mainCont #footer { margin:0; }


.countdownArea { width:100%; max-width:990px; margin:60px auto 0; background:#f5f5f5; text-align:center; box-sizing:border-box; padding:50px 30px 30px;  }
.countdownArea .countdownTit { margin:0 0 20px; }
.countdownArea .countdownTit .tit { font-size:36px; font-weight:bold; line-height:1; margin:0 0 15px; }
.countdownArea .countdownTit .txt { font-size:30px; font-weight:600; line-height:1; }
.countdownArea .countdownBox { margin:0 0 20px; display:flex; align-items:center; justify-content:center; gap:15px; font-size:28px; font-weight:bold; }
.countdownArea .countdownBox h3 { font-size:28px; font-weight:bold; }
.countdownArea .countdownBox .timeComm2 { display:none; }
.countdownArea .countdownBox .countdown { display:flex; align-items:center; justify-content:center; gap:15px; }
.countdownArea .countdownBox .countdown > span { display:flex; align-items:center; justify-content:center; gap:5px; }
.countdownArea .countdownBox .countdown .num { background:#000; color:#fff;  padding:5px 0; min-width:44px; border-radius:5px; }
.countdownArea .item-wrap .item-cont .item-list { width:50%; position:relative; }
.countdownArea .item-wrap .item-cont .item-list .prd-info { position:absolute; left:0; width:100%; bottom:0; box-sizing:border-box; color:#fff; background: linear-gradient(0deg, rgba(0,0,0,0.4) 0%, rgba(0,0,0,0) 100%); padding:40px 10px 20px; }
.countdownArea .item-wrap .item-cont .item-list .prd-name a { color:#fff; font-weight:bold; text-shadow:rgba(0,0,0,0.4) 0 0 2px; }
.countdownArea .item-wrap .item-cont .item-list .prd-price .price { font-size:16px; color:#fff; text-shadow:rgba(0,0,0,0.4) 0 0 2px; }
.countdownArea .item-wrap .item-cont .item-list .prd-price strike { color:#eee; }

.countdownArea[data-display="no"] { display:none; }











/* BASIC css end */