/* BASIC css start */
.sub-tit { width:100%; margin:0px auto 0 ; text-align:center;  }

#prd-content { width:100%; margin:0px auto 0 ; }

/* 동영상 */

.video { text-align:center; width:1300px; position: relative; height:731.25px; margin:0 auto;}

.background {
        bottom: 0;
	left: 0;
	overflow: hidden; /* blur 처리 후 튀어나온거 잘라냄 */
	position: absolute;
	right: 0;
	top: 0;
	z-index: -1; /* 배경으로 만들기 위해 맨 뒤로 보냄 */
      
}
.background-video {
	bottom: -9999px; /* 가로세로 가운데 중앙 정렬 */
	filter: blur(0rem); /* 가우시안 블러 */
	height: 110vw; /* viewport-width 값 */
	left: -9999px; /* 가로세로 가운데 중앙 정렬 */
	margin: auto; /* 가로세로 가운데 중앙 정렬 */
	position: absolute;
	right: -9999px; /* 가로세로 가운데 중앙 정렬 */
	top: -9999px; /* 가로세로 가운데 중앙 정렬 */
	width: 100vw; /* viewport-width 값 */
}



#prd-w100 {width:100%; background-color: #fff;margin:0px auto 0 ; border-top:0px solid #eee; border-bottom:1px solid #eee; padding:40px 0 30px; }
#prd-w100 h2 { padding-bottom: 30px; text-align:center; font-size:18px; color: #333;  font-weight:bold;  }


#prd-section02  { width:1300px; padding:30px 0  }



