/* BASIC css start */
.mainSlideArea .swiper-slide img { width:100%; }

/* =============================================================================
   메인 아이콘 및 품절배경 관련
================================================================================*/
.items-wrap .items .icons { position: absolute; left: 5px; top: 0; }
.items-wrap .items .icons span img { display:block;padding:3px 0; }
.items-wrap .items .sold-out { position: absolute; z-index: 1; width: 100%; height: 100%; background: url(/images/d3/m_01/bg/sold_out.png) no-repeat top center; background-size: 100%; }
.items-wrap .items[data-type=vertical] .vertical-img { position:relative; float: left; margin: 0; width: 95px; height: auto; }
.items-wrap .items[data-type=vertical] .vertical-img img { width: 100%; height: auto; max-height: none; }
.items-wrap .items[data-type=vertical] .sold-out { left: 0; top: 0; }


.cateTit { padding-top: 30px; position: relative; text-align: center; }
.cateTit h3 { font-size: 18px; font-weight: bold; line-height: 1; }
.cateTit .line { margin: 15px auto; width: 10px; height: 2px; background: #1c1c1c; }

.item-wrap .item-cont { padding:0 15px; font-size:0; }
.item-wrap .item-cont .item-list { display:inline-block; vertical-align:top; width:calc(50% - 3px); }
.item-wrap .item-cont .item-list:nth-child(odd) { margin:0 3px 30px 0; }
.item-wrap .item-cont .item-list:nth-child(even) { margin:0 0 30px 3px; }
.item-wrap .item-cont .item-list .thumb { margin:0 0 12px; }
.item-wrap .item-cont .item-list .thumb img { width:100%; }
.item-wrap .item-cont .item-list .prd-info { font-size:13px; }
.item-wrap .item-cont .item-list .prd-info .prd-name { font-size:12px; line-height:1.2; margin:0 0 7px; }
.item-wrap .item-cont .item-list .prd-info .prd-price { font-weight:bold; }
.item-wrap .item-cont .item-list .prd-info .prd-price .custom { font-weight:normal; color:#888; margin:0 0 0 3px; }


.midPrdBanner { padding:30px 15px 0; }
.midPrdBanner .swiper-slide img,
.midPrdBanner .imgBanner img { width:100%; }
.midPrdBanner .txtBanner { display:flex; align-items:center; justify-content:center; flex-direction:column; text-align:center; background:#e4d3b9; padding:50px 0;  }
.midPrdBanner .txtBanner .tit { font-size:15px; font-weight:bold; margin:0 0 20px; }
.midPrdBanner .txtBanner .txt { line-height:1.4; font-weight:500; font-size:12px; }
.midPrdBanner .txtBanner .btn { text-decoration:underline; margin:20px 0 0; }

.midPrdBanner.midPrd2 { flex-direction:column; }

.colSlideArea { padding:0 0px; 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;   }
.colSlideArea .swiper-button-next { right:0; }
.colSlideArea .swiper-button-prev { left:0; }


.lineSlideArea { padding:0 15px; 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; padding:10px 0 0;   }


.fixBannerArea { width:100%; height:calc(100vh - 40px); margin:30px 0 0; position:relative; }
.fixBannerArea .fixBanner { height:100%; background-size:cover; background-position:center center; display:flex; align-items:center; justify-content:center; text-align:center; color:#fff; line-height:1.5;  }
.fixBannerArea .txtBox { position:relative; z-index:2; padding:0 20px; }
.fixBannerArea .fixBanner .tit { font-weight:600; font-size:22px; margin:0 0 20px; }
.fixBannerArea .fixBanner .txt { font-weight:500; font-size:13px; margin:0 0 40px; }
.fixBannerArea .fixBanner .btn a { font-weight:500; font-size:13px; 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); }


body #footer-container { margin:0; }


.countdownArea { width:100%; margin:30px auto 0; background:#f5f5f5; text-align:center; box-sizing:border-box; padding:40px 20px 20px;  }
.countdownArea .countdownTit { margin:0 0 15px; }
.countdownArea .countdownTit .tit { font-size:24px; font-weight:bold; line-height:1; margin:0 0 15px; }
.countdownArea .countdownTit .txt { font-size:20px; font-weight:600; line-height:1; }
.countdownArea .countdownBox { margin:0 0 20px; display:flex; align-items:center; justify-content:center; gap:15px; font-size:18px; font-weight:bold; }
.countdownArea .countdownBox h3 { font-size:18px; font-weight:bold; }
.countdownArea .countdownBox .timeComm2 { display:none; }
.countdownArea .countdownBox .countdown { display:flex; align-items:center; justify-content:center; gap:10px; }
.countdownArea .countdownBox .countdown > span { display:flex; align-items:center; justify-content:center; gap:3px; }
.countdownArea .countdownBox .countdown .num { background:#000; color:#fff;  padding:5px 0; min-width:32px; border-radius:5px; }
.countdownArea .item-wrap .item-cont { padding:0; }
.countdownArea .item-wrap .item-cont .item-list { width:100%; 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 */