/* BASIC css start */
/* BASIC css start */
/* BASIC css start */
/* 메인 비쥬얼 배너 */
#contentWrapper{padding-top:0 !important; }
#mainSpot { position:relative; width:100%; min-width:1100px; height:500px; overflow:hidden }
#mainSpot .inner { margin-left:-1000px; position:absolute; top:0; left:50%; right:0; width:2000px; height:500px }
#big .swiper-pagination-bullet {
    border-radius: 0 !important;
	background-color: #fff !important;
	display: inline-block !important;
	width: 30px !important;
	height: 3px !important;
	cursor: pointer !important;
	font-size: 0 !important;
	margin: 0 4px !important;
	opacity: 1 !important;
}
#big .swiper-pagination-bullet-active {
	background-color: #929292 !important;
}

/* 이미지 배너 */
.imgBanner { margin:30px auto 0; position:relative; width:1100px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:10px; float:left }

/* 상품목록 타이틀 */
.cateTit{padding: 100px 0 60px;}
.cateTit h3{ font-size: 22px; color: #000; letter-spacing: 6px; font-family: 'Heebo','Noto Sans KR', sans-serif;}

/* 상품 목록 영역 */
.product-wrap { margin:0 auto; position:relative; width:1260px; padding-bottom: 70px;}
.item-wrap{width: 1260px;}
.item-wrap .item-cont{width: 1260px;overflow: hidden;font-size: 0;box-sizing: border-box;}
.item-wrap .item-cont .item-list{ width: 18.09%; padding-right: 30px;}
.item-wrap .item-cont .item-list:nth-child(5){padding-right: 0;}
.item-wrap .item-cont .item-list .thumb{ width: 100%; height: auto;}
.item-wrap .item-cont .item-list .thumb img{width: 100%;height: auto;}
.item-wrap .item-cont .item-list .prd-info{padding: 30px 0 0;}
.item-wrap .item-cont .item-list .prd-name a{    color: #272727;
    font-size: 15px; font-family:"맑은 고딕",'Malgun Gothic','Noto Sans KR', sans-serif}
.item-wrap .item-cont .item-list .prd-subname{
    padding-top: 0;
    border-top: 0;
    color: #a8a8a8;
    font-size: 13px;
    text-align: center;
    margin-top: 0;
    }
.item-wrap .item-cont .item-list .prd-price{padding: 10px 0 10px;font-family: 'Pretendard Variable', sans-serif;}
.item-wrap .item-cont .item-list .prd-price .price{color: #272727;
    font-size: 16px;
    font-weight: bold;margin-right: 10px;}
.item-wrap .item-cont .item-list .prd-price strike{
    color: #ccc;
    /* font-size: 18px; */
    /* font-weight: bold; */
    }
.new_item_wrap .item-cont .item-list{width: calc((100% - 90px) / 4);margin: 0 30px 60px 0;position: relative;padding: 0;}
.new_item_wrap .item-cont .item-list:nth-child(4n){margin: 0;}

/* 서브배너 */
.sub{width: 1260px; margin:0 auto;}
.sub .left{float: left; width: 617px;}
.sub .left .swiper-container .swiper-pagination{left: 22px; width: 30%; bottom: 40px;}
.sub .left .swiper-pagination-bullet{background-color:#d0d0d0 !important;}
.sub .left .swiper-pagination-bullet-active{background-color:#929292 !important;}
.sub .right{float: right; width: 620px;}
.sub .right .align{text-align: right;}
.sub .right .align li:first-child{margin-bottom: 25px;}

/* 상품 정보 */
.new_item_wrap .item-cont .item-list .prd-info {position: relative;/* top: 0; *//* right: 0; *//* left: 0; *//* bottom: 0; *//* background-color: rgba(0, 0, 0, 0.5); *//* opacity: 0; *//* padding:0; */}
.new_item_wrap .item-cont .item-list .prd-info.act {opacity: 1;}
.new_item_wrap .item-cont .item-list .prd-info ul{/* top: 50%; *//* position: absolute; *//* transform: translateY(-50%); *//* text-align: center; *//* left: 0; *//* right: 0; */}
.new_item_wrap .item-cont .item-list .prd-info ul li.prd-name {color: #000;font-size: 16px;/* border-bottom: 1px solid #8a8a8a; */padding-bottom: 18px;display: inline-block;font-family: "Pretendard Variable";font-weight: bold;letter-spacing: -1px;padding-top: 0;}
.new_item_wrap .item-cont .item-list .prd-info ul li.prd-price{padding: 19px 0 0;color: #e43737; font-size: 18px;}
.new_item_wrap .item-cont .item-list .prd-info ul li.prd-price p{display: inline-block; margin-right: 5px; font-weight: bold; font-size: 16px; font-family:"나눔 고딕",'Nanum Gothic', sans-serif}
.new_item_wrap .item-cont .item-list .prd-info ul li.prd-price span{color: #000;font-size: 20px;letter-spacing: -0.025em;margin-right: 0;font-weight: 700;}
.new_item_wrap .item-cont .item-list .prd-info .desc_icon{/* position: absolute; *//* bottom: 27px; *//* left: 50%; *//* transform: translateX(-50%); */margin-top: 25px;}
.new_item_wrap .item-cont .item-list .prd-info .desc_icon>div { display:inline-block; vertical-align:top; margin:0 11px; }
.new_item_wrap .item-cont .item-list .prd-info .desc_icon img{cursor:pointer;}
.new_item_wrap .item-cont .item-list .prd-info .desc_icon img:first-child {  }
.new_item_wrap .item-cont .item-list .thumb .dc{position: absolute; top: 15px; left: 15px; height: 60px; background: #004aff; color: #fff; line-height: 60px;  border-radius: 50%;  font-size: 20px; font-family: 'Pretendard Variable', sans-serif;}
.new_item_wrap .item-cont .item-list .thumb .dc .dc_per{width: 60px; display: block;}
.new_item_wrap .item-cont .item-list .thumb .dc .pro_per{padding: 0 13px;}

/* 인스타 */
.insta_area{text-align: center; padding-bottom: 89px;}
.insta_area .cateTit{padding: 80px 0 35px;}
.insta_area .cateTit h2{font-size: 22px;letter-spacing: 13px; font-family: 'Heebo','Noto Sans KR', sans-serif; font-weight: bold;}
.insta_area .cateTit h2 img{margin-right: 22px;}
.insta_area .cateTit p{font-size: 15px; color: #999; margin-top: 6px; font-family: 'Lato', 'Noto Sans KR', sans-serif; letter-spacing: 1px;}

/* 메인 롤링이미지 */
#big {
	position: relative; 
	width: 100% !important;
}

#big .swiper-button-prev {
    position: ;
    left: 150px;
    z-index: 10;
    background-image: url(/design/mariand/13593/codilab/daylight/pc/img/slide_left.gif) !important;
    background-size: cover;
    width: 31px;
    height: 61px;
}
#big .swiper-button-next {
    position: absolute;
    right: 150px;
    z-index: 10;
    background-image: url(/design/mariand/13593/codilab/daylight/pc/img/slide_right.gif) !important;
    background-size: cover;
    width: 31px;
    height: 61px;
}


#big .swiper-button-next:after,#big .swiper-button-prev:after{font-size:0}


#big .swiper-button-prev i, #big .swiper-button-next i {
	opacity: 0;
}
.swiper-pagination-bullet {
    border-radius: 0 !important;
	background-color: #969696 !important;
	display: inline-block !important;
	width: 25px !important;
	height: 3px !important;
	cursor: pointer !important;
	font-size: 0 !important;
	margin: 0 5px !important;
	opacity: 1 !important;
}
.swiper-pagination-bullet-active {
	background-color: #000 !important;
}

/*서브배너 슬라이더 버튼맞춤*/


#big .swiper-pagination {
	position: absolute;
	bottom: 15px;
	z-index: 10;
}


#big .swiper-slide img{}
.new_item_wrap .item-cont .item-list .prd-info ul li.prd-price span.listPrice {
    margin-right: 8px; 
}

.new_item_wrap .item-cont .item-list .prd-info ul li.prd-price span.consumer {
    font-size: 18px;
    color: #ccc;
}



.item-wrap .item-cont .item-list .prd-wish img.wish_yes { display:none; }
.item-wrap .item-cont .item-list .prd-wish .wish-on img.wish_yes { display:inline-block; }
.item-wrap .item-cont .item-list .prd-wish .wish-on img.wish_no {display:none;}


.more_btn { width:128px; height:42px; margin:0 auto; border:1px solid #ccc; box-sizing:border-box; margin-top:20px;}
.more_btn a { display:block; width:100%; height:100%; }
.more_btn button { width:100%; height:100%; line-height:44px; background:#fff; color:#000; font-weight:400; font-size:14px; letter-spacing:-0.025em;  }

.new_item_wrap .item-cont .item-list .prd-info ul li.prd-price span.MK-product-icons {

    margin-right: 0px;
    display: inline-block;
}



.special-product-icons {
  margin-bottom: 5px;
    }


.page_slide .swiper-pagination {
    left: 50%;
    transform: translateX(-50%);
    margin-top: 15px;
}




/* 기본 상태: 이미지가 10% 확대 상태 */
.swiper-slide img {
    width: 100%;
    height: auto;
    transform: scale(1.05); /* 5% 확대 */
    opacity: 1; /* 기본적으로 보이지 않음 */
    transition: transform 4s ease, opacity 1s ease; /* 줌아웃은 4초 동안, 페이드 효과는 1초 */
}

/* 활성 슬라이드: 원래 크기로 복원 */
.swiper-slide-active img {
    transform: scale(1); /* 원래 크기로 복원 */
    opacity: 1; /* 완전히 보이게 */
}


/* 5개 이미지 슬라이드에만 적용 (부모 컨테이너에 .no-zoom이 있는 경우) */
#midBnr.no-zoom .swiper-slide img {
    transform: scale(1); /* 원래 크기로 */
    opacity: 1; /* 기본적으로 보이게 */
    transition: none; /* 확대/축소 애니메이션 제거 */
}





/* BASIC css end */