/* BASIC css start */
/* 롤링배너 */
#mainVisual { visibility: hidden; position:relative; overflow:hidden;  }
#mainVisual img {width:100%;}
#mainVisual .bx-pager{position:absolute;bottom:10px;left:0;right:0;z-index:60;text-align:center;}
#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:18px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
#mainVisual .bx-pager-link.active{width: 30px; background-color: rgba(0,0,0,0.8);}

/* 카테고리 */
.cate .list_category {overflow:hidden;border-top: 1px solid #a7a7a7;}
.cate .list_category li {float:left;width:20%;border-bottom: 1px solid #ddd;box-sizing:border-box;-moz-box-sizing:border-box;}
.cate .list_category li a {display:block;height: 34px;line-height: 34px;color:#777;text-align:center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 11px;}
.cate .brand_menu {display: flex;flex-wrap: wrap;justify-content: center;padding: 1px 0;list-style: none;}
.cate .brand_menu li {width: 100%;border-bottom:1px solid #ddd;margin: 1px;box-sizing: border-box;text-align: center;padding: 1px 0;}
.cate .brand_menu li a {display: block;height: 30px;line-height: 30px;color:#555;text-align: center;text-overflow: clip;white-space: nowrap;overflow: hidden;font-size: 20px;font-weight: 700;letter-spacing: 0.5em;}
.cate .brand_menu li a:active {background-color:#999;color: #fff;}

/* 메인 서브 배너 */
.main .subbnArea {margin: 10px 0 0;}
.main .subbnArea a { display: block;}
.main .subbnArea .topBannerLeft {float:left;width:50%;box-sizing:border-box; padding:6px 2px 0 0; }
.main .subbnArea .topBannerRight {float:right;width:50%;box-sizing:border-box; padding:6px 0 0 2px; }
.main .subbnArea img {width:100%; vertical-align:top;}

/* tabProduct */
#tabProduct {visibility:hidden;position:relative;margin-top: 20px;}
#tabProduct .tabTitle {display: block;text-align: center;font-weight:700;color: black;font-size: 30px; padding-bottom:20px;}
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden;}
#tabProduct .newCate_prod .newCateTab li{ float:left; width:20%; }
#tabProduct .newCate_prod .newCateTab li a {display:block;height: 37px;font-size: 9px;color:#999;text-align:center;line-height: 37px;border-top: 1px solid #ddd;border-bottom:1px solid #a7a7a7;background:#f8f8f8;text-overflow: clip;white-space: nowrap;overflow: hidden;}
#tabProduct .newCate_prod .newCateTab li a.active { color:#111; background-color:#fff; border: 1px solid #a7a7a7; border-bottom: 1px solid #fff; }
#tabProduct .newCate_prod .newCateList {position:relative;border: 1px solid #a7a7a7;border-top:0;padding:0px;}
#tabProduct .newCate_prod .newCateList a {display:block;}
#tabProduct .newCate_prod .newCateList ul {display: flex;flex-wrap: wrap; gap: 1px; justify-content: flex-start;padding: 0;}
#tabProduct .newCate_prod .slideList ul {display:flex; flex-wrap: wrap;justify-content:space-between;margin-top: 4px;padding: 0;}
#tabProduct .newCate_prod .slideList li {float: left;position:relative;width: 32.2%;margin:.5px;box-sizing:border-box; }
#tabProduct .newCate_prod .slideList li.item1 {width: 32.2%;}
#tabProduct .newCate_prod .slideList li .thumb img {width:100%;border:1px solid #ddd;}
#tabProduct .newCate_prod .slideList li .thumb:hover img {opacity:0.7; filter:alpha(opacity=70);}
#tabProduct .newCate_prod .slideList .ncsNum {display: block;position: absolute;top: 0;left: 2px;width: 48px;height: 18px;line-height: 18px;text-align: center;background: #000;opacity:0.6;filter:alpha(opacity=60);color:#fff;z-index: 9;font-size: 11px;}
#tabProduct .newCate_prod .prd-info-bx {display:block;bottom:10px;left:0;right:0;text-align:center; }
#tabProduct .newCate_prod .prd-info-bx .prd-name {padding: 10px 7px 0;}
#tabProduct .newCate_prod .prd-info-bx .prd-price del {color:#999;font-weight: normal;font-size: 10px;margin-right: 2px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price {font-weight: bold;color: #292929;}
#tabProduct .item-cont {display: flex;justify-content: space-between; /* 좌우 정렬 */align-items: center; /* 세로 정렬 */position: relative;}
#tabProduct .item-cont .prd-wish {text-align:right;}
#tabProduct .item-cont .listWish {display: flex;align-items: center;margin-left: auto; /* 오른쪽 정렬 *//*position: absolute; top: 10px;right: 5px;*/}
#tabProduct .item-cont .listWish i {display: flex;align-items: center;margin-left: auto;}
#tabProduct .item-cont .listWish i.xi-heart,
#tabProduct .item-cont .listWish i.xi-heart-o { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
#tabProduct .item-cont .listWish i.xi-heart { display:flex; color: #f41f3a;}
#tabProduct .item-cont .listWish .wish-on i.xi-heart { display:inline-block; }
#tabProduct .item-cont .listWish .wish-on i.xi-heart-o { display:none; }

/* 메인 중간 배너 */
.mdlArea01 { margin-top: 40px; }
.mdlArea02 {margin-top: 40px;}
.mdlArea01 img , .mdlArea02  img {width:100%; max-width:100%; height:auto;}

/* weeky Best */
#contents .weeklyBestWrap {position: relative;overflow: hidden;}
#contents .weeklyBestWrap > a {font-size: 9px;position: absolute;top: 0px;right: 5px;display: block;height: 20px;padding-top: 14px;}
#contents .weeklyBestWrap > a i { }
#contents .weeklyBestWrap .weekly-container {padding: 0 3px 0 3px;}
#contents .weeklyBestWrap .swiper-wrapper {}
#contents .weeklyBestWrap .swiper-slide {width:33%;margin-right: 5px;}
#contents .weeklyBestWrap .swiper-slide a { }
#contents .weeklyBestWrap .swiper-slide dl dt.thumb img {border:1px solid #ddd; width: 100% }
#contents .weeklyBestWrap .swiper-slide dl { text-align: center }
#contents .weeklyBestWrap .swiper-slide dl dd {padding: 9px 0 0 }
#contents .weeklyBestWrap .weekly-pagination {position: absolute;top: 43px;left: 10px;}
#contents .weeklyBestWrap .listWish {position: absolute; top: 10px;right: 5px;}
#contents .weeklyBestWrap .listWish i {margin-left: auto;}
#contents .weeklyBestWrap .listWish i.xi-heart,
#contents .weeklyBestWrap .listWish i.xi-heart-o { margin-right: 4px; color: #c8c8c8; font-size: 22px; vertical-align: text-top; cursor:pointer; }
#contents .weeklyBestWrap .listWish i.xi-heart { display:none; color: #f41f3a;}
#contents .weeklyBestWrap .listWish .wish-on i.xi-heart { display:inline-block; }
#contents .weeklyBestWrap .listWish .wish-on i.xi-heart-o { display:none; }

/* 메인 타이틀 */
.main h3 {font-size: 20px;display: inline-block;margin: 35px auto 15px;font-weight: bold;width: 100%;text-align: center;}

/*인스타그램*/
.instagramArea span {font-size: 14px;margin-left: 5px;font-weight: normal;}
.instaImg {width:100%;}
.instaImg img {width:100%; height:auto;}

/*커스텁팝업*/
.custom-popup {position: fixed;top: 50%;left: 50%;transform: translate(-50%, -50%);background: rgba(0, 0, 0, 0.8);color: #fff;padding: 20px;border-radius: 8px;font-size: 16px;opacity: 1;transition: opacity 0.3s ease-in-out;z-index: 1000;text-align: center;min-width: 200px;}
.custom-popup p {margin: 0 0 10px;}

.popup-close-btn {background: #f41f3a;color: white;border: none;padding: 8px 12px;border-radius: 5px;cursor: pointer;font-size: 14px;}

.popup-close-btn:hover {background: #d0172b;}

/* BASIC css end */