/* BASIC css start */
.titleArea {padding-left:5px; font-size:20px; color:#0B0B0D; font-weight:300; margin-bottom:20px;}
.more {margin-top:30px; width:60%; margin:0 auto;}
.more a {display:block; height:40px; line-height:40px; border-radius:40px; font-size:14px; color:#848484; background:#ECECEC; text-align:center;}
.prd-section {margin-bottom:40px;}
.timeSale {position:relative; max-width:750px; margin:0 auto; padding-bottom:9%; margin-bottom:40px; width: 100%; overflow:hidden; background:#ffe2df;}
.timeSale .bg img {width:100%;}
.timeSale h2 {position:relative; padding-top:9%; padding-left:5%; font-size:20px; font-weight:500; color:#FF6756;}
.timeSale .time_desc {position:relative; padding-top:1.5%; padding-left:5%; font-size:13px; color:#0B0B0D;}
.timeSale .timeSaleWrap {position:relative; padding-top:5.5%; padding-left:5%; width:95%;}
.timeSale .swiper-slide {width:45%;}
.timeSale .swiper-slide .thumbnail {padding-bottom: 101%;}
.timeSale .swiper-pagination {position:absolute; bottom:30px; left:10%;  width:80%; height:3px; background:#848484;}
.timeSale .swiper-pagination .swiper-pagination-progressbar-fill {background:#fff;}
.timeSale .list_shoppingInfo {padding-top:10px;}
.timeSale .listName a, .timeSale .listPrice {color:#0B0B0D;}
.timeSale .list_shoppingInfo .listName {height:32px;}
.timeSale .list_shoppingInfo .prd-icon, .timeSale .list_shoppingInfo .listSubname {display:none;}
.timeSale .more {position:relative; margin-top:5%;}
.timeSale .more a {background:transparent; border:1px solid #0B0B0D; color:#0B0B0D;}
.timeSale .swiper-slide li {display:inline-block; width:100%; vertical-align:top;}
.timeSale .swiper-slide li:last-child {margin-top:20px;}
.mainSlide {position:relative; min-height:446px}
.mainSlide .swiper-pagination {position:absolute; width:50px; display:inline-block; bottom:30px; left:auto; right:20px; background:rgba(0,0,0,0.25); color:#fff; padding:5px; border-radius:26px;}
.mainSlide img {width:100%;}
.mainSlide .items {position:relative; }
.mainSlide .items .infoWrap {position:absolute; top:32px; left:32px; opacity:0; transform: translate3d(-20px, 0, 0); z-index:2;}
.mainSlide .items .imgWrap { position:relative; padding-bottom: 119%;}
.mainSlide .items .imgWrap img { position: absolute;  top: 0;  left: 0;}


.mainSlide .items .infoWrap span {display:block; }
.mainSlide .items .infoWrap .sort { font-size:13px; color:#FF6756; font-weight:bold; margin-bottom:18px}
.mainSlide .items .infoWrap .title {font-size:20px; color:#fff; font-weight:bold; margin-bottom:12px}
.mainSlide .items .infoWrap .desc{font-size:14px; color:#fff; }
.mainSlide .swiper-slide.swiper-slide-active .items .bg {position:absolute; top:0; left:0; width:100%; height:100%;  box-shadow:inset 0 300px 99px rgba(0,0,0,0.25); z-index:1;}
.mainSlide .swiper-slide.swiper-slide-active .items .infoWrap {opacity: 1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;}

.mainEvent {margin:25px 0 40px; text-align:center; }
.mainEvent .swiper-container {padding:0 10px; }
.mainEvent .swiper-slide {max-width:19%;}
.mainEvent .swiper-slide a span {display:block;}
.mainEvent .swiper-slide a span img {width:100%; }
.mainEvent .swiper-slide a .desc {font-size:14px; color:#0B0B0D; margin-top:10px; font-weight:400;}

.mainMidbanner {position:relative; margin-bottom:40px;}
.mainMidbanner img {width:100%;}
.mainMidbanner .swiper-button-prev {left:0;}
.mainMidbanner .swiper-button-next {right:0;}
.mainMidbanner .swiper-button-prev:after, .mainMidbanner .swiper-button-next:after {font-size:20px; color:#fff;}

#weeklyBest {margin-bottom:45px;}

#weeklyBest .swiper-pagination {position:relative; padding:0 10px; width:100%; box-sizing:border-box; text-align:cneter; bottom:auto; left:auto; font-size:0; margin-bottom:24px;}
#weeklyBest .swiper-pagination .swiper-pagination-bullet {opacity:1; background:#fff; font-size:13px; color:#0B0B0D; border:1px solid #AEAEAE; box-sizing:border-box; width:calc(25% - 6px); height:35px; line-height:35px; border-radius:35px; margin-right:8px; margin-bottom:8px;}
#weeklyBest .swiper-pagination .swiper-pagination-bullet:nth-child(4n) {margin-right:0;}
#weeklyBest .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#0B0B0D; border:1px solid #0B0B0D; color:#fff;}


.prd-customer {position:relative; margin-bottom:40px;}
.tabs {font-size:0; text-align:left; padding-left:10px; padding-bottom:20px; overflow: hidden; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden;}
.tabs li {position:relative; cursor:pointer; text-align:center; display:inline-block; width: calc(25% - 6px); margin-right:8px; border:1px solid #AEAEAE; font-size:13px; background:#fff; color:#0B0B0D; height:35px; line-height:35px; border-radius:35px;}
.tabs li.active {background:#0B0B0D; color:#fff; border:1px solid #0B0B0D;}
.tab-content {display:none; position:relative; padding-left:10px; padding-bottom:30px;}
.tab-content.active {display:block;} 
.tab-content .swiper-slide{width:45%;}
.tab-content .swiper-slide .thumbnail {padding-bottom: 100%;}
.tab-content .swiper-pagination {position:absolute; bottom:0; left:10%;  width:80%; height:3px; background:#DEDEDE;}
.tab-content .swiper-pagination .swiper-pagination-progressbar-fill {background:#0B0B0D;}
.tab-content .list_shoppingInfo {padding-top:10px;}
.tab-content .list_shoppingInfo .prd-icon, .tab-content .list_shoppingInfo .listSubname {display:none;}

.lookbook {position:relative;margin-bottom:40px;min-height: 519px;}
.lookbook .lookbookLeft {position:absolute; top:7.5%; left:8%; z-index:10;}
.lookbook .lookbookLeft h2 {font-size: 20px; font-weight: 600; color: #fff;}
.lookbook .lookbookLeft p {font-size:13px; color:#fff; margin-top:4%;}
.lookbook .swiper-slide {position:relative; }
.lookbook .swiper-slide .img {position:relative;padding-bottom: 138.6%;}
.lookbook .swiper-slide .img img {position:absolute; top:0; left:0}
.lookbook .swiper-slide .txt {position:absolute;bottom:24px;left: 24px; opacity:0; transform: translate3d(-20px, 0, 0);}
.lookbook .swiper-slide .txt .lb {font-size:13px; color:#FF6756; font-weight:bold; margin-bottom:10px; display:block}
.lookbook .swiper-slide .txt .name {font-size:16px; color:#fff; font-weight:500; margin-bottom:10px; display:block}
.lookbook .swiper-slide .txt .price_wrap span {display:inline-block; margin-right:4px }
.lookbook .swiper-slide .txt .price_wrap .dc_price {color:#fff; font-weight:bold;  font-size:16px }
.lookbook .swiper-slide .txt .price_wrap .price {color:#fff;font-size:16px;text-decoration: line-through;}
.lookbook .swiper-slide .txt .price_wrap .percent {color:#FF6756; font-weight:bold;  font-size:16px }
.lookbook .swiper-slide.swiper-slide-active .bg {position:absolute; top:0; left:0; width:100%; height:100%;  box-shadow:inset 0 300px 99px rgba(0,0,0,0.25);}
.lookbook .swiper-slide.swiper-slide-active .txt {opacity: 1; transform: translate3d(0, 0, 0); transition: transform 0.5s 0.5s cubic-bezier(0.29, 0.13, 0.25, 1), opacity 0.5s 0.5s ease-out;}

.lookbook .swiper-pagination {position:absolute; width:50px; display:inline-block; bottom:30px; left:auto; right:20px; background:rgba(0,0,0,0.5); color:#fff; padding:5px; border-radius:26px;}
.lookbook .swiper-slide img {width:100%;}

.offstore .swiper_tab_box {font-size:0; text-align:left; padding-left:10px; padding-bottom:20px; overflow: hidden; overflow-x: scroll; white-space: nowrap; -webkit-overflow-scrolling: touch; -webkit-backface-visibility: hidden;}
.offstore .swiper_tab_box a{display:inline-block; background:none; width:auto; height:auto; border-radius:0; font-size:14px; margin:0; margin-right:10px; color:#0B0B0D}
.offstore .swiper_tab_box a.swiper-pagination-bullet-active {color:#FF6756;}

.offstore .swiper-slide {overflow:hidden; position:relative; }
.offstore .swiper-slide .img {position:relative; padding-bottom:122%; background:#fff}
.offstore .swiper-slide .img img {position:absolute; top:0; left:0; width:100%;}
.offstore .swiper-slide .txt {position:absolute;top:20%;left: 50%;transform: translateX(-50%);max-width: 480px;width: 65%;box-sizing:border-box;background:rgba(255,255,255,0.8);padding: 40px 26px;border-radius: 10px; box-shadow: 0px 3px 6px rgba(0,0,0,0.16);}
.offstore .swiper-slide .txt .sub {display:block;font-size: 14px;color:#FF6756;font-weight:bold;margin-bottom: 10px;}
.offstore .swiper-slide .txt .tt {padding: 0;margin: 0;font-weight: bold !important;border-top: 0;font-size: 20px;}
.offstore .swiper-slide .txt .tel {margin: 10px 0;font-size: 14px;}
.offstore .swiper-slide .txt .day {margin-bottom: 10px;font-size: 14px;}
.offstore .swiper-slide .txt .hour {margin-bottom:6px;font-size: 12px;font-weight: bold}
.offstore .swiper-slide .txt .break_time {margin-bottom:6px;font-size: 12px;font-weight: bold}
.offstore .swiper-slide .txt .address {font-size:16px;margin-top:20px;font-size: 12px;line-height:1.5}
.offstore .swiper-slide .txt a {display:block; margin-top:24px; text-align:center; line-height:38px; font-size:12px; color:#fff; background:#000; border-radius:4px; }


/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

/*쿠폰 혜택 버튼*/
.main .coupon-benefit {position:relative; margin:-25px 0 10px 0} 
.main .btn-coupon { display:inline-block; height:16px; padding:0; margin-left:5px; border:1px solid #000; font-size:10px;}
.main .btn-coupon span { display:inline-block; height:16px; padding:0 5px; color:#fff; background:#000; vertical-align:top; font-size:11px; }
.main .btn-coupon em { display:inline-block; height:16px; padding:0 3px 0 0; font-size:10px; vertical-align:top; color:#000; }


/* BASIC css end */