@charset "utf-8"; 
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);
@import url(http://fonts.googleapis.com/earlyaccess/nanummyeongjo.css);/*font-family: 'NanumGothic', serif;*/
@import url(https://fonts.googleapis.com/css?family=Open+Sans:400,600,700);

*{ box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; padding:0; margin:0;}

.util-clearfix:after{visibility:hidden;display:block;height:0;font-size:0;content:'\0020';clear:both}
.util-clearfix{zoom:1}

/* Common - Top */
#header {position:relative; z-index:10; min-height:50px; padding-top:0px;   }
#header.shopping-msg {padding-top:0; min-height:50px;}
#header h1 {position:absolute; left:50%; top:10px; width:196px; margin-left:-98px;  }
/* #header h1 a {display:block; width:196px; height:17px; text-indent:-10000px; overflow:hidden; background-image:url(/m/img/img_common.png); background-size:330px 330px; background-repeat:no-repeat; background-position:0 0;} */
#header a.icon {position:absolute; top:5px; width:23px; height:23px; text-indent:-10000px; overflow:hidden; background-image:url(/m/img/img_common.png); background-size:350px 350px; background-repeat:no-repeat;}
#header a.icon.btn-category {left:10px; top:17px; background-position:-3px -51px; }
#header a.icon.btn-search {left:45px; top:15px; background-position:-115px -51px; }
#header a.btn-event {position:absolute; left:40px; top:15px; color:#000;font-weight:bold  }
#header a.icon.btn-my {right:47px; top:15px; background-position:-45px -51px;}
#header a.icon.btn-my2 {right:47px; top:15px; background-position:-146px -51px;} 
#header a.icon.btn-cart { right:15px; top:15px; background-position:-80px -50px; width:24px}

.js-show-search{color:#fff;}
.js-show-search i{color:#fff;}

.panel-search a.allbtn{  height:25px; line-height:25px; background:#DDBF5F; color:#fff; font-weight:bold;  border-radius:3px; text-align:center; margin:10px 7px; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}
.panel-search .closeBtn{  height:25px; line-height:25px; background:#666; color:#fff; font-weight:bold;  border-radius:3px; text-align:center; margin:10px 7px; display:block; box-sizing:border-box; -moz-box-sizing:border-box; -webkit-box-sizing:border-box;}

.allbrand h3{margin:0 0 7px 7px; color:#704E41; text-align:left; font-size:14px}
.allbrand{ text-align:center;}
.bestBrand ul{margin:0 auto; display:inline-block;}
.bestBrand ul:after{content:''; display:block; clear:both;}
.bestBrand li{float:left;  width:32%;  margin:5px 0.5%; border:1px #ddd solid; text-align:center;}
.bestBrand li:nth-child(3n) { margin-right:0}
.bestBrand li img{margin: 0 auto;  }
 



/*메인배너*/
#bannerZone .mainB01{ margin-top:30px}
#bannerZone .mainB01 li{float:left;text-align:center; margin:1% 0;}
#bannerZone .mainB01 li img{width:100%;}
#bannerZone .mainB01 li:nth-child(1){width:100%;}
#bannerZone .mainB01 li:nth-child(2){margin-right:2%;}
#bannerZone .mainB01 li:nth-child(2), #bannerZone .mainB01 li:nth-child(3){width:49%;}
#bannerZone .mainB01 ul:after{content:"";display:block; clear:both;}

#bannerZone .mainB02{margin-bottom:45px}
#bannerZone .mainB02 li{float:left; width:48%; text-align:center; margin:1%;}
#bannerZone .mainB02 li:last-child{margin-right:0px}
#bannerZone .mainB02 li a{color:#000; }
#bannerZone .mainB02 li img{width:100%;}
#bannerZone .mainB02 li  strong{font-size:14px; display:block; margin-top:10px;}
#bannerZone .mainB02 li  p{padding-bottom:10px; font-size:12px;}
#bannerZone .mainB02 ul:after{content:"";display:block; clear:both;}
/*메인배너 끝*/

/*topbrand*/
#topBrand{margin-bottom:50px;}
#topBrand ul:after{content:"";display:block; clear:both;}
#topBrand ul li{width:19%; border:1px solid #ededed; float:left; margin:0.5%; cursor:pointer; box-sizing:border-box;}
#topBrand ul li:nth-child(7n){margin-right:0;}
#topBrand ul li::after{content:""; display:block; clear:both;}
#topBrand ul li img{width:100%;}
#topBrand ul li span{display:block; text-align:center; height:20px; font-size:11px}
/*topbrand 끝*/




.newBobNavWrap{border-bottom:1px solid #FFF;padding:0 15px;}
.newBobNav{position:relative;}
.newBobNav *{font-family: 'Nanum Gothic';}
.newBobNav div.slider-nav, .newBobNav div.slider-nav2{position: relative;overflow: hidden;}
.newBobNav div.slider-nav a,.newBobNav div.slider-nav2 a{display:block;float:left;width:33.333%;height:30px;line-height:30px;text-align:center;font-size:14px;}
.newBobNav div.slider-nav a:first-child,.newBobNav div.slider-nav2 a:first-child{width:33.333%;}
.newBobNav div.slider-nav a.slick-current, .newBobNav div.slider-nav2 a.slick-current{color:#fff!important; font-weight:bold;background:#ddbf5f; }


/* 런던베네 best상품롤링 */
.newBobNavWrap2{border-bottom:1px solid #FFF;padding:0 15px;}
.newBobNav2{position:relative;}
.newBobNav2 *{font-family: 'Nanum Gothic';}
.newBobNav2 div.slider-nav, 
.newBobNav2 div.slider-nav2{position: relative;overflow: hidden;}
.newBobNav2 div.slider-nav a,
.newBobNav2 div.slider-nav2 a{display:block;float:left;width:33.333%;height:30px;line-height:30px;text-align:center;font-size:14px;}
.newBobNav2 div.slider-nav a:first-child,
.newBobNav2 div.slider-nav2 a:first-child{width:33.333%;}
.newBobNav2 div.slider-nav a.slick-current, 
.newBobNav2 div.slider-nav2 a.slick-current{color:#fff!important; font-weight:bold;background:#01b9ad; }


/* 런던몰 best상품롤링 */
.newBobNavWrap3{border-bottom:1px solid #FFF;padding:0 15px;}
.newBobNav3{position:relative;}
.newBobNav3 *{font-family: 'Nanum Gothic';}
.newBobNav3 div.slider-nav, .newBobNav div.slider-nav2{position: relative;overflow: hidden;}
.newBobNav3 div.slider-nav a,.newBobNav div.slider-nav2 a{display:block;float:left;width:33.333%;height:30px;line-height:30px;text-align:center;font-size:14px;}
.newBobNav3 div.slider-nav a:first-child,.newBobNav div.slider-nav2 a:first-child{width:33.333%;}
.newBobNav3 div.slider-nav a.slick-current, .newBobNav div.slider-nav2 a.slick-current{color:#fff!important; font-weight:bold;background:#335091; }


/* slick */
.slick-slider{position: relative;display: block;-moz-box-sizing: border-box;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-track {width:1000%;overflow:hidden;}
.slick-list {position: relative;display: block !important;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;}
.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;outline:0}
.slick-loading .slick-slide {visibility: hidden;}
.slick-vertical .slick-slide {display: block;height: auto;border: 1px solid transparent;}
.slick-arrow.slick-hidden {display: none;}
.slider .slick-prev, .slider .slick-next{display:block;position:absolute;top:13px;overflow:hidden;width:6px;height:10px;margin:0;background:#fff url(/m/img/swipe_prnv.png) left top no-repeat;background-size:6px auto;z-index:1;border:none;color:transparent;outline:none;}
.slider .slick-prev{left:0}
.slider .slick-next{right:0;background-position:left -11px}

.rnBobWrap h3{ color:#000;padding:0;margin:0 0 20px 0; font-weight:normal; width:100%; text-align:center;  } 
.rnBobWrap h3 span{display:inline-block; font-size:16px;  /*font-family: 'Nanum Myeongjo', serif; */background:#fff; padding:0 15px; margin:0 auto;  }
.topBrand h3{ color:#000;padding:0;margin:0 0 20px 0; font-weight:normal; width:100%; text-align:center; background:url(/img/index/cateBest_Titbg3.gif) repeat-x left 50% } 
.topBrand h3 span{display:inline-block; font-size:18px;  /*font-family: 'Nanum Myeongjo', serif; */background:#fff; padding:0 15px; margin:0 auto;  }

.rnHmLst01 li{float:left; width:48%; margin:2% 1%; text-align:center;}
.rnHmLst01 li img{width:100%}
.rnHmLst01 li:nth-child(10n){display:block;}

.pr_price2  {text-decoration: line-through;}
.new-price{color:#F06159; font-weight:bold;}

.rnHmLst01 li .pr_txt strong{display:block}


  /*helpdesk 관련*/
.divHelp{width:100%; text-align:center; background:#f5f5f5; font-weight:bold; font-size:14px; line-height:60px; color:#000; border-top:1px solid #ccc; border-bottom:1px solid #ccc;}
.divHelpT{color:#444444;font-weight:bold;letter-spacing:1px;padding-top:30px;margin-left:15px;clear:both;}
.divHelpC{padding-left:15px;padding-top:5px;padding-bottom:5px;}
.divHelpimg{width:100%;margin-top:10px;}
/*helpdesk 관련 끝*/

/******탭 스타일*******/
.tabStyle_con {position:relative; margin-top:10px; overflow:hidden;}
.tabStyle_con li {float:left; width:50%; border-left:1px solid #fff; border-right:1px solid #fff; border-bottom:1px solid #fff; box-sizing:border-box;}
.tabStyle_con li a {display:block;padding:9px 10px;  font-size:13px; font-weight:bold; text-align:left;  background:#f5f5f5;box-sizing:border-box; }
.tabStyle_con li.on a {border:0px; padding:9px 10px;  background:#af9976; color:#fff;}
.tabStyle_con li.on a, .viewTab_con4 li a:hover { text-decoration:none;}
.tabStyle_con li:first-child a{margin-left:0}


/******브랜드 목록*******/

.Brand_alphabet{border-bottom:1px #C3A543 solid; margin-bottom:30px }
.Brand_alphabet ul:after{content:''; display:block; clear:both;}
.Brand_alphabet li{float:left; width:10%; margin-bottom:1px;position:relative; }
.Brand_alphabet li:after{content:''; display:block; width:1px; height:37px; background:#fff;  position:absolute; right:0; top:0px;}
.Brand_alphabet li a{display:block; background:#F5F5F5;  height:37px; line-height:37px;  text-align:center; font-size:14px; font-family:Open Sans; }
.Brand_alphabet li a.active{background:#DDBF5F; color:#fff}

.BrandListBoxList{margin-bottom:30px}
.BrandListBoxList ul:after{content:''; display:block; clear:both;}
.BrandListBoxList li{float:left;   width:50%; padding:7px 15px 7px 5px;  }
.BrandListBoxList li a{font-size:12px;}
.BrandListBoxList .alphaTit{ color:#978056;font-weight:bold;border-bottom:1px solid #ECD99F; padding:5px; font-size:16px; font-family:Open Sans; margin-bottom:10px }


/******상품상세 공지내용*******/

.GuideAccordion {  list-style:none;padding:0;	   margin: 20px auto 20px auto;  border-top: 1px solid #000;}
.GuideAccordion li {list-style:none; border-bottom: 1px solid #e0e0e0;  position: relative; }
.GuideAccordion li div { display: none;  padding: 10px 10px 10px 10px; color: #666;}
.GuideAccordion a { width: 100%;  display: block; cursor: pointer; box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing:border-box; line-height: 160%;  font-size: 12px; margin:10px 10px;padding-right:10px;user-select: none;}
.GuideAccordion a span{ width:95%; display:block;}
.GuideAccordion a:after { width: 8px;   height: 8px;  border-right: 1px solid #000;  border-bottom: 1px solid #000; position: absolute; right: 10px; content: " "; top: 4px;  transform: rotate(-45deg);  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}
.GuideAccordion div {  font-size: 12px;   line-height: 2;   background:#F5F5F5; border-top:1px #e0e0e0 solid; padding: 10px 0px; padding-bottom:0}
.GuideAccordion a.active:after {  transform: rotate(45deg);  -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out;}

.GuideAccordion  li span.style_sBtn{cursor:pointer;padding:5px 7px; background:#b09977;color:#fff;font-weight:bold; font-size:11px; display:inline-block}
 



 
/***************************************************
 세일배너 롤링
***************************************************/

.saleBrandZone{margin:0px 0}
.saleBrandZone:after{content:''; display:block; clear:both;}

.saleBrandZone .saleBrand{float:left; width:49%;   position: relative; text-align:left; }

.saleBrandZone .saleBrandR{float:right; }


.saleBrandZone .saleBrand img{width:100%;}
.saleBrandZone .saleBrand  .saleBrandTxt{position: relative; padding-left:7px}
.saleBrandZone .saleBrand  .saleBrandTxt span{display:none; position:absolute; top:20px; right:0px;; height:45px; width:45px; border-radius:50%; background:#34bd98; color:#fff; text-align:center; line-height:45px; font-weight:bold; 
font-family: 'Open Sans', sans-serif; font-size:14px}

.saleBrandZone .saleBrand  .saleBrandTxt p{font-size:16px; color:#ba8e00; font-weight:bold; }
.saleBrandZone .saleBrand  .saleBrandTxt p+p{font-size:12px; color:#000; font-weight:normal;}
.saleBrandZone .saleBrand  .saleBrandTxt p+p+p{font-size:16px;   font-weight:bold;  }

.saleBrandZone .saleBrandR .saleBrandTxt  p{color:#34bd98;}
.saleBrandZone .saleMenList .saleBrandTxt  p{color:#34bd98;}


 


/***************************************************
 브랜드배너 롤링
***************************************************/

.brandLogoSlides{margin:35px 0; border-top:1px #E3E3E3 solid; border-bottom:1px #E3E3E3 solid; position: relative; padding-bottom:8px }
.brandLogoList{  overflow:hidden;}

.brandLogoSlides .prevControl{ position:absolute; top:97px; left:7px; z-index:999; cursor:pointer; font-size:0; line-height:0;  text-indent:-9999px; width:16px; height:28px; background:url(/img/index/prevControl.gif) no-repeat;}
.brandLogoSlides .nextControl{ position:absolute; top:97px; right:7px; z-index:999; cursor:pointer; font-size:0; line-height:0;  text-indent:-9999px; width:16px; height:28px; background:url(/img/index/nextControl.gif) no-repeat;}

.brandLogoSlides .brandLogo-pager{text-align:center; margin:5px 0 15px}
.brandLogoSlides .brandLogo-pager span{font-size:0; line-height:0;  text-indent:-9999px; width:16px; height:10px; background:#F2F2F2; border-radius:5px; display:inline-block; margin:0 3px; cursor:pointer;}
.brandLogoSlides .brandLogo-pager span.cycle-pager-active{background:#F7E6B8}


.brandLogoList{margin:20px 0 0 0px}
.brandLogoList li{width:24%; border:1px solid #ededed; float:left; margin:0.5%; cursor:pointer; box-sizing:border-box; }
.brandLogoList li img, .brandLogoList li strong{display:block; text-align:center}
.brandLogoList li img{margin:0 auto; margin-top:5px; width:100%}
.brandLogoList li strong{padding-top:5px; font-weight:normal; font-size:11px; letter-spacing: -1px;}


.brandEventSlider{margin-bottom:35px}
.brandLogoList .lSSlideOuter .lSPager.lSpg > li{  width: auto;   border: none;   float: none;   margin: 0;}



#cs_center span a{color:#B34604; text-decoration:underline}

#bottom_quick{margin-bottom:0}
#NaverTak {background:#3DB54A; width:100%; text-align:center; font-size:11px;color:#fff; padding:7px 0 5px}
#NaverTak strong{display:block; margin:7px 0 0px; font-size:14px;height:29px line-height:29px; color:#fff}
#NaverTak span{font-size:14px; background:url(/img/naverTak.gif) no-repeat; padding-left:35px; height:29px; display:inline-block;color:#fff}

 .mainBanner {position: relative; }
.mainBanner .lSSlideOuter .lSPager.lSpg{margin-top:0px !important;    position:absolute; bottom:15px; left:50%; z-index:501; text-align:center; margin-left:-77px;}

.content .lSSlideOuter .lSPager.lSpg > li a{ background-color: #F1F1F1;  border-radius: 0%;   display: inline-block;   height: 3px; overflow: hidden;  text-indent: -999em;  width: 20px;  position: relative; z-index: 99; -webkit-transition: all 0.5s linear 0s;   transition: all 0.5s linear 0s;}
.content .lSSlideOuter .lSPager.lSpg > li:hover a, .content .lSSlideOuter .lSPager.lSpg > li.active a {  background-color: #000;}

.mainBanner .center .prevControl{ position:absolute; top:70px; left:7px; z-index:999; cursor:pointer; font-size:0; line-height:0;  text-indent:-9999px; width:20px; height:34px; background:url(/img/index/prevControl.png) no-repeat;}
.mainBanner .center .nextControl{ position:absolute; top:70px; right:7px; z-index:999; cursor:pointer; font-size:0; line-height:0;  text-indent:-9999px; width:20px; height:34px; background:url(/img/index/nextControl.png) no-repeat;}




.brandEventSlider .lSSlideOuter .lSPager.lSGallery li {border:1px #ddd solid; border-right:none }
.brandEventSlider .lSSlideOuter .lSPager.lSGallery li.active, .brandEventSlider .lSSlideOuter .lSPager.lSGallery li:hover {  border-radius: 0px; border:1px #787878 solid;}
 

.saleBrandL {position: relative; }
.saleBrandL .lSSlideOuter .lSPager.lSpg{margin-top:0px !important;    position:absolute; bottom:5px; right:0; z-index:501;  }

.saleBrandR {position: relative; }
.saleBrandR .lSSlideOuter .lSPager.lSpg{margin-top:0px !important;    position:absolute; bottom:5px; right:0; z-index:501;  }