/* 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;
}

/* ¸ÞÀν½¶óÀ̵åÇÏ´Ü ¹è³Ê¿µ¿ª */
.msbBanM {position:relative; width:100%; margin:15px auto;}
.msbBanM:after {content:''; clear:both; display:block;}
.msbBanM .msbBanList {width:100%; margin:0 auto; overflow:hidden;}
.msbBanM .msbBanList .msbBanBlock {display:inline-block; float:left; margin:0 5px 5px; padding:10px; background:#fff; box-shadow:2px 2px 2px rgba(88,88,88,0.2); border:1px solid #f1f1f1; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box;}
.msbBanM .msbBanList .msbBanBlock a {display:block; width:100%; text-align:center; vertical-align:middle;}
.msbBanM .msbBanList .msbBanBlock a img {max-width:100%;}
/* control */
.msbM_slick_prev {position:absolute; display:inline-block; left:3%; padding:0; top:46%; width:35px; height:35px; cursor:pointer; z-index:9; box-shadow:2px 2px 3px rgba(88,88,88,0.3); border:0;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background:#fff url('../img/arrow_pre.png') no-repeat 50% 50%;
	background-size: 20px 20px;
}
.msbM_slick_next {position:absolute; display:inline-block; right:3%; padding:0; top:46%; width:35px; height:35px; cursor:pointer; z-index:9; box-shadow:2px 2px 3px rgba(88,88,88,0.3); border:0;
	-webkit-border-radius:100%;
	-moz-border-radius:100%;
	border-radius:100%;
	background:#fff url('../img/arrow_next.png') no-repeat 50% 50%;	
	background-size: 20px 20px;
}


/* 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%; text-align:center; overflow:hidden; letter-spacing:-1px;}
.slickWrap .g_Btitle .title_txtB {display:inline-block; padding-right:5px; color:#343434; font-size:24px; font-weight:800;}
.slickWrap .g_Btitle .title_txtR {display:inline-block; padding:5px 5px 5px 0; color:#fb4b76; font-size:24px; font-weight:800;}
.slickWrap .g_Btitle img {width:20%; height:auto; padding:10px 0; margin:0;}
.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: 30px;
  background: #fff;
  border:1px solid #cbcbcb;  
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box;
  box-sizing:border-box;
  color: #222;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  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,
.slickWrap .Slick-Prev img {width:30px; height:30px;}

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


.slide_img {
  width: 100%;
  display: block;
  overflow: hidden;
  position: relative;
  text-align: center
}

.slide_img img {
  width:100%;
  height: auto;
  position: relative;
  display: inline-block;
  margin:0 auto;
  border:1px solid #ddd;  
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  -ms-box-sizing:border-box;
  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 {width:100%; margin-bottom:7px;}
.slide_img .prd_thumb .thumb_img {display:table-cell; width:100%; background:#fff; text-align:center; vertical-align:middle; height:100%; margin:0 auto;}
.slide_img .prd_thumb .thumb_img img {max-width:100%; height:auto; overflow:hidden;}
.slide_img .prd_code {padding:0 0 2px; color:#999; font-size:11px; margin-bottom:3px; border-bottom:1px solid #ddd;}
.slide_img .prd_code.colorY {color:#ff804a;}
.slide_img .prd_code.colorBL {color:#62a7ee;}
.slide_img .prd_name {color:#111; height:38px; overflow:hidden; line-height:18px;}
.slide_img .prd_price {color:#d01212; font-weight:bold; line-height:25px;}
.slide_img .prd_price.colorB {color:#111;}
.slickWrap .slide_subbest {padding:0 10px;}
.slickWrap .slide_subbest .Slick-Next, .slickWrap .slide_subbest .Slick-Prev {background-color:#eaeaea;}


[list-match-height]{
	padding: 0px;
	display: inline-block;
	width: 31%;
	margin: 0;
	vertical-align: top;
	text-align: center;
}

.slickWrap .slideBlock .label_mdbest0 {position:absolute; top:20px; left:6px; 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:20px; left:6px; 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:20px; left:6px; 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:20px; left:6px; 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:20px; left:6px; 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:20px; left:6px; 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:20px; left:6px; 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:20px; left:6px; 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:20px; left:6px; 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:20px; left:6px; 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:15px; left:0px; width:35px; height:35px; background:url(../img/label_icon_good.png) no-repeat 0 0; background-size:35px 35px; z-index:9;}


/* MDitem */
.slickWrapH {position:relative; width:100%; margin:0 0 20px; padding:0; background:#f5ebd5;}
.slickWrapH:after,.slickWrapH .g_Btitle:after {content:''; display:block; clear:both;}
.slickWrapH .g_Btitle {position:relative; display:block; width:100%; color:#000; text-align:center; overflow:hidden; letter-spacing:-1px;}
.slickWrapH .g_Btitle img {width:100%; margin:0 !important;}
.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:10%; left:5%; z-index:20;}
.slickWrapH .Slick-Next,
.slickWrapH .Slick-Prev {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  color: #222;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  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% 15px;
  background:#f5ebd5;  
}

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

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

.slickWrapH .slick-slide {
  margin:0px;  
  padding:5px;
  -webkit-opacity:0.8; -moz-opacity:0.8; -ms-opacity:0.8; opacity: 0.8;   
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  -ms-transition: all 0.2s ease;
  -o-transition: all 0.2s ease;
  transition: all 0.2s ease;  
  -webkit-transform: scale(0.9);
  -moz-transform: scale(0.9);
  -ms-transform: scale(0.9);
  -o-transform: scale(0.9); 
  transform: scale(0.9);
}
		
.slickWrapH .slick-current {
  width:35%;  
  -webkit-opacity:1; -moz-opacity:1; -ms-opacity:1; opacity: 1;
  border:2px solid #d4b076;  
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  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 a .prd_disc {display:block; margin-top:10px; padding:0 10px; line-height:1.3em; font-size:12px;}
.slide_imgH .prd_thumb {width:100%;}
.slide_imgH .prd_thumb .thumb_img {display:table-cell; width:100%; background:#fff; text-align:center; vertical-align:middle; height:100%; margin:0 auto;}
.slide_imgH .prd_thumb .thumb_img img { max-width:100%; height:auto; overflow:hidden;}
.slide_imgH .prd_code {padding:2px 0; color:#62a7ee; font-size:11px; margin-bottom:5px; border-bottom:1px solid #ddd;}
.slide_imgH .prd_name {color:#111; display:block; height:35px; font-size:13px; line-height:1.4em; overflow:hidden; text-overflow:ellipsis; word-break:keep-all;}
.slide_imgH .prd_price {color:#111; font-size:14px; font-weight:800; line-height:27px;}


/* ¸ÞÀÎÁß¾Ó ºê·£µå¿µ¿ª */
.brandAreaMd {width:100%; margin:10px auto 20px; padding:10px 0 20px; border:0 !important; background:#f0f0f0;}
.brandAreaMd:after {content:''; clear:both; display:block;}
.brandAreaMd .slicktBlist {position:relative; background:#fff; padding-bottom:20px; 
	-webkit-border-radius:0 0 30px 30px;
	-moz-border-radius:0 0 30px 30px;
	-o-border-radius:0 0 30px 30px;
	border-radius:0 0 30px 30px; 
	box-shadow:0px 3px 3px rgba(88,88,88,0.2);
}
.brandAreaMd .slicktBlist .g_Btitle {position:relative; display:block; width:100%; padding:20px 0 15px; color:#111; text-align:center; overflow:hidden; letter-spacing:-1px;}
.brandAreaMd .slicktBlist .Arrows {position:absolute; width:90%; top:10px; left:5%; z-index:20;}
.brandAreaMd .slicktBlist .Slick-Next,
.brandAreaMd .slicktBlist .Slick-Prev {
  display: inline-block;
  width: 40px;
  height: 40px;
  background: #fff;
  border:1px solid #cbcbcb;  
  -moz-box-sizing:border-box;
  -webkit-box-sizing:border-box; 
  box-sizing:border-box;
  -moz-border-radius:50%;
  -webkit-border-radius:50%;
  border-radius:50%;
  color: #222;
  cursor: pointer;
  font: 18px/36px FontAwesome;
  text-align: center;  
  -webkit-transition: all 0.3s;
  -moz-transition: all 0.3s;
  -ms-transition: all 0.3s;
  -o-transition: all 0.3s;
  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,
.brandAreaMd .slicktBlist .Slick-Prev img {width:32px; height:32px;}
.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: block;   
}

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