/* BASIC css start */
/*.item-wrap {overflow: hidden;margin: 0 auto;}*/

#mainWrap { margin: auto ; max-width:85%;min-width: auto; }


.mainSlider_outer { padding:30px 0; /*background:#F7F6F6;*/ margin:0 0 6%; }

/* 메인 슬라이드 배너 */
#mainSlider {position:relative;z-index:10;min-width:800px;margin: auto ; max-width:85%; }
#mainSlider .swiper-container { width: 100%; height: 100%; overflow: hidden; position: relative; }
#mainSlider .swiper-slide { text-align: center; font-size: 18px; background: #fff; }
#mainSlider .swiper-slide img { width: 100%; display: block; height: auto;}
#mainSlider .swiper-slide img {
  object-fit: cover;
  padding: 0px;
	box-sizing:border-box;
}
#mainSlider body {
  background-color: #f0f0f0; /* 페이지 전체 배경을 연회색으로 설정 */
}

/* swiper-container의 좌우 여백을 설정 */
#mainSlider .swiper-container {
  /*margin: 0 50px; /* 좌우 여백을 50px로 설정 (여백 크기 조정 가능) */
}

/* 슬라이드 영역 자체는 원래 상태 유지 */
#mainSlider .swiper-slide img {
  /*border-radius: 15px; /* 이미지 라운드 처리 */
  object-fit: cover;   /* 이미지 비율을 유지하면서 영역에 맞게 조정 */
}

#mainSlider .swiper-slide{
  width: 67%;
  border: 2px solid #eee;
  /*border-radius: 30px;*/
  overflow:hidden;
}


#mainSlider .swiper-button-next,
#mainSlider .swiper-button-prev {
  background-color: rgba(0, 0, 0, 0.25); /* 회색 반투명 배경 */
  border-radius: 8px; /* 버튼 모서리를 둥글게 */
  width: 60px; /* 버튼 너비 증가 */
  height: 120px; /* 버튼 높이 증가 */
  background-size: 50%; /* 배경 이미지 크기 조정 */
  background-repeat: no-repeat;
  background-position: center;
  opacity: 1; /* 항상 표시되도록 설정 */
  display: block; /* 버튼 강제 표시 */
  
  top: 60%;
  transform: translateY(-60%);
}
#mainSlider .swiper-container:hover .swiper-button-next,
#mainSlider .swiper-container:hover .swiper-button-prev { opacity:1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mainSlider .swiper-button-next {
  right: 20px; /* 오른쪽 위치 조정 */
  background-image: url('/design/jyj81133/13199/tem173/arrow_right.png'); /* 화살표 이미지 유지 */
}

#mainSlider .swiper-button-prev {
  left: 20px; /* 왼쪽 위치 조정 */
  background-image: url('/design/jyj81133/13199/tem173/arrow_left.png'); /* 화살표 이미지 유지 */
}
#mainSlider .swiper-pagination-bullets { bottom:5px;}
#mainSlider .swiper-pagination-bullet { width:9px; height:9px; background:#2e2e2e; opacity:1; }
#mainSlider .swiper-pagination-bullet-active { background:#fff;}


#contentWrapper h3 { font-size:34px;font-weight: 300; }

/* NEW COLLECTION */
#tabProduct {visibility:hidden;position:relative; padding: 7% 0 0; }
#tabProduct .item-wrap { padding: 0;}
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden; }
#tabProduct .newCate_prod .newCateTab li{ display:inline-block;}
#tabProduct .newCate_prod .newCateTab li a {display:block;font-size: 16px;font-weight: 300;color:#a8a8a8;margin:18px 25px 0 0;}
#tabProduct .newCate_prod .newCateTab li a:hover,
#tabProduct .newCate_prod .newCateTab li a.active { color:#000;}
#tabProduct .newCate_prod .newCateList {position:relative;padding: 26px 0;}
#tabProduct .newCate_prod .slideList ul {  display: flex;           /* flexbox로 변경 */
  flex-wrap: wrap;         /* 아이템들이 자동으로 줄 바꿈 */
  padding: 0;
  margin-left: 0;}
