/* BASIC css start */
#mainslider {}
#mainslider img { max-width:100%; height:auto; }


#mainslider .slick-prev
{
	background:url('/design/blingshop1/suhon_studio/vol96/slider_nav_prev.png') no-repeat center center;
	background-size:20px 38px;
}

#mainslider .slick-next
{
	background:url('/design/blingshop1/suhon_studio/vol96/slider_nav_next.png') no-repeat center center;
	background-size:20px 38px;
}


#mainbanner { padding:18px 0 40px; }


ul.grid { display:table; width:calc(100% + 16px); margin:0 auto 0 -8px; }
ul.grid > li { display:inline-block; } 
ul.grid > li .banner { margin:0 8px; } 
ul.grid > li img { max-width:100%; } 

ul.grid.grid1 > li { width:100%; } 
ul.grid.grid2 > li { width:50%; } 
ul.grid.grid3 > li { width:33.33%; } 
ul.grid.grid4 > li { width:25%; } 


/* 23-01-30 추가상품명 숨김 */
.spec li.subname { display:none; }


/**/
#tabList { clear:both; position:relative; text-align:center; top:0; width:100%; overflow:hidden;  }
#tabList h2 { margin:68px auto 0; padding:0 0 30px; font-size:16px; letter-spacing:/*0.2em*/0.05em; color:#000; font-weight:normal; line-height:1em; }
#tabList a { display:inline-block; padding:10px; margin:0 20px; }
#tabList a span { display:inline-block; padding:0 0 8px; width:auto; line-height:1em; font-size:11px; color:#000; border-bottom:2px solid #fff; transition:0.1s; }
#tabList a:hover span,
#tabList a:focus span,
#tabList a.active span { border-color:#000; transition:0.1s; }

#bestitem { clear:both; margin:0; padding:0; }
#bestitem .ec-base-product { margin:25px auto 0; }
#bestitem .ec-base-product .prdList { margin-bottom:30px; }
#bestitem .ec-base-product .prdList .name .ico { display:none; }
#bestitem .ec-base-product .prdList .description img { display:inline-block; }
#bestitem .ec-base-product .prdList .description .spec li.color { display:none; }


/* DIRECTION CONTROLS (NEXT / PREV) */
.bx-wrapper .bx-prev {
  left: 20px;
  background: url('/design/blingshop1/suhon_studio/vol96/slider_nav_prev.png') no-repeat center center !important; background-size:20px auto;
}
.bx-wrapper .bx-next {
  right: 20px;
  background: url('/design/blingshop1/suhon_studio/vol96/slider_nav_next.png') no-repeat center center !important; background-size:20px auto;
}


@media all and (max-width:1280px){


#tabList a { margin:0 10px; }


}

@media all and (max-width:1024px){


#tabList a { margin:0 5px; }


}


#content { }

