/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
#pageNew{position:relative;top:-60px;}
#pageBest{position:relative;top:-60px;}
/* 메인 */
.swiper:hover .swiper-button-next,.swiper:hover .swiper-button-prev{opacity:1}
.swiper .swiper-button-next, .swiper .swiper-button-prev{color:#fff !important;opacity:0.3;}
.swiper-button-next, .swiper-button-prev{color:#fff !important;}

.swiper-button-next { right:20px !important; }

.swiper-button-prev { left:20px !important;}
.bestrollpagingprev { left:-40px !important; }
.newIcon{
    display: inline-block;
    width: 12px;
    position: absolute;
    top: 10px;
    margin-left: 8px;
}
.cateMove {display: block; width: fit-content; text-align: center; color: #333; font-size: 20px; font-weight:600; margin: 40px auto; border-top: 1px solid #333; border-bottom: 1px solid #333; padding: 30px 50px; } 
.cateMove .xi-plus-thin {vertical-align:text-top;}
.catePlus{font-size:25px;display:inline-block;}

/* 메인 상단 바 */
.maintopTxt { position: relative; width:100%; background:#282828; height:45px; text-align:center; z-index: 9999; }
.maintopTxt div { max-width:280px; height:45px; margin:0 auto; position:relative; }
.maintopTxt a { line-height:45px; color:#fff; font-size:11px; text-transform:uppercase; cursor:pointer; }
.maintopTxt div:after { position:absolute; bottom:0; left:0; display:block; content:""; width:100%; height:3px; background-color:#fff; transform:scale3d(0,1,1); transform-origin:center center; transition:transform .3s; }
.maintopTxt div:hover:after { transform:scale3d(1,1,1); }

#main_contentWrapper{padding-top:70px;}
.mainBanSwiper{overflow:visible !important;width:1300px;}
.mainSwiper{}
.mainSwiper .swiper-pagination-fraction{    
display:none;
    bottom: 60px;
    left: auto;
    right:20px;
    position: relative;
    width: 50px;
    height: 40px;
    line-height: 40px;
    background-color: rgba(0,0,0,0.5);
    border-radius: 20px;
    float: right;
    text-align: center;
    color: #fff;
    font-size: 16px;}

.mainSwiper .swiper-button-next.swiper-button-disabled, .mainSwiper .swiper-button-prev.swiper-button-disabled{pointer-events:initial; cursor: pointer; opacity: 1;}
.listTab{ margin-bottom:50px; }
.listTab ul {display:inline-block;width:100%;display:flex; justify-content:center; max-width: 1300px;margin: 0 auto;line-height:52px; height: 52px;-webkit-transition:transform 2s; transition:transform 2s}
.listTab li a {font-size:20px; font-weight:600;}
.listTab li.active{border-bottom:3px solid #000;}
.listTab{}
.listTab li{position:relative;float:left;    width: calc(15%); margin: 0 40px;text-align:center; padding:0 5px;font-size:16px;font-weight:500;}
.listTab.fixed{position:fixed;width: 100%;
    top: 70px;z-index:10; display:flex; justify-content:center;background-color:rgba(255,255,255,0.8);  }  
.listTab.fixed ul{}

.listTabWeekly{ }
.listTabWeekly ul {display:inline-block;width:100%; display:flex; justify-content:center; max-width: 1300px;margin: 0 auto;line-height:52px; height: 52px;-webkit-transition:transform 2s; transition:transform 2s}
.listTabWeekly li a {font-size:20px; }
.listTabWeekly li.active{border-bottom:2px solid #000;}
.listTabWeekly{}
.listTabWeekly li{position:relative;float:left;    width: calc(15%); margin: 0 40px; text-align:center; padding:0 5px;font-size:16px;font-weight:500;}
.listTabWeekly.fixed{position:fixed;width: 100%;
    top: 70px;z-index:10; display:flex; justify-content:center; background-color:rgba(255,255,255,0.95);}  
.listTabWeekly.fixed ul{}


.listTabBrand{ }
.listTabBrand ul {display:inline-block;width:100%; display:flex; justify-content:center; max-width: 1300px;margin: 0 auto;line-height:52px; height: 52px;-webkit-transition:transform 2s; transition:transform 2s}
.listTabBrand li a {font-size:20px; }
.listTabBrand li.active{border-bottom:2px solid #000;}
.listTabBrand{}
.listTabBrand li{position:relative;float:left;    width: calc(15%); margin: 0 40px; text-align:center; padding:0 5px;font-size:16px;font-weight:500;}
.listTabBrand.fixed{position:fixed;width: 100%;
    top: 70px;z-index:10; display:flex; justify-content:center; background-color:rgba(255,255,255,0.95);}  
.listTabBrand.fixed ul{}


.listTabBest{ }
.listTabBest ul {display:inline-block;width:100%; display:flex; justify-content:center; max-width: 1300px;margin: 0 auto;line-height:52px; height: 52px;-webkit-transition:transform 2s; transition:transform 2s}
.listTabBest li a {font-size:20px;}
.listTabBest li.active{border-bottom:2px solid #000;}
.listTabBest{}
.listTabBest li{position:relative;float:left;    width: calc(15%); margin: 0 40px; text-align:center; padding:0 5px;font-size:16px;font-weight:500;}
.listTabBest.fixed{position:fixed;width: 100%;
    top: 70px;z-index:10; display:flex; justify-content:center; background-color:rgba(255,255,255,0.95);}  
.listTabBest.fixed ul{}


/* 롤링상품 */
.spProduct { position:relative;    max-width: 1320px; margin: 40px auto 100px; overflow: hidden; }
.spProduct .m_title li{display:inline-block;margin-right:30px;cursor: pointer;}
.spProduct .m_title ul p {padding-top: 15px; font-size: 17px;}


.spProduct .m_title h3{display:inline-block;font-size:18px; color:#bbb; }
.spProduct .m_title h3.active{color:#000; border-bottom:2px solid #000; font-weight:600;}
.spProduct .m_title h3.purple{color:#7f0c97;}
.spProduct .m_title h3 span {font-size: 13px; font-weight: normal; display:block;text-align:center;}
.spProduct .m_title h3 span:before { content:''; width:5%;height:1px; background:#000; display:block;margin:2% auto;}
.spProduct .mainSwiper {margin-top:40px;}
.spProduct .mainSwiper .productWrap {display:inline-block; margin: 0; width:calc(25% - 10px); margin-right:5px; vertical-align:top; }
.spProduct .mainSwiper .productWrap.mr0 {display:inline-block;width: calc(20% - 10px) !important; margin: 0; margin-right:0px; }
.spProduct .mainSwiper .productWrap figure {margin:0;margin-bottom:15px;}
.spProduct .mainSwiper .productWrap:nth-of-type(4n) {margin-right:0px;}
.spProduct .mainSwiper .productWrap.mr0:nth-of-type(4n){margin-right:10px;}
.spProduct .mainSwiper .productWrap .listPic { position:relative; }
.spProduct .mainSwiper .productWrap .listPic img { width:100% }


.spProduct .mainSwiper .productWrap .listPic .productHeart{width: 25px;
    top: 92%;
    position: absolute;
    left: 88%;}
.spProduct .best-containe {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }
.spProduct .mainSwiper .productWrap {
        height: calc((100% - 30px) / 2);
      }
.spProduct .mainSwiper .productWrap .list_shoppingInfo {background-color: #fff;  text-align:left; margin: 0; min-height: 130px; height: fit-content; width: 100%; flex-direction: column; justify-content: flex-start; padding: 15px; box-sizing: border-box;}


.spProduct .mainSwiper .swiper-pagination-fraction {
    top:5px;   
    height: 10px;
    width: auto;
    right: 15px;
    text-align: right;
}
.prdColor{text-shadow:2px 2px 2px #eee;}
.spProduct .mainSwiper .swiper-pagination-fraction .swiper-pagination-bullet {width:4px !important;height:4px !important;background: #fff;
    border: 2px solid;}
.spProduct .mainSwiper .swiper-pagination-fraction .swiper-pagination-bullet-active { background:#000; width:5px;height:5px;}
.spProduct .mainSwiper .swiper-horizontal>.swiper-pagination-bullets .swiper-pagination-bullet, .swiper-pagination-horizontal.swiper-pagination-bullets .swiper-pagination-bullet{width:5px !important;height:5px !important;background: #fff;
    border: 2px solid;}
.spProduct .mainSwiper.swiper-grid-column>.swiper-wrapper{flex-direction:row !important;align-items: baseline;}
.spProduct .mainSwiper .listPrice del {  }
.spProduct .mainSwiper .swiper-slide .list_shoppingInfo {background-color:#fff; box-shadow : 2px 2px 5px #eee; text-align:left; margin:0; min-height: 180px; height:180px; width: 100%; flex-direction: column; justify-content: space-around; padding: 10px; box-sizing:border-box;}
.spProduct#weeklyProduct .mainSwiper .swiper-slide .list_shoppingInfo{box-shadow:0px 0px 0px;}
.spProduct#weeklyProduct{margin:0;text-align:center;}
.spProduct#weeklyProduct .mainSwiper {
    max-width:1600px;overflow:hidden;
    margin:35px auto 0;
}
.weeklySwiperWrap{ max-width:1600px; margin:0 auto;}
.spProduct#weeklyProduct .swiper-wrapper{width:1200px;}
.spProduct#weeklyProduct .m_title h3{color:#e7364e;text-align:center;font-size:22px;font-weight:700; }
.spProduct#weeklyProduct{box-sizing:border-box;;background-color:#ffedf3; padding: 50px 30px 30px 45px;max-width: 100%; margin: 60px auto; overflow:hidden;}
.spProduct#weeklyProduct .weeklyFigure{text-align:center;}
.spProduct#weeklyProduct .weeklyFigure .listName {font-size:13px; }
.spProduct#weeklyProduct .weeklyFigure .listSubname {font-size:12px; height:20px; line-height:1.7; }
.spProduct#weeklyProduct .weeklyFigure .MK-product-icons img { width:40px; }


.spProduct#weeklyProduct .weeklyFigure .listPic .productHeart { width:21px; top:90%; left:85%; }
.spProduct#weeklyProduct .weeklyFigure  .listDiscount {font-size:14px; }
.spProduct#weeklyProduct .weeklyTop{color:#000;font-size:16px;font-weight:500;margin-bottom:20px; display:none;}
.spProduct#weeklyProduct .listSoldout {
    color: #fff;
    position: absolute;
    width: 100%;
    line-height: 11;
    font-size: 16px;
    height: 0;
    padding-bottom: 100%;
    top: 31px;
    left: 0px;
    background: rgba(0,0,0,0.7);
}
.weeklySwiperWrap .swiper-button-prev{
    left:auto;
    right: 42px;
    bottom: 309px;
    position: relative;}
.weeklySwiperWrap .swiper-button-next{    
    left: 1213px;
    bottom: 286px;
    position: relative;}


.weeklySwiper .swiper-slide {width: 180px;}


.mainBanSwiper .swiper-slide a{width:49.5% !important;}
.mainBanSwiper .swiper-slide a img{width:49.65% !important; float:left;}
.mainSwiper .swiper-slide a:nth-of-type(2) img{float:right;} 
.mainBanSwiper .swiper-slide a div h4{position: absolute; top: 20px; left: 30px; color: white; font-size: 24px; font-weight:500; }
.mainBanSwiper .swiper-slide a div h3{position: absolute; bottom: 100px; left: 20px; color: #fff; font-size: 30px; padding:10px 20px; font-weight:700;}
.mainBanSwiper .swiper-slide a div p{position: absolute; bottom: 20px; left: 20px; color: #fff; font-size: 25px; padding:10px 20px; }

.mainSwiper .swiper-slide a:nth-of-type(2) div h4{position: absolute; top: 20px; left: 680px; color: white; font-size: 24px; font-weight:500; }
.mainSwiper .swiper-slide a:nth-of-type(2) div h3{position: absolute; bottom: 100px; left: 680px; color: #fff; font-size: 30px; padding:10px 20px; font-weight:700; }
.mainSwiper .swiper-slide a:nth-of-type(2) div p{position: absolute; bottom: 20px; left: 680px; color: #fff; font-size: 25px; padding: 10px 20px;  }

.MK-product-icons img { margin-right:2px; }


h2 {width: 1320px; text-align: left; margin: 0 auto; font-weight: 600; font-size: 26px;}
h2 p {font-size: 18px; font-weight: normal; margin-top: 5px;}
h3 p {font-size: 18px; font-weight: normal; margin-top: 5px;}


/* 키워드 버튼 영역 */

/* 키워드 전체 배경을 화면 전체 너비로 확장 */
.pcKeywordAreaWrap {
  background: #f8f8f8;  /* 배경색 확장 */
  padding: 20px 0;
  margin-bottom:70px;
}

/* 내부 콘텐츠는 중앙 정렬 */
.pcKeywordArea {
  max-width: 1300px;
  margin: 0 auto;
  padding: 0 10px;
  box-sizing: border-box;
}

/* 키워드 버튼 묶음 */
.pcKeywordWrap {
  display: flex;
  flex-wrap: wrap;
  gap: 3px;
  justify-content: center; /* 가운데 정렬 */
}

/* 개별 버튼 스타일 */
.pcKeywordBtn {
  display: flex;
  align-items: center;
  padding: 8px 12px;
  font-size: 14px;
  border: 1px solid #ccc;
  border-radius: 4px;
  background: #fff;
  cursor: pointer;
  white-space: nowrap;
  font-weight: 500;
  letter-spacing: -0.3px;
  transition: background 0.2s ease;
}

.pcKeywordBtn:hover {
  background: #eee;
}

.pcKeywordBtn img {
  height: 20px;
  margin-right: 6px;
  border-radius: 6px;
}


/* 브랜드 슬라이드 */
.brandSlideSection {
  margin: 20px auto;
  width: 1320px;
  overflow: hidden;
}
.brandTab {
  display: flex;
  justify-content: left;
  margin-bottom: 30px;
}
.brandTab button {
  background: none;
  border: none;
  font-size: 18px;
  margin-right: 30px;
  font-weight: 500;
  cursor: pointer;
  color: #aaa;
  border-bottom: 2px solid transparent;
}
.brandTab button.active {
  color: #000;
  border-color: #000;
  font-weight:600;
}
.brandSlideContainer {
  position: relative;
  width: 100%;
  overflow: hidden;
}
.brandSlides {
  display: flex;
transition: transform 1.2s cubic-bezier(0.77, 0, 0.175, 1);
  width: 300%;

}
.brandSlide {
  flex: 0 0 100%;
  display: flex;

}
.brandContent {
  display: flex;
  gap: 10px;
  align-items: flex-start;
}
.brandImage {
  flex: 0 0 700px;
  position: relative;
}
.brandImage img {
  width: 100%;
}
.brandInfo {
  margin-top: 10px;
  font-size: 14px;
  line-height: 1.6;
   position: relative;
    bottom: 170px;
    left: 40px;
    color: #fff;
}
.brandProducts {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 10px;
  flex: 0 0 42%;
}
.brandProducts .productWrap {
  margin: 0;
  width: 100%;
}

.brandProducts .productWrap .listpic .my-wish-list img {    width: 25px;
    top: 92%;
    position: absolute;
    left: 88%;}


.brandProducts .productWrap {display:inline-block; margin: 0;  margin-right:5px; vertical-align:top; }
.brandProducts .productWrap.mr0 {display:inline-block;width: calc(20% - 10px) !important; margin: 0; margin-right:0px; }
.brandProducts .productWrap figure {margin:0;}
.brandProducts .productWrap:nth-of-type(4n) {margin-right:0px;}
.brandProducts .productWrap.mr0:nth-of-type(4n){margin-right:10px;}
.brandProducts .productWrap .listPic { position:relative; }
.brandProducts .productWrap .listPic img { width:100% }


.brandProducts .productWrap .listPic .productHeart{width: 25px;
    top: 92%;
    position: absolute;
    left: 88%;}
.spProduct .best-containe {
        width: 100%;
        height: 100%;
        margin-left: auto;
        margin-right: auto;
      }

.brandProducts .productWrap .list_shoppingInfo {background-color: #fff;  text-align:left; margin: 0; min-height: 110px; height: fit-content; width: 100%; flex-direction: column; justify-content: flex-start; padding: 10px 10px 0 10px; box-sizing: border-box;}
.brandProducts .productWrap .list_shoppingInfo .listSubname {display:none;}

.brandInfo h3 {font-weight: 700; font-size: 25px;}
.brandInfo p {font-weight: 400; font-size: 18px;}
.brandInfo h4 {font-weight: 700; font-size: 17px; padding-top:10px;}
/* BASIC css end */