#tabProduct .newCate_prod .slideList ul li.itemWrap {float: left;position:relative; width: 80%; padding: 0 0 3% 1.5%;box-sizing:border-box; }
#tabProduct .newCate_prod .slideList ul li .thumb { position:relative; overflow: hidden; }
#tabProduct .newCate_prod .slideList ul li .thumb img {width: 100%;    height: auto; aspect-ratio: 1 / 1; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#tabProduct .newCate_prod .slideList ul li .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
#tabProduct .newCate_prod .slideList .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
#tabProduct .newCate_prod .slideList .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
#tabProduct .newCate_prod .slideList .prd-preview i { font-size: 24px; }
#tabProduct .newCate_prod .prd-info { left:0;right:0;margin-top: 17px; min-height: 100px;}
#tabProduct .newCate_prod .prd-info .clChip span {display: inline-block;width: 21px;height: 7px; margin: 0 1px;vertical-align: top;}
#tabProduct .newCate_prod .prd-info .prd-name { margin:0 0 4px;font-size:16px;}
#tabProduct .newCate_prod .prd-info .subname { color: #8e8d8d; line-height: 18px; padding-bottom: 7px; font-size: 14px;}
#tabProduct .newCate_prod .prd-info .prd-price { font-size: 16px; position: relative; margin: 12px 0 0; }
#tabProduct .newCate_prod .prd-info .prd-price del { color: #8e8d8d; font-weight: normal; font-size: 14px; margin: 0 8px; }
#tabProduct .newCate_prod .prd-info .prd-price .dcPercent { color: #d95115; font-size: 16px; }
#tabProduct .newCate_prod .prd-info .prd-price span { }

/* 중간 배너 */
.midBanner { margin:0 0 6%; }
.midBanner li { float:left; width:50%;}
.midBanner li a { display:block; }
.midBanner li a img { width:100%; }

