/* BASIC css start */
/* BASIC css start */
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
.product-wrap > div > .items li a div.img{position: relative;}
.product-wrap > div > .items li a div.img .prd-price{width: 42px; height: 42px; background: #007aff; border-radius: 50%; line-height: 43px; position: absolute; top: 3px; left: 8px;}
.product-wrap > div > .items li a div.img .dc_per{font-size: 13px; font-family: 'Pretendard Variable', sans-serif; color: #fff;}
.product-wrap > div > .items li a div.img .pro_per{padding: 0 10px;
    height: 42px;
    background: #000;
    line-height: 43px;
    position: absolute;
    top: 8px;
    left: 8px;
    font-size: 13px;
    font-family: 'Pretendard Variable', sans-serif;
    color: #fff;}    
/* //롤링배너 */
.main h3 {font-size:18px; display: inline-block; margin:40px 0 40px 0; padding-top:6px; color: #000; font-family: 'Heebo','Noto Sans KR', sans-serif;    font-weight: bold; letter-spacing: 6px;}
.swiper-container-horizontal>.swiper-pagination-bullets, .swiper-pagination-custom, .swiper-pagination-fraction{left: 0px !important;}
.swiper-pagination-bullet {
    border-radius: 0 !important;
	background-color: #fff !important;
	display: inline-block !important;
	width: 26px !important;
	height: 3px !important;
	cursor: pointer !important;
	font-size: 0 !important;
	margin: 0 4px !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active {
	background-color: #929292 !important;
}
#midBnr{padding: 0px; clear:both;}
#midBnr .swiper-pagination {
    left: 50% !important;
    transform: translateX(-50%);
    width: 300px;
    bottom: 10;
}
#midBnr .swiper-pagination-bullet {
    background-color: #d0d0d0 !important;
}
#midBnr .swiper-pagination-bullet-active {
    background-color: #929292 !important;
}
#midBnr .swiper-container .swiper-pagination {
    left: 22px;
    width: 20%;
    bottom: 40px;
}
/*상품목록*/
.product-wrap{padding: 0 13px; text-align: center;}
.product-wrap > div > .items{font-size:15;}
.product-wrap > div > .items li{width: 47.42%;  display: inline-block; margin-left: 5px; margin-right: 5px; vertical-align: top; float: left; margin-bottom: 50px;}
.product-wrap > div > .items li:nth-child(2n){margin-right: 0;}
.product-wrap > div > .items li a div.img img{width: 100%;}
.product-wrap > div > .items li a div.info{text-align: center; margin: 7px 0 10px;}
.product-wrap > div > .items li a div.info .prd-name{color: #000;font-size: 15px;padding-bottom: 10px;letter-spacing: -0.04em;}
.prd-subname {
    color: #a8a8a8;
    font-size: 11px;
    padding-bottom: 7px;
    letter-spacing: -0.04em;
}

.prd-subname>div { overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical; }
.product-wrap > div > .items li a div.info .prd-price{    font-family: 'Pretendard Variable', sans-serif;}
.product-wrap > div > .items li a div.info .prd-price .consumer{color: #ccc;font-size: 15px;font-weight: bold;}
.product-wrap > div > .items li a div.info .prd-price .normal{color: #000;font-size: 17px; font-weight: bold; margin-left: 3px; margin-right: 3px;}
.new_pro_area > div > .items li a div.info .prd-price .normal{margin-right: 7;}
.btn_moreGray{width: 186px;
    height: 50px;
    line-height: 50px;
    color: #000;
    font-size: 16px;
    font-family: 'Noto Sans KR','Lato', sans-serif;
    font-weight: normal;
    background: #fff;
    border: 1px solid #000;}
.listSoldout{    color: #ccc;
    font-size: 17px;
    font-family: 'Heebo','Noto Sans KR', sans-serif;}
.more{margin-bottom: 70px;clear: both;}

/* 인스타 */
.instagram{text-align: center; background: #f7f7f7; padding: 80px 0; clear: both;}
.instagram .title p{color: #272727; font-family: 'Heebo','Noto Sans KR', sans-serif; font-size: 22px; font-weight: bold; letter-spacing: 4px;}
.instagram .title span{color: #b2b2b2; font-size: 16px; font-family: 'Heebo','Noto Sans KR', sans-serif; margin: 22px 0 33px; display: block; font-weight: bold; letter-spacing: 1px;}

#footer{border-top:0 !important;}


.product-wrap > div > .items li .desc_icon{/* position: absolute; *//* bottom: 27px; *//* left: 50%; *//* transform: translateX(-50%); */}
.product-wrap > div > .items li .desc_icon>div {display:inline-block;vertical-align:top;margin:0 11px;width: 20px;}
.product-wrap > div > .items li .desc_icon>div img { width:100%; }
.product-wrap > div > .items li .prd-wish img.wish_yes { display:none; }
.product-wrap > div > .items li .prd-wish .wish-on img.wish_yes { display:inline-block; }
.product-wrap > div > .items li .prd-wish .wish-on img.wish_no {display:none;}
span.MK-product-icons {
    margin-right: 5px;
}



/* 이미지 전환을 위한 CSS */
.swiper-slide img {
  width: 100%;  /* 이미지 너비는 항상 화면 크기에 맞춤 */
  height: auto;  /* 이미지의 높이는 자동으로 조정 */
  object-fit: cover;  /* 이미지가 배너 영역을 꽉 채우도록 비율 유지 */
  transform: scale(1.05);  /* 초기 이미지 크기를 5% 크게 설정 */
  transition: transform 4s ease;  /* 줌 아웃 효과 적용 */
}

/* 활성화된 이미지에만 줌 아웃 효과를 주는 클래스 */
.swiper-slide-active img {
  transform: scale(1);  /* 이미지 크기를 원래 크기(1배)로 설정 */
  transition: transform 4s ease; /* 줌 아웃 효과가 4초 동안 천천히 진행 */
}

/* 작은배너 확대안되게 (부모 컨테이너에 .no-zoom이 있는 경우) */
#midBnr.no-zoom .swiper-slide img {
    transform: scale(1); /* 원래 크기로 */
    opacity: 1; /* 기본적으로 보이게 */
    transition: none; /* 확대/축소 애니메이션 제거 */
}





/* BASIC css end */