/* Slider */
.slick-slider
{
    position: relative;
    display: block;
    box-sizing: border-box;
	
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
            user-select: none;

    -webkit-touch-callout: none;
    -khtml-user-select: none;
    -ms-touch-action: pan-y;
        touch-action: pan-y;
    -webkit-tap-highlight-color: transparent;
}

.slick-list
{
    position: relative;

    display: block;
    overflow: hidden;

    margin: 0;
    padding: 0;
}
.slick-list:focus
{
    outline: none;
}
.slick-list.dragging
{
    cursor: pointer;
    cursor: hand;
}

.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);
}

.slick-track
{
    position: relative;
    top: 0;
    left: 0;

    display: block;
    margin-left: auto;
    margin-right: auto;
}
.slick-track:before,
.slick-track:after
{
    display: table;

    content: '';
}
.slick-track:after
{
    clear: both;
}
.slick-loading .slick-track
{
    visibility: hidden;
}

.slick-slide
{
    display: none;
    float: left;

    height: 100%;
    min-height: 1px;
}
[dir='rtl'] .slick-slide
{
    float: right;
}
.slick-slide img
{
    display: block;
}
.slick-slide.slick-loading img
{
    display: none;
}
.slick-slide.dragging img
{
    pointer-events: none;
}
.slick-initialized .slick-slide
{
    display: block;
}
.slick-loading .slick-slide
{
    visibility: hidden;
}
.slick-vertical .slick-slide
{
    display: block;

    height: auto;

    border: 1px solid transparent;
}
.slick-arrow.slick-hidden {
    display: none;
}