/* MD's PICK 롤링상품 */
#mdPick { position:relative; margin: 50px 0 100px; padding: 3.6% 2.8%; background: #f3f3f3;}
#mdPick .leftAboutInfo { float:left; font-weight: 300; width:12%; }
#mdPick .leftAboutInfo .Info { }
#mdPick .leftAboutInfo .Info .t1 { font-size:34px; margin: 0 0 8px;}
#mdPick .leftAboutInfo .Info .t2 { font-size:18px; color:#808080; }
#mdPick .leftAboutInfo .Info a.mdBtn { display:block;background:#222; color:#fff;border:1px solid #222; position:absolute;bottom:10%;height:58px;line-height:58px; padding:0 2%; font-size:16px;}
#mdPick .leftAboutInfo .Info a.mdBtn:hover {background:#f3f3f3; color:#222;border:1px solid #222; }
#mdPick .mdPickSlider { position:relative; float:right;width:84%; padding:10px; background: #fff; }
#mdPick p.ttl {font-size: 20px;display: inline-block;margin: 14% auto 3%;width: 100%;text-align: center;font-weight:500;}
#mdPick .mdPickContainer {  overflow:hidden;width:90%;margin: 0 auto; }
#mdPick .mdPickContainer .swiper-wrapper { padding: 20px 0; }
#mdPick .mdPickContainer .swiper-slide { width:23.8%;margin: 0 20px 0 0; }
#mdPick .mdPickContainer .swiper-slide a { display:block; }
#mdPick .mdPickContainer .swiper-slide .thumb { position:relative; overflow: hidden; }
#mdPick .mdPickContainer .swiper-slide .thumb img {width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#mdPick .mdPickContainer .swiper-slide .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
#mdPick .mdPickContainer .swiper-slide .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
#mdPick .mdPickContainer .swiper-slide .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
#mdPick .mdPickContainer .swiper-slide .prd-preview i { font-size: 24px; }
#mdPick .mdPickContainer .swiper-slide .listPic { width:100% }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listName { font-size: 16px; margin:17px 0 4px; }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .subname { color:#8e8d8d;line-height:18px; padding-bottom: 7px;font-size: 14px;}
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice { font-size: 16px;position:relative;margin:12px 0 0;}
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice del,
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice strike { color:#8e8d8d; font-weight: normal; font-size: 14px; margin: 0 8px; }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice .dcPercent { color:#d95115; font-size:16px;}
#mdPick .mdPickContainer .swiperBtn {color:#111;font-size: 27px;position:absolute;top:46%;text-align:center;background-image: none; z-index:11;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-next {right:20px;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-prev {left:20px;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-next:hover img { background:url('/design/jyj81133/13199/tem173/md_arrow_right_on.png') no-repeat; z-index:11;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-prev:hover img { background:url('/design/jyj81133/13199/tem173/md_arrow_left_on.png') no-repeat; z-index:11;}
#mdPick .mdPickContainer .swiper-scrollbar { width:100%;height: 2px; left:0; bottom:0; background: #dbdbdb;}
#mdPick .mdPickContainer .swiper-scrollbar-drag { background: #000;}

/* 인스타그램 */
.instargram { padding:60px 0; }
.instargram > ul > li:first-child { width:20% }
.instargram > ul > li { float:left; width:80% }
.instargram .ttl {position:relative; float:left;font-size:34px; font-weight:300;}
.instargram .ttl .btnFollow { }
.instargram .ttl .btnFollow a {display:block;line-height:35px; width:120px; height:35px; border-radius:20px;background:#222;color:#fff;font-size:16px;text-align:center;border:1px solid #222; margin:10px 0;-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.instargram .ttl .btnFollow a:hover { background:#fff;color:#222;border:1px solid #222; box-sizing: content-box; }
.instargram img { width:100%;}

@media (min-width:1200px) {
	#mdPick .leftAboutInfo { float:left; font-weight: 300; width:15%; }
	#mdPick .mdPickSlider { position:relative; float:right;width:80%; padding:10px; background: #fff; }
    .instargram > ul > li:first-child { width:22% }
	.instargram > ul > li { float:left; width:78% }

}


.prd-list .owl-carousel .owl-controls { text-align:center; }
.prd_list_more_btn { padding:10px 0 30px 0; text-align:center; }
.prd_list_more_btn a { display:inline-block; padding:2px 55px 0 55px; line-height:25px; border:1px solid #919191; border-radius:2px; font-weight:bold; color:#000; }

.mdPickSlider .swiper-slide .thumb em.rank { display:block; width:25px; height:25px; line-height:25px; text-align:center; position:absolute; top:0; left:0; font-size:17px; font-weight:bold; color:#fff; background:#767676; z-index:99; font-family:arial; }
.mdPickSlider .swiper-slide .thumb em.rank.top3 { background:#e43c1a; }

.tab-menu-outer .tab-ul { margin-top:20px; }
.tab-menu-outer .tab-ul li { margin:6px 0; font-size:18px; line-height:32px; color:#999; cursor:pointer; position:relative; }
.tab-menu-outer .tab-ul li.active { color:#000; }
.tab-menu-outer .tab-ul li.active:after { display:block; content:">"; position:absolute; top:0; right:0; color:#000; }
.tab-list-outer .tab-content.on { display:block !important; visibility:visible !important; height:auto !important; }
.tab-list-outer .tab-content { width:100%; visibility:hidden; height:0; overflow:hidden; }


/* #detailpage { position:fixed !important; } */
.item-wrap .item-cont .item-list .thumb { position:relative; }
.item-wrap .item-cont .item-list .thumb:hover .prd-preview { display:block !important; }
.item-wrap .item-cont .item-list .thumb .prd-preview a { background:url('/design/jyj81133/img_new/2025/icon_prd_list_cart.png') center center no-repeat; background-size:100%; 100%; width:24px; height:24px; }
body { position:static !important; }
/* BASIC css end */