/* 왼쪽퀵배너 */
.closed {position: absolute; z-index:1000;  right:-36px;height:35px;  top: calc(50%); margin-top:-12.5px; background: rgba(215,215,215,0.8);box-sizing: border-box;padding: 10px 10px 13px 10px;box-shadow: 0px 0px 1px 0px rgba(0,0,0,0.1); border-top-right-radius: 5px;border-bottom-right-radius: 5px;  cursor:pointer;}
.closed i {font-size: 16px;}
.closed:hover {background:#fff;}
#popupLeft { background: rgba(255,255,255,1); box-shadow: -1px 0px 1px 1px rgba(0,0,0,0.1); position: fixed;top:50%;  margin-top:-212.5px; width: 375px; height: 410px;padding: 10px;left: -395px; z-index: 999999;}
#popupLeft .rbnr li{ margin-bottom:10px; overflow:hidden;}
#popupLeft .rbnr li:last-child { margin-bottom:0px;}
#popupLeft img {max-width:100%;}
#popupLeft.active{left:0;}
#popupLeft.active .closed {background:#fff;  }
.closed.active,
#popupLeft {-webkit-transition:all 0.3s ease-in-out 0s;-moz-transition:all 0.3s  'easeInOutExpo';-o-transition:all 0.3s 'easeInOutExpo';transition:all 0.3s ease-in-out 0.1s;}


#main_content .swiper-container-horizontal > .swiper-pagination-bullets {bottom:auto; left:auto; width:auto; right:20px; top:45%; text-align:center; } /*top:30%;*/
#main_content .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {display:block; margin:15px auto; width:13px; height:13px;  }
#main_content .swiper-pagination-bullet-active {background:#000; width:13px; height:13px; }
.swiper-container {margin:0 auto; position:relative; overflow:hidden; list-style:none; padding:0; z-index:1}
.swiper-wrapper {position:relative;width:100%;height:100%;z-index:1;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-transition-property:-webkit-transform;transition-property:-webkit-transform;-o-transition-property:transform;transition-property:transform;transition-property:transform,-webkit-transform;-webkit-box-sizing:content-box;box-sizing:content-box}
.swiper-container-fade .swiper-slide img {width:100%; }


/* 공지사항 */

.notice {margin:70px 0 30px;text-align:center;}
.notice p { font-weight:400; margin-bottom:10px; line-height:23px;}
.notice p.con {font-size:12px;color:#aaa;}
.notice p.info {font-size:10px;color:#ccc;text-transform:uppercase;letter-spacing:0.02em;}
.notice p.info span {color:#ddd;margin:0 6px;}
.notice hr {display:inline-block;width:8px;border-top:1px solid #aaa;margin-top:25px;}


/* 베너5개영역 */
.bnr5 { overflow:hidden; padding-bottom:6px; max-width:1500px; text-align:center; margin:0 auto;}
.bnr5  li { overflow:hidden; }
.bnr5 a {display:block;width:100%;text-align:center;}
.bnr5 a img { max-width:100%; height:auto; }
.bnr5 .flex { display:flex;   overflow:hidden; /*background:#000;*/}
.bnr5 .flex .flex2 { flex:2; position:relative;text-align:center;  }
.bnr5 .flex li:hover img {  opacity: 0.8; filter: alpha(opacity=80);  }
.bnr5 .flex > * {flex:1;}
.bnr5  .text1 {position:relative;text-align:center;background:#f7f7f7;}
.bnr5  .text1 h2 { position:relative; font-weight:bold;font-size:30px;letter-spacing:3px;color:#999;}
.bnr5  .text1 h2:after {content:"";position:absolute;width:14px;height:1px;background:#999;left:calc(50% - 7px);bottom:-20px;}
.bnr5  .text1 p { padding-top:40px;font-weight:300; color:#9e9e9e; font-size:18px;letter-spacing:0.1px;line-height:24px; font-family: "맑은 고딕", "Malgun Gothic"}
.bnr5  .text1 p.btn { margin:41px auto;display:inline-block;   border:1px solid #999; font-weight:700; color:#999;padding:5px 20px; font-size:14px;letter-spacing:0.2px; }
.bnr5  .text1:hover h2 { color:#000;}
.bnr5  .text1:hover p.btn { border:1px solid #000; background:#000; color:#fff;}


/* 베너4개영역 */
.bnrArea { overflow:hidden; padding:10px 5px 20px; margin-top:10px;}
.bnrArea li { width:330px; border:0px solid #000; padding-right:10px; position:relative; /* background:rgba(0,0,0,0.6);*/  }
.bnrArea a {display:block; width:100%; text-align:center;}
.bnrArea a img {max-width:100%; height:auto;background-color:#f7f7f7; }
.bnrArea .imgup li:hover img { opacity: 0.8; filter: alpha(opacity=80); }
.bnrArea .flex {display:flex; padding:0 100px; padding-bottom:2%; }
.bnrArea .flex > * {flex:2}


/* 베너2개영역 */
.bnrArea1 { overflow:hidden; width:80%; padding:10px 5px 20px; margin-top:10px; text-align:center; margin: 0 auto;}
.bnrArea1 a {display:block; width:100%; text-align:center;}
.bnrArea1 a img {max-width:100%; height:auto; background-color:#f7f7f7; }
.bnrArea1 li { margin:5px; width:720px; height:435px; border:0px solid #000;  position:relative; /* background:rgba(0,0,0,0.6);*/  }
.bnrArea1 .imgup li:hover img { /* opacity: 0.8; filter: alpha(opacity=80); */ transition:none;  }
.bnrArea1 .flex {display:flex;}
.bnrArea1 .flex > * {flex:2}
	

/* 안쓰는롱배너 */
.mbnr_bg {width:100%;height:500px;text-align:center;} /* 픽스고정이미지 */
.mbnr_bg .sinner { position:absolute;top:0;bottom:0;left:0;right:0;margin:auto;height:210px;}
.mbnr_bg .txtBox h1 { font-size:13px;line-height:40px;font-weight:normal;color:#666;letter-spacing:0.05em;}
.mbnr_bg .txtBox h2 { font-size:11px;line-height:20px; margin:7px auto 20px; color:#aaa;font-weight:normal;}
.mbnr_bg .txtBox hr { width:8px;display:inline-block;margin:4px 0 6px;border-top:1px solid #aaa;}
.mbnr_bg .txtBox .btn { width:130px; font-size:10px; padding:10px 20px; background:rgba(0,0,0,0.6);   border-radius:5px ; color:#fff ; text-transform: uppercase; }
.mbnr_bg .txtBox .btn:hover { background:rgba(0,0,0,0.9);  }


/* 픽스롱배너 */
.fixedBnnr {
    position: relative;
    width: 100%;
    min-width: 1100px;
    height: 350px;
    background: url(https://blingshop.cdn.smart-img.com/03_renewal/cscenter/fix.jpg) center top no-repeat fixed;
    background-position: 0% -20%;
    margin:25px 0 0 0;
    padding:5px 0 60px 0;}

.fixedBnnr img{
    border: none;
    position:absolute;
    vertical-align: middle;
    margin-left:15%;
    margin-top:-1%;}


/* 슬라이드 */
.wd100 {  background:#fcfaf9; padding:50px; }


/* 배너2개 */
.full {
	width:100%;
	background:rgba(248,248,248,1);
	overflow:hidden;
	padding:50px 0;
}


.bnr2x1 {margin:0px auto;}
.bnr2x1 ul {width:100%;}
.bnr2x1 ul li {float:left;	width:720px; margin-right:calc(2%);-webkit-transition:-webkit-transform 0.5s ease-in-out; transition:transform 0.5s ease-in-out; }
.bnr2x1 ul li:nth-child(2) { margin-right:0px; !important }
.bnr2x1 ul li img {width:100%;-webkit-transition:-webkit-transform 0.5s ease-in-out; transition:transform 0.5s ease-in-out;}
/* .bnr2x1 li:hover img { -webkit-transform:translateY(-10px); transform: translateY(-10px); } */

.bnr2x1 .posAb { left: 50%; transform: translateX(-50%); top: calc(50% ); z-index:99 }
.bnr2x1 .posAb .btn a {} 
.bnr2x1 .posAb.btn { display:block; font-size:10px; padding:10px 30px; background:rgba(0,0,0,0.2);  font-size:12px; text-align:center;  border-radius:0px ; color:#fff ; text-transform: uppercase; border:1px solid #fff}
.bnr2x1 li:hover .posAb.btn { background:rgba(0,0,0,0.9);  }


/* 인스타그램 */
.instaWidget { padding: 30px 0px 100px; text-align: center; background: #fff; max-width:1200px; margin:0 auto;}
.instaWidget .instit p { font-size: 20px !important ;display: block; height: 25px;}
.instaWidget .instit p i ,
.instaWidget .instit p a { font-size: 22px ;display: inline-block;line-height: 20px;vertical-align: middle;padding: 0 5px; }
.instaWidget .tag{  font-size: 15px ; position: relative; display: inline-block; height: 25px; margin: 15px 0 40px;line-height: 25px; white-space: nowrap;background: #636363;border-radius: 5px;padding: 3px 25px;}
.instaWidget .tag a { color:#fff}
.instaWidget .inst-flex  {width:100%;}
.instaWidget .inst-flex ul { display:flex;position:relative; margin:-1px; flex-direction:row-reverse;}
.instaWidget .inst-flex ul li {flex:1;border:1px solid transparent;}
.instaWidget .inst-flex ul li a {display:block;width:100%;background-color:#f0f0f0;}
.instaWidget .inst-flex ul li a img {width:100%;height:auto;}


/* BASIC css end */