/* hit_item Style */
.slickWrapH { position:relative; width:100%; margin:0 0 20px; padding:0; }
.slickWrapH:after,.slickWrapH .g_Btitle:after { content:''; display:block; clear:both; }
.slickWrapH .g_Btitle { position:relative; display:block; width:100%; height:50px; padding:15px 0 5px; color:#000; text-align:center; overflow:hidden; letter-spacing:-1px; background:#ffcccb;}
.slickWrapH .g_Btitle .title_txt { color:#fa2222; font-weight:900; line-height:22px; padding-right:5px; }
.slickWrapH .g_Btitle .titleS { font-size:13px; font-weight:normal; padding-top:10px; }
.slickWrapH .Arrows { position:absolute; width:90%; top:15px; left:5%; z-index:20; }
.slickWrapH .Slick-Next,
.slickWrapH .Slick-Prev {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  border:1px solid #cbcbcb;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  border-radius:50%;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  color: #222;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.slickWrapH .Slick-Prev { position:absolute; left:0; }
.slickWrapH .Slick-Next { position:absolute; right:0; }

.slickWrapH .Slick-Next:before {
  content:"";    
}

.slickWrapH .Slick-Prev:before {
  content:"";
}

.slickWrapH .Slick-Next img,
.slickWrapH .Slick-Prev img { width:35px; height:35px; margin-top:2px;}

.slickWrapH .slide_goodsIn {
  margin: 0 auto;
  padding:0 1% 10px;
  background:#ffcccb;  
}

.slickWrapH .slide_goodsIn .slide_cate_best {  
  margin:0 auto;
  width:98%;
  background:#fff;
  padding:10px 0px;
  overflow:hidden;
}

.slickWrapH .slideBlockH {
  position:relative;
  width:30%;
  margin:0px;
  border:2px solid #fff;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  overflow:hidden; 
}

.slickWrapH .slick-slide {
  margin:0px;  
  padding:5px;
  opacity: 0.8; -ms-opacity:0.8; -webkit-opacity:0.8; -moz-opacity:0.8;
  transition: all 0.2s ease;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transform: scale(0.9);
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9);  
}
		
.slickWrapH .slick-current {
  width:35%;  
  opacity: 1; -ms-opacity:1; -webkit-opacity:1; -moz-opacity:1;
  border:2px solid #f23322;
  transform: scale(1.0);
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);  
}

.mdBest_label { display:none; position:absolute; top:5px; left:5px; }
.slideBlockH.slick-current .mdBest_label { display:block; position:absolute; top:-5px; left:-5px; z-index:2; }
.slideBlockH.slick-current .mdBest_label img { width:60px; height:60px; }

.slide_imgH {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}
.slide_imgH dl { margin-block-start:0em; margin-block-end:0em; margin-inline-start:0px; margin-inline-end:0px;}

.slide_imgH img {
  width:100%;
  height: auto;
  position: relative;
  display: inline-block;
  margin:0 auto;
  border:1px solid #ddd;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

.slide_imgH a .prd_disc { display:block; margin-top:10px; padding:0 10px; line-height:1.3em; font-size:12px; }
.slide_imgH .prd_thumb { margin-bottom:3px;}
.slide_imgH .prd_code { color:#5d99dc; font-size:12px; margin-bottom:5px; border-bottom:1px solid #ddd; padding-bottom:3px; }
.slide_imgH .prd_name { color:#414141; display:block; height:32px; font-size:12px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; }
.slide_imgH .prd_price { color:#d01212; font-weight:bold; line-height:25px; }



/* item_slide */
.slickWrap { position:relative; width:100%; margin:0; padding:0; }
.slickWrap:after,.slickWrap .g_Btitle:after { content:''; display:block; clear:both; }
.slickWrap .g_Btitle { position:relative; display:block; width:100%; color:#000; font-size:18px; font-weight:700; text-align:center; overflow:hidden; letter-spacing:-1px;}
.slickWrap .g_Btitle .title_txt { color:#1189c1; font-size:18px; font-weight:700; line-height:22px; padding-right:5px; }
.slickWrap .g_BtitlePLbg { position:relative; display:block; width:100%; color:#000; text-align:center; overflow:hidden; letter-spacing:-1px; font-size:18px; font-weight:700;
  background: repeating-linear-gradient(-45deg, transparent, transparent 2px, #d1d1d1 4px, transparent 6px) repeat-x;
  background: -moz-repeating-linear-gradient(-45deg, transparent, transparent 2px, #d1d1d1 4px, transparent 6px) repeat-x;
  background: -webkit-repeating-linear-gradient(-45deg, transparent, transparent 2px, #d1d1d1 4px, transparent 6px) repeat-x;
  background-size:100% 12px;
  background-position:0 5px; 
}
.slickWrap .g_BtitlePLbg .title_txtR { color:#fa2222; font-size:18px; font-weight:700; line-height:22px; padding-right:5px; }
.slickWrap .Arrows { position:absolute; width:100%; top:45%; left:0; z-index:20; }
.slickWrap .Slick-Next,
.slickWrap .Slick-Prev {
  display: inline-block;
  width: 30px;
  height: 35px;
  background: #fff;
  border:1px solid #cbcbcb;
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  color: #222;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.slickWrap .Slick-Prev { position:absolute; left:0; }
.slickWrap .Slick-Next { position:absolute; right:0; }

.slickWrap .Slick-Next:before {
  content:"";    
}

.slickWrap .Slick-Prev:before {
  content:"";
}

.slickWrap .Slick-Next img { width:30px; height:30px; margin:-2px 5px 0 0;}
.slickWrap .Slick-Prev img { width:30px; height:30px; margin:-2px 0 0 -5px;}

.slickWrap .slideBlock {
  position:relative;
  width:33.3333%;
  margin:0 5px 0;
}

.slide_img {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}
.slide_img dl { margin-block-start:0em;	margin-block-end:0em; margin-inline-start:0px; margin-inline-end:0px;}

.slide_img img {
  width:100%;
  height: auto;
  position: relative;
  display: inline-block;
  margin:0 auto;
  border:1px solid #ddd;
  box-sizing:border-box;
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
}

.slide_img a .prd_disc { display:block; margin-top:10px; padding:0 10px; line-height:1.3em; font-size:12px; }
.slide_img .prd_thumb { margin-bottom:3px;}
.slide_img .prd_code { color:#5d99dc; color:#5d99dc; font-size:12px; margin-bottom:5px; border-bottom:1px solid #ddd; padding-bottom:3px; }
.slide_img .prd_name { color:#414141; display:block; height:32px; font-size:12px; overflow:hidden; text-overflow:ellipsis; word-break:keep-all; }
.slide_img .prd_price { color:#d01212; font-weight:bold; line-height:25px; }

.slickWrap .slide_subbest { padding:0 10px; }
.slickWrap .slide_subbest .Slick-Next, .slickWrap .slide_subbest .Slick-Prev { background-color:#eaeaea;}

.slickWrap .slideBlock.slick-current .mdBest_label { display:block; position:absolute; top:5px; left:5px; z-index:2; }

.slickWrap .slideBlock .label_mdbest0 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best01.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest1 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best02.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest2 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best03.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest3 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best04.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest4 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best05.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest5 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best06.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest6 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best07.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest7 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best08.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest8 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best09.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_mdbest9 { position:absolute; top:0px; left:-4px; width:35px; height:35px; background:url(../img/label_icon_best10.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}
.slickWrap .slideBlock .label_best { position:absolute; top:0px; left:0px; width:35px; height:35px; background:url(../img/label_icon_good.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}



/* ¸ÞÀÎÁß¾Ó ºê·£µå¿µ¿ª 2020-07Ãß°¡ */
.brandAreaMd { width:100%; margin:20px auto; border:0 !important;}
.brandAreaMd:after {content:''; clear:both; display:block; }
.brandAreaMd .slicktBlist { position:relative; }
.brandAreaMd .slicktBlist .Arrows { position:absolute; width:100%; top:43%; left:0; z-index:20; }
.brandAreaMd .slicktBlist .Slick-Next,
.brandAreaMd .slicktBlist .Slick-Prev {
  display: inline-block;
  width: 30px;
  height: 35px;
  background: rgba(0,0,0,0.5);
  box-sizing:border-box;
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  color: #222;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;
  transition: all 0.3s;
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
}
.brandAreaMd .slicktBlist .Slick-Prev { position:absolute; left:0; }
.brandAreaMd .slicktBlist .Slick-Next { position:absolute; right:0; }

.brandAreaMd .slicktBlist .Slick-Next:before {
  content:"";    
}

.brandAreaMd .slicktBlist .Slick-Prev:before {
  content:"";
}

.brandAreaMd .slicktBlist .Slick-Next img { width:30px; height:30px; margin:-2px 5px 0 0;}
.brandAreaMd .slicktBlist .Slick-Prev img { width:30px; height:30px; margin:-2px 0 0 -5px;}
.brandAreaMd .slicktBlist .tBlist { position:relative; width:96%; margin:9px auto 0px; overflow:hidden; }
.brandAreaMd .slicktBlist .tBlist .slick-slide { border:0; }
.brandAreaMd .slicktBlist .tBlist .tB_block {
   margin-bottom: 5px; 
   overflow: hidden;
   display: flex;
   flex-flow: row wrap;
   justify-content: center;
   align-items: center;   
}

.brandAreaMd .slicktBlist .tBlist .tB_block .tBslider_img {	
	max-width:96%; overflow:hidden; 
	margin:0 auto;
    animation:hideImage .5s both;
/* animation: hideImage .5s, scaleBackImage .5s forwards; */
}
.brandAreaMd .slicktBlist .tBlist .slick-active .tBslider_img {
   animation:Slick-FastSwipeIn 2s both, showImage 2s both;
}

@keyframes Slick-FastSwipeIn {
    0% {transform:rotate3d(1,1,1,0deg) scale(0.7)  perspective(400px);} 
	50% {transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);}
    100% {transform:rotate3d(0,1,0,0deg) scale(1) perspective(400px);} 
}

@keyframes showImage {
   0% {opacity:0.7;}
   100% {opacity:1;}
}

@keyframes hideImage {
   0% {opacity: 1;}
   100% {opacity: 0.5;}
}
@keyframes scaleImage {
	0% {transform: scale(0); transform-origin: center;}
   100% {transform: scale(0.7); transform-origin: center;}
}
@keyframes scaleBackImage {
   0% {transform: scale(1); transform-origin: center;}
   100% {transform: scale(0); transform-origin: center;}
}