/* BASIC css start */
#footer {margin-top:0 !important}
#container {padding-top:0 !important; }

.header_box {background: transparent !important;}
.header_box .WH {display:block !important; }
.header_box .BK {display:none !important; }
.header_box .basket_btn .count {background:#fff !important; color:#000  !important}

.headroom--not-top .header_box {background: rgba(255,255,255,0.8) !important;}
.headroom--not-top .header_box .BK {display:block !important; }
.headroom--not-top .header_box .WH {display:none !important; }
.headroom--not-top .header_box .basket_btn .count {background:#000 !important; color:#fff  !important }

/* 메인 슬라이드 배너 */
.mainSpotSliderArea { position:relative; }
.mainSpotSlider .swiper-slide a {position:relative;padding-bottom: 153.2%; display:block; }
.mainSpotSlider .swiper-slide a img { width:100%; position:absolute; top:0; left:0;}
.mainSpotSliderArea .paginationWrap {padding:6px 32px 6px 15px;position:absolute;bottom: 30px;right: 20px;height:auto;font-size:11px;color:#fff;text-align:center;border-radius: 25px;background:rgba(0,0,0,0.6);z-index:10;}
.mainSpotSliderArea .paginationWrap .spot-pagination { position:relative; bottom:0 }
.mainSpotSliderArea .paginationWrap .btnSpotAll { position:absolute; top:4px; right:6px; width:20px; height:20px; background:url(//www.chicfox.co.kr/design/chicfox/phps/common/btn_spot_all.png) 0 0 no-repeat; background-size:20px auto }
.mainSpotSliderArea .spotBulletWrap { position:relative; padding:20px 65px }
.mainSpotSliderArea .spotBulletWrap .swiper-pagination-bullets { display:table; table-layout:fixed; width:100% !important; height:4px; background:#ebebeb; border-radius:0 }
.mainSpotSliderArea .spotBulletWrap .swiper-pagination-bullets .swiper-pagination-bullet { display:table-cell; width:auto; margin:0 !important; height:4px !important; opacity:0; border-radius:0; vertical-align:top }
.mainSpotSliderArea .spotBulletWrap .swiper-pagination-bullets .swiper-pagination-bullet-active { background:rgba(0,0,0,1) !important; opacity:1 }
.mainSpotSliderArea .swiper-slide .txt { position:absolute; left:50px; bottom:72px; color:#fff; transition:2s; opacity:0; text-align: left;  }
.mainSpotSliderArea .swiper-slide .txt .tit { font-size:28px; font-weight:bold; line-height:1.3; margin-bottom:15px; letter-spacing:-1px; }
.mainSpotSliderArea .swiper-slide .txt .des { font-size:14px; word-wrap:break-word; word-break:keep-all; }
.mainSpotSliderArea .swiper-slide.swiper-slide-active .txt { opacity:1; animation:all 1.5s; left:16px; }


#spotAllLayer { display:none; padding:20px; position:fixed; top:0; left:0; right:0; bottom:0; background:rgba(0,0,0,0.6); overflow:hidden; z-index:201 }
#spotAllLayer .spotAllArea {width:100%;height:100%;border-radius:0px;overflow-y:auto;background: #000;}
#spotAllLayer .spotAllArea .spotAllTitle {padding: 15px;position: absolute;top: 20px;right: 20px;z-index: 202;}
#spotAllLayer .spotAllArea .spotAllTitle:after { display:block; clear:both; content:'' }
#spotAllLayer .spotAllArea .spotAllTitle .btnSpotAllClose { display:inline-block; float:right; width:18px; height:18px; background:url(//www.chicfox.co.kr/design/chicfox/phps/common/close_icon.png) 0 0 no-repeat; background-size:18px auto }
#spotAllLayer .spotAllArea .spotAllList {position:relative;width:100%;padding-bottom: 0px;}
#spotAllLayer .spotAllArea .spotAllList a{ position:relative; width: 100%; height: 100%; display: inline-block; }
#spotAllLayer .spotAllArea .spotAllList img {width:100%;/* padding-bottom:10px */}
#spotAllLayer .spotAllArea .spotAllList .txt { position:absolute;left: 0; bottom:72px; color:#fff;text-align: left;width: 100%;box-sizing: border-box;padding: 0 0 0 16px;}
#spotAllLayer .spotAllArea .spotAllList .txt .tit { font-size:28px; font-weight:bold; line-height:1.3; margin-bottom:15px; letter-spacing:-1px; }
#spotAllLayer .spotAllArea .spotAllList .txt .des { font-size:14px; }
#spotAllLayer .lyfxBtn{padding: 20px;position: fixed;left: 0;bottom: 0;width: 90%;}
#spotAllLayer .lyfxBtn a.btnX{background:#999;color: #fff;width: 50%;display: inline-block;text-align: center;height: 40px;line-height: 40px;font-size: 13px;}
#spotAllLayer .lyfxBtn a.btnHome{background:#2b3244; color: #fff;width: 49.4%;;text-align: center;display: inline-block;text-align: center;height: 40px;line-height: 40px;font-size: 13px;}


.botBannner{width:100%;position:relative;padding-bottom:50px;}
.botBannner a {display: block; padding-bottom:60%; position:relative;}
.botBannner img{width:100%; position:absolute; top:0; left:0;}

#time_sale {/* display:none; */ padding-top:52px}
#time_sale  .sect_tt_box {margin-bottom: 24px;}
.time_box {text-align:center;margin: 32px auto 42px;font-size: 16px;display: flex;align-items: center;justify-content: center;width: 90%;padding: 10px 0;border: 2px solid #2b3244;border-radius: 8px;}
.time_area {display: flex;align-items: center;justify-content: center;}
.time_area span {display:inline-block}
.time_area .icon {display: flex;align-items: center;justify-content: center; margin-right:8px; }
.time_area .icon img {width:24px; margin-right:6px;  }
.time_area #time {font-weight:bold; font-size:24px; }
.time_list_box {}
/*.time_list .item-list:last-child { margin-bottom:0}
.time_list .item-list .thumb {padding:0 24px}
.time_list .item-list .item_img { display:inline-block; width:100&; margin:0;   }
.time_list .item-list .item_img a {padding-bottom: 129.5%;}
.time_list .item-list .item_img .img { width:100%;display:inline-block; background-repeat:no-repeat; background-size:cover; background-position:center; position:absolute; top:0; left:0;height: 100%;}
.time_list .item-list .item_info { display:inline-block; width:calc(100% - 120px); padding: 0 0 0 24px;}
.time_list .item_price {margin-bottom:0}*/
.time_list .discount_info {margin-top:10px; }
.time_list .discount_info .discount {display:inline-block; background:#6b707c; color:#fff; font-size:12px; padding:5px 16px 4px; border-radius:4px;}
.time_list .item_reaction, .time_list .prod_cart, .time_list .saleWon {display:none !important; }
.time_list .item_price .discount {display:inline-block;background:#2b3244;color:#fff;font-size:12px;padding:5px 16px 4px;border-radius:4px;margin-left: 4px;}

.section { margin:60px 0 }
.section.sect_center {text-align:center;}
.section .tt_box {box-sizing:border-box; padding:0 10px; margin-bottom:20px; position:relative }
.section .tt_box .tt {font-size:26px; font-weight:600; line-height:1.5;  }
.section .tt_box .des {font-size:14px; margin-top:4px; }
.section .tt_box a {position:absolute; top:2px; right:10px; font-size:12px;  }
.section .more_view { margin-top: 10px; box-sizing: border-box; padding: 0 16px; }
.section .more_view a { display: flex; height: 44px; box-sizing: border-box; border: 1px solid #000; border-radius:8px; align-items: center; justify-content: center; font-size:18px;font-weight:400;  }
.section .view_box {position:relative;box-sizing:border-box;padding: 12px 80px 10px 0px;}
.section .view_box a {position:absolute;right: 0px;top: 4px;font-size:12px;}
.promotion .des {display:none; }


.section .swiper { position: relative; padding:0 10px;  box-sizing:border-box; }
.section .swiper .swiper-scrollbar { position: static; left:0; width:100%; height:2px; background:#ebebeb;  bottom: 0; }
.section .swiper .swiper-scrollbar-drag {background: #343434; height: 3px; z-index: 99; border-radius: 0}

.section .grid2  {font-size:0; padding:0px 2px; box-sizing:border-box }
.section .grid2 .prod_con { width:50%; box-sizing: border-box; padding: 0 2px; vertical-align: top; display:inline-block; vertical-align:top;  }

.section .grid2_1  {font-size:0; padding:0px 2px; box-sizing:border-box }
.section .grid2_1 .prod_con:nth-child(1), .section .grid2_1 .prod_con:nth-child(8) {width:100%}
.section .grid2_1 .prod_con { width:50%; box-sizing: border-box; padding: 0 2px; vertical-align: top; display:inline-block; vertical-align:top;  }


.prodSwiper2 .swiper-slide {width:43%}
.prodSwiper2 .item-list .item_name {font-size:12px;}
.prodSwiper2 .item-list .item_price {padding-top:1px}
.prodSwiper2 .item-list .item_price .price { font-size: 13px; }
.prodSwiper2 .item-list .item_price .strike {font-size: 10px; margin-right: 3px;  }
.prodSwiper2 .item-list .item_price .salePercent { font-size: 13px; margin-left: 0; }


#main_event { margin:30px 0}
#main_event .swiper-slide {width:auto; }
#main_event a {display:block; text-align:center;  }
#main_event a span {display:block; }
#main_event a .img img {height:140px}
#main_event a .txt {margin-top:9px; font-size:13px; }


#weeklyBest { }
#weeklyBest .swiper {padding:0} 
#weeklyBest .bestTabSwiper { margin-bottom:12px; }
#weeklyBest .bestTabSwiper .swiper-slide {width:72px; font-size:16px; position:relative;  color:#777; font-weight:400; text-align:center; padding-bottom:3px; }
#weeklyBest .bestTabSwiper .swiper-slide.active { color:#000;}
#weeklyBest .bestTabSwiper .swiper-slide.active span {position:relative}
#weeklyBest .bestTabSwiper .swiper-slide.active span:after {content:""; display:inline-block; width:100%; height:1px; position:absolute; bottom:0px; left:0; background:#000}
#weeklyBest .bestPordSwiper .swiper-pagination {position:static; }
#weeklyBest .bestPordSwiper .swiper-pagination .swiper-pagination-bullet { background: #d9d9d9; width: 8px; height: 8px; font-size: 0; border-radius: 100%; border: 0; outline: 0; margin: 0 6px; opacity: 1; }
#weeklyBest .bestPordSwiper .swiper-pagination .swiper-pagination-bullet-active { background: #000; }
#weeklyBest .swiper .swiper-scrollbar {width:calc(100% - 32px);  box-sizing:border-box; margin:24px auto 0;  }
#weeklyBest .item-list {margin-bottom:24px; }
#timeProdTime {background:#f0f0f0; padding:12px 8px; text-align:left; font-size:20px; font-weight:600;  box-sizing:border-box;  }


#newArrivals { margin-top:65px}
#newArrivals .item_reaction {display:none}

#timeProd {}
#timeProd .prod_item a {display:block; }
#timeProd .prod_item .prod_img {position:relative; margin-bottom:50px}
#timeProd .prod_item .prod_img .per {position:absolute; bottom:0; left:10px; font-size:100px; color:#ff7726; font-weight:600; }
#timeProd .prod_item .prod_txt {padding:0 10px; box-sizing:border-box; }
#timeProd .prod_item .prod_txt .sub {font-size:12px; color:#666; }
#timeProd .prod_item .prod_txt .tt {font-size:14px; color:#000;margin-top:4px;  }
#timeProd .prod_item .prod_txt .price {display:flex;align-items: center;justify-content: flex-start; margin-top:4px;}
#timeProd .prod_item .prod_txt .price .ori {font-size: 12px; font-weight: 400; margin-right: 5px; color: #000; text-decoration: line-through; }
#timeProd .prod_item .prod_txt .price .dc {font-size: 16px;color: #000;}
#timeProd .prod_list {margin-top:40px; }
#timeProd .item-list {border-bottom:1px solid rgb(228, 228, 228); margin:0;  padding:10px 0 }
#timeProd .item-list:last-child {border-bottom:0; }
#timeProd .thumb {display: flex;justify-content: flex-start;align-items: center;}
#timeProd .thumb .item_img {width:70px;margin:0;}
#timeProd .thumb .item_info {width:calc(100% - 70px); box-sizing:border-box; padding:0 0px 0 20px; }
#timeProd .thumb .item_name a {padding:0}
#timeProd .thumb .item_info .prod_cart {display:none; }
#timeProd .thumb .item_img .MK-product-label {display:none; }


.more_box a {font-size: 15px; border: 1px solid #444444; display: inline-block; width: 80px; height: 27px; line-height: 25px; box-sizing: border-box;}


/* 팝업 */
#main_popUp_box.dn { display:none; }
.main_popUp_box { position:fixed;; bottom: 0; left: 0;; z-index:10000; box-sizing:border-box; display:none;   }
.popUp_time_wrap {display: flex; position: relative; justify-content: center; padding:12px 6px; gap: 5px; border-radius:10px; background:#fff;  border:2px solid #e5aaa3; font-size:12px;line-height:1}
.popUp_time_wrap  span {font-weight:900; color:#000}
.main_popUp_wrap {width: 100%; max-width:290px; height: 100%; overflow:hidden } 
.main_popUp_con { display:block; width:100%; position:relative; }
.main_popUp_con .swiper-slide a {display:inline-block; width:100%; height:100%; }
.main_popUp_con .swiper-slide img {width:100%; border-radius:10px; }
.main_popUp_con .swiper-pagination {bottom:10px}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet {border:1px solid #000; box-sizing:border-box; background:#fff; opacity:1}
.main_popUp_con .swiper-pagination .swiper-pagination-bullet-active { background:#FFD203; }
.main_popUp_btn {display: flex; width: 100%; align-items: center; justify-content: space-between; margin-bottom:6px; }
.main_popUp_btn .btn_close { display: flex; align-items: center; justify-content: center;font-size:14px; letter-spacing: 5px; text-align: center; width:20px; height:20px; line-height:20px;  background: #ff6a10; border-radius: 100%; color: #000; font-weight: bold; box-sizing:border-box; }
.main_popUp_btn .btn_close span { width:14px; visibility: visible; color: #fff;}
.main_popUp_btn .btn_today_close {text-align: right; color: #949494; display: block; font-size: 13px;}
.main_popUp_btn .btn_today_close label {display:inline-block; cursor:pointer}
.main_popUp_btn .btn_today_close input[type="checkbox"] {margin-right:4px; }
.main_popUp_btn .btn_today_close input[type="checkbox"]:checked {}
.main_popUp_btn .btn_today_close label { color:#000;}

/* BASIC css end */