/* 공통 pageing */

.custSlide .slick-dots {width:100%; padding:20px 0; text-align:center;}
.custSlide .slick-dots li {display:inline-block; width:8px; height:8px; margin:5px; border-radius:50px; background:#ccc; vertical-align:middle;}
.custSlide .slick-dots li button{display:none; }
.custSlide .slick-dots li.slick-active {width:12px; height:12px;   background:#555; }


/* 상단우측배너 pageing */
.custDot .slick-dots {position:absolute; top:75%; right: 10%; width:100%; padding:5px 0; text-align: right;}
.custDot .slick-dots li {display:inline-block; width:4px; height:4px; margin:3px; border-radius:50px; background:#fff; vertical-align:middle;}
.custDot .slick-dots li button{display:none; }
.custDot .slick-dots li.slick-active {width:6px; height:6px; background:#ff9800; }


/* 팝업 pageing */
.slick_popup .slick-dots {position:absolute; top:90%; width:100%; padding:10px 0; text-align:center;}
.slick_popup .slick-dots li {display:inline-block; width:6px; height:6px; margin:3px; border-radius:50px; background:#ccc; vertical-align:middle;}
.slick_popup .slick-dots li button{display:none; }
.slick_popup .slick-dots li.slick-active {width:9px; height:9px;   background:#555; }


/* 공통 custom next/prev arrow */
.custSlide .slick-prev {position:absolute; top:50%; left:-22px; background:url('/shopimages/images/icon/arrow_prev.png') no-repeat 50% 50%; }
.custSlide .slick-next {position:absolute; top:50%; right:-22px; background:url('/shopimages/images/icon/arrow_next.png') no-repeat 50% 50%;}
.custSlide .slick-prev,
.custSlide .slick-next {width:44px; height:44px; margin-top:-22px; background-color:#fff; color:rgba(255,255,255,0.5); opacity:1; border:#ccc solid 1px;  box-shadow: 0px 1px 5px -1px #ccc; z-index:1;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;

	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;

}
.custSlide:hover .slick-prev,
.custSlide:hover .slick-next {opacity:1;}
.custSlide .slick-prev:hover{background:url('/shopimages/images/icon/arrow_prev.png') no-repeat 30% 50%; background-color:#fff; color:rgba(255,255,255,1); border:#999 solid 1px; }
.custSlide .slick-next:hover {background:url('/shopimages/images/icon/arrow_next.png') no-repeat 70% 50%; background-color:#fff; color:rgba(255,255,255,1); border:#999 solid 1px; }



/* 팝업 custom next/prev arrow  */
.slick_popup .slick-prev {position:absolute; top:50%; left:-44px; background:url('/shopimages/images/icon/arrow_prev.png') no-repeat 50% 50%; }
.slick_popup .slick-next {position:absolute; top:50%; right:-44px; background:url('/shopimages/images/icon/arrow_next.png') no-repeat 50% 50%;}
.slick_popup .slick-prev,
.slick_popup .slick-next {width:44px; height:44px; margin-top:-22px; background-color:rgba(255,255,255,0.5); color:rgba(255,255,255,0.5);  border:rgba(0,0,0,0) solid 1px; box-shadow: 0;  opacity:0.5; z-index:1;
	transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	-moz-transition:all 0.3s ease;
	-ms-transition:all 0.3s ease;
	-o-transition:all 0.3s ease;

	border-radius:50%;
	-webkit-border-radius:50%;
	-moz-border-radius:50%;
	-ms-border-radius:50%;
	-o-border-radius:50%;

}
.slick_popup:hover .slick-prev{opacity:1; position:absolute; top:50%; left:10px; }
.slick_popup:hover .slick-next {opacity:1; position:absolute; top:50%; right:10px; }
.slick_popup .slick-prev:hover{background:url('/shopimages/images/icon/arrow_prev.png') no-repeat 30% 50%; background-color:#fff; color:rgba(255,255,255,1); border:rgba(0,0,0,0.3) solid 1px;  }
.slick_popup .slick-next:hover {background:url('/shopimages/images/icon/arrow_next.png') no-repeat 70% 50%; background-color:#fff; color:rgba(255,255,255,1); border:rgba(0,0,0,0.3) solid 1px;  }