.item .item_box .besttit { position:absolute; top:3px; left:3px;  opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */  z-index:2; }
.item .item_box .besttit .box { width:50px;height:50px;line-height:50px; text-align:center; background:#000; color:#F4F4F4; border-radius:50%; font-size:11px; font-weight:normal; }
.item .item_box .besttit .box:nth-child(1) { background:#000; color:#F4F4F4; }
.item .item_box:hover .besttit .box {background-color:#b79c65; color:#fff; }




#prdBrand { position: relative; width:1300px;  margin:0 auto;  }



/* ====== 분류페이지 중분류코드 ====== */

.prd-smenu { }
.prd-smenu .cate-sort { margin:50px 0 ;  text-align:left;    }
.prd-smenu .cate-sort li { display:inline-block; *display:inline; padding-right:10px; }
.prd-smenu .cate-sort li a { display:block; color:#999; font-size: 11px; background:#fff;  width:100px; padding:10px; border:1px solid #F0F0F0; font-weight: none; /* -webkit-transition :all 0.3s ease;-khtml-transition :all 0.3s ease;-moz-transition :all 0.3s ease;-ms-transition :all 0.3s ease;-o-transition :all 0.3s ease;transition :all 0.3s ease; */ }
.prd-smenu .cate-sort li a:hover{ background-color:rgba(20,20,20,0.9); color:#fff  }
.prd-smenu .cate-sort .all a { background-color:rgba(20,20,20,0.1); width:100px; padding:10px; color:#333; font-weight: bold; }
.prd-smenu .cate-sort .all:hover a { background-color:rgba(20,20,20,0.9); color:#fff }

.prd-smenu .sel { display:block; color:#fff !important ; background-color:rgba(20,20,20,0.9) !important ; color:#fff   font-weight: bold;  }



 .best_silde {  width:1300px; margin:0 auto; border:0px solid #000; position:relative;}
 .best_silde .s-item { position:relative;display:block; /* height:px; */  }
 .best_silde .s-item img { width: auto; /* height:px; */   }

 .best_silde .slick-slider {position: relative;display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-touch-callout: none;-webkit-user-select: none;-khtml-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none;-ms-touch-action: pan-y;touch-action: pan-y;-webkit-tap-highlight-color: transparent;}
 .best_silde .slick-slider:hover .slick-next, .best_silde .slick-slider:hover .slick-prev{display:block !important;}
 .best_silde .invisible{visibility: hidden;}
 .best_silde .slick-list{position: relative;overflow: hidden;display:block;margin:0;padding:0;}
 .best_silde .slick-list:focus{outline: none;}
 .best_silde .slick-list.dragging{cursor: pointer;cursor: hand;}
 .best_silde .slick-slider .slick-track, .slick-slider .slick-list{-webkit-transform: translate3d(0,0,0);-moz-transform: translate3d(0,0,0);-ms-transform: translate3d(0,0,0);-o-transform: translate3d(0,0,0);transform: translate3d(0,0,0);}
 .best_silde .slick-track{position: relative;left:0;top:0;display:block;}
 .best_silde .slick-track:before,.slick-track:after{content: "";display: table;}
 .best_silde .slick-track:after{clear:both;}
 .best_silde .slick-loading .slick-track{visibility: hidden;}
 .best_silde .slick-slide{float: left;height:100%;min-height:1px;display: none;}
[dir="rtl"] .best_silde .slick-slide {   float: right; }
 .best_silde .slick-slide img{  }
 .best_silde .slick-slide.slick-loading img{display: none;}
 .slick-slide.dragging img{pointer-events: none;}
 .slick-initialized .slick-slide {display:block;}
 .best_silde .slick-loading .slick-slide{visibility: hidden;}
 .best_silde .slick-vertical .slick-slide{display:block;height:auto;border:1px solid transparent;}

 .best_silde .slick-prev, .best_silde .slick-next{position:absolute;display:block !important;cursor: pointer;width:32px;height:60px;font-size:0;top:40%;margin-top:-25px;outline: none;padding:0;border:0; opacity:0.7; filter:alpha(opacity=70);background:transparent; z-index:2;}   /* 화살표 처음위치 */

 .best_silde .slick-prev{ left:-40px;background:url(/design/d4-0276/wizdesign/slide_prev.png) 50% 50% no-repeat; }   /* 이전화살표 이미지경로 */
 .best_silde .slick-next{right:-40px;background:url(/design/d4-0276/wizdesign/slide_next.png) 50% 50% no-repeat; }  /* 다음화살표 이미지경로 */

 .best_silde:hover .slick-prev{ left:-50px;  } /* 이전마우스오버시 위치 */
 .best_silde:hover .slick-next{ right:-50px; }  /* 다음마우스오버시 위치 */

 .best_silde .slick-prev:hover{background:url(/design/d4-0276/wizdesign/slide_prev.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 이전화살표 마우스오버시 효과 */
 .best_silde .slick-next:hover{background:url(/design/d4-0276/wizdesign/slide_next.png) 50% 50% no-repeat; opacity:1; filter:alpha(opacity=100);}  /* 다음화살표 마우스오버시 효과 */

 .best_silde .slick-prev, .best_silde .slick-next{-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;}
 .best_silde .slick-slider{margin-bottom:0;}


 .best_silde .slick-dots{  position:absolute;bottom:0px;left:-0px;padding:0;display:block;list-style: none;display:block;text-align:center;width:100%; border:0px solid #000; }
 .best_silde .slick-dots li{position: relative;display: inline-block;margin:0 4px;padding:0;cursor: pointer;}
 .best_silde .slick-dots li button{border:0;background: transparent;display:block;outline: none;line-height:0;font-size:0;color: transparent;padding:0;cursor: pointer;}
 .best_silde .slick-dots li button:hover,.slick-dots li button:focus{outline: none;}
 .best_silde .slick-dots li button:hover:before,.slick-dots li button:focus:before{opacity:1;}
 .best_silde .slick-dots li button:before{display:block;width:10px;height:10px;content: "";;background:#888; border-radius:100px;border:0px solid #888;font-size:0;text-align:center;color: white;opacity:1;-o-transition:0.3s !important;-ms-transition:0.3s !important;-moz-transition:0.3s !important;-webkit-transition:0.3s !important;transition:0.3s !important;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing: grayscale;}
 .best_silde .slick-dots li.slick-active button:before {   background:#333; width:10px;  /* 도트사이즈 */ opacity: 1; }  /* 현재도트사이즈 */

/* BASIC css end */