/* 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 °ª */
}


.rank { position:absolute; top:3px; left:3px;  opacity: 0.7; filter: alpha(opacity=70); /* For IE8 and earlier */  z-index:2; }
.rank .box { width:50px;height:50px;text-align:center; line-height:50px; background:#fff; color:#333; border-radius:0%; font-size:11px; border:1px solid #999; -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;}
.rank .first {background:#000; color:#fff; }
.item-box:hover .rank .box {background-color:#000; color:#fff; opacity: 1; filter: alpha(opacity=100);  }


#prd-w100 {width:100%; background-color: #fff;margin:0px auto 0px ; padding:40px 0 30px; }
#prd-w100 h2 { padding-bottom: 30px; text-align:center; font-size:20px; color: #777;  font-weight:bold; text-transform: uppercase;letter-spacing: 10px;     font-family: 'Roboto', sans-serif; }


#prd-section02  { width:1400px; 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:1400px;  margin:0 auto;  }








 .best_silde {  width:1400px; 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:20px;height:20px;font-size:0;top:40%;margin-top:-25px;outline: none;padding:0;border:0; opacity:1; filter:alpha(opacity=100);background:transparent; z-index:2;}   /* È­»ìÇ¥ óÀ½À§Ä¡ */

 .best_silde .slick-prev{ left:-50px;background:url(/design/schtak/wiz2022/arr_left.png) 50% 50% no-repeat; }   /* ÀÌÀüÈ­»ìÇ¥ À̹ÌÁö°æ·Î */
 .best_silde .slick-next{right:-50px;background:url(/design/schtak/wiz2022/arr_right.png) 50% 50% no-repeat; }  /* ´ÙÀ½È­»ìÇ¥ À̹ÌÁö°æ·Î */

 .best_silde:hover .slick-prev{ left:-50px;  } /* ÀÌÀü¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */
 .best_silde:hover .slick-next{ right:-50px; }  /* ´ÙÀ½¸¶¿ì½º¿À¹ö½Ã À§Ä¡ */

 .best_silde .slick-prev:hover{ opacity:1; filter:alpha(opacity=100);}  /* ÀÌÀüÈ­»ìÇ¥ ¸¶¿ì½º¿À¹ö½Ã È¿°ú */
 .best_silde .slick-next:hover{ 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 */