/* 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: 'Pretendard-Regular','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;}
.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: 50px 0 60px;}
.item-wrap .item-cont .item-list .prd-name a{    color: #272727;
    font-size: 15px; font-family:'Pretendard-Regular',"맑은 고딕",'Malgun Gothic','Noto Sans KR', sans-serif}
.item-wrap .item-cont .item-list .prd-subname{margin-top: 11px;
    padding-top: 0;
    border-top: 0;
    color: #a8a8a8;
    font-size: 13px;
    text-align: center; font-family:'Pretendard-Regular',"맑은 고딕",'Malgun Gothic','Noto Sans KR', sans-serif}
.item-wrap .item-cont .item-list .prd-price{padding: 16px 0 10px; font-family: 'Pretendard-Regular','Josefin Sans', 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: 16px;
    font-weight: bold;}
.new_item_wrap .item-cont .item-list{ width: 30.95%; margin: 0 30px 30px 0; position: relative; padding: 0;}
.new_item_wrap .item-cont .item-list:nth-child(3n){margin: 0;}

/* 서브배너 */
.sub{width: 1260px; margin:0 auto;}
.sub .left{float: left; width: 617px;}
.sub .left .swiper-container .swiper-pagination{left: 22px; width: 20%; 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: absolute; 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: #fff; font-size: 20px; border-bottom: 1px solid #8a8a8a; padding-bottom: 20px; display: inline-block; font-family:'Pretendard-Regular',"맑은 고딕",'Malgun Gothic','Noto Sans KR', sans-serif; font-weight: bold;}
.new_item_wrap .item-cont .item-list .prd-info ul li.prd-price{padding: 22px 0 0; color: #fff; 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: #fff; font-size: 18px; letter-spacing: 1px; margin-right: 0;}
.new_item_wrap .item-cont .item-list .prd-info .desc_icon{position: absolute; bottom: 27px; left: 50%; transform: translateX(-50%);}
.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{margin-right: 20px;}
.new_item_wrap .item-cont .item-list .thumb .dc{position: absolute; top: 0; right: 0; height: 60px; background: #000; color: #fff; line-height: 60px; font-size: 18px; font-family: 'Pretendard-Regular','Josefin Sans', 'Noto Sans KR', 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: 'Pretendard-Regular','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: 'Pretendard-Regular','Lato', 'Noto Sans KR', sans-serif; letter-spacing: 1px;}

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

#big .swiper-button-prev {
    position: absolute;
    left: 150px;
    z-index: 10;
    background-image: url(/design/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/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{}

#contentWrapper {
    padding-top: 180px !important;
    
/* 메인 배너 슬라이더 규격 및 정렬 강제 교정 */
#big.swiper-container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 auto !important; /* 중앙 정렬 */
    overflow: hidden !important;
    position: relative !important;
}

#big .swiper-wrapper {
    display: flex !important;
    align-items: center !important;
}

#big .swiper-slide {
    text-align: center !important;
    display: flex !important;
    justify-content: center !important;
    align-items: center !important;
}

#big .swiper-slide img {
    width: 100% !important;
    height: auto !important;
    max-width: 100% !important;
    display: block !important;
    margin: 0 auto !important; /* 이미지 자체 중앙 정렬 */
/* BASIC css end */