/* BASIC css start */
/*.item-wrap {overflow: hidden;margin: 0 auto;}*/

#mainWrap { width:1700px; margin:0 auto; }

/* 메인 슬라이드 배너 */
#mainSlider { background-color:#fff; overflow:hidden; position:relative; z-index:60; width:100%; min-width:1440px; margin:0 auto 120px; }
#mainSlider .swiper-slide { width:auto; }
/*
#mainSlider {position:relative;z-index:10;min-width:1200px;}
#mainSlider .swiper-container { width: 100%; height: 100%; }
#mainSlider .swiper-slide { text-align: center; font-size: 18px; background: #fff; position:relative; }
#mainSlider .swiper-slide .slide_img { width:699px; height:799px; overflow:hidden; }
#mainSlider .swiper-slide .slide_img img { width: 100%; display: block; height: auto;}
*/
#mainSlider .swiper-slide .slide_txt { position:absolute; width:calc(100% - 200px); left:100px; bottom:50px; opacity:0; transition:0.2s all; text-align:left; }
#mainSlider .swiper-slide-active .slide_txt { display:block; left:50px; opacity:1; transition:0.7s all; transition-delay: 0.5s;}
#mainSlider .swiper-slide .slide_txt .big_txt { font-size:42px; font-weight:bold; line-height:1.3; margin-bottom:25px; letter-spacing:-1px; color:#fff; }
#mainSlider .swiper-slide .slide_txt .small_txt { font-size:18px; color:#fff; display:none; }
#mainSlider .swiper-button-next,
#mainSlider .swiper-button-prev { opacity:0; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mainSlider .swiper-container:hover .swiper-button-next,
#mainSlider .swiper-container:hover .swiper-button-prev { opacity:1; -webkit-transition: all 0.3s ease; transition: all 0.3s ease; }
#mainSlider .swiper-button-next { right:50px; background:url('/design/hairbest/13199/tem173/arrow_right.png') 0 0 no-repeat; width: 28px; height: 60px;}
#mainSlider .swiper-button-prev { left:50px; background:url('/design/hairbest/13199/tem173/arrow_left.png') 0 0 no-repeat; width: 28px; height: 60px;}
#mainSlider .swiper-pagination-bullets { bottom:26px;}
#mainSlider .swiper-pagination-bullet { width:9px; height:9px; background:#2e2e2e; opacity:1; }
#mainSlider .swiper-pagination-bullet-active { background:#fff;}

#mainSlider .swiper-container-horizontal > .swiper-pagination-bullets { bottom:auto; left:auto; width:auto; right:20px; top:45%; text-align:center; }
#mainSlider .swiper-container-horizontal > .swiper-pagination-bullets .swiper-pagination-bullet {display:block; margin:15px auto;  }
#mainSlider .swiper-pagination-bullet-active { background:#000; width:13px; height:13px; }

#contentWrapper h3 { font-size:34px;font-weight: 300; }
.withLeftItem { margin-top:150px; }
.withLeftItem h3 { font-size:34px;font-weight: 300; margin-bottom:30px; }
.withLeftItem .item-wrap { padding-top:0px !important; }

/* NEW COLLECTION */
#tabProduct {visibility:hidden;position:relative; padding:0; }
#tabProduct .item-wrap { padding: 0;}
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab .newCate_tit { font-size:34px; font-weight:600; letter-spacing:-1px; margin-bottom:60px; }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden; width:270px; float:left; }
#tabProduct .newCate_prod .newCateTab li{ display:block; width:100%; margin-top:15px; position:relative;}
#tabProduct .newCate_prod .newCateTab li a {display:block;font-size: 18px;font-weight: 300;color:#aaa;height:35px; line-height:35px;}
#tabProduct .newCate_prod .newCateTab li a:hover,
#tabProduct .newCate_prod .newCateTab li a.active { color:#000;font-weight:600;}
#tabProduct .newCate_prod .newCateTab li a.active:after { content: ''; position:absolute; width:10px; height:10px; top:13px; margin-left:5px; background:#ff6699; border-radius:50%; }
#tabProduct .newCate_prod .newCateList {position:relative;width:calc(100% - 270px); float:right;}
#tabProduct .newCate_prod::after { clear:both; content:""; display:block; }
#tabProduct .newCate_prod .slideList ul { zoom:1; overflow:hidden;margin-left: -1.5%;}
#tabProduct .newCate_prod .slideList ul li.itemWrap {float: left;position:relative; width: 20%; padding: 0 0 3% 1.5%;box-sizing:border-box; }
#tabProduct .newCate_prod .slideList ul li .thumb { position:relative; overflow: hidden; }
#tabProduct .newCate_prod .slideList ul li .thumb img {width:100%; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#tabProduct .newCate_prod .slideList ul li .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
#tabProduct .newCate_prod .slideList ul li:nth-child(5n+1) { clear:both; }
#tabProduct .newCate_prod .slideList .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
#tabProduct .newCate_prod .slideList .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
#tabProduct .newCate_prod .slideList .prd-preview i { font-size: 24px; }
#tabProduct .newCate_prod .prd-info { left:0;right:0;margin-top: 17px; min-height: 100px;}
#tabProduct .newCate_prod .prd-info .clChip span {display: inline-block;width: 12px;height: 4px; margin: 0 1px;vertical-align: top;}
#tabProduct .newCate_prod .prd-info .prd-name { margin:0 0 4px;font-size:16px;}
#tabProduct .newCate_prod .prd-info .subname { color: #8e8d8d; line-height: 18px; font-size: 13px; font-weight:300; padding-top:10px; margin-top:10px; border-top:1px #eee solid;}
#tabProduct .newCate_prod .prd-info .prd-price { font-size: 15px; position: relative; margin: 12px 0 0; font-weight:500; }
#tabProduct .newCate_prod .prd-info .prd-price del { color: #979797; font-weight: normal; font-size: 12px; margin: 0 8px; font-weight:200; }
#tabProduct .newCate_prod .prd-info .prd-price .dcPercent { color: #ff4000; font-size: 14px; font-weight:500; padding-right:5px; }
#tabProduct .newCate_prod .prd-info .prd-price span { }

/* 동그라미배너 */
#mainWrap .main_circle_wrap { width:1250px; margin:100px auto 150px auto; }
#mainWrap .main_circle_wrap a { width:130px; height:130px; display:block; position:relative; float:left; margin-left:30px; border-radius:40px; }
#mainWrap .main_circle_wrap a:hover .main_circle_txt { display:block; }
#mainWrap .main_circle_wrap a:first-child { margin-left:0; }
#mainWrap .main_circle_wrap::after { clear:both; content:""; display:block; }

/* 중간 배너 */
.midBanner { margin:150px 0; }
.midBanner li { float:left; width:50%;}
.midBanner li a { display:block; }
.midBanner li a img { width:100%; }

/* 중간 배너2
.midBanner2 { margin:100px 0; }
.midBanner2 li { float:left; width:calc(50% - 25px);}
.midBanner2 li:first-child { margin-right:50px; }
.midBanner2 li a { display:block; }
.midBanner2 li a img { width:100%; }
 */

/* 중간 배너2 */
.midBanner2 { margin:100px 0; }
.midBanner2 li { float:left; width:825px;}
.midBanner2 li:first-child { margin-right:50px; }
.midBanner2 li a { display:block; }

/* 중간 배너3 */
.midBanner3 li { float:left; width:840px;}
.midBanner3 li:first-child { margin-right:20px; }
.midBanner3 li a { display:block; }

/* 베스트아이템 */
.main_best_wrap h3 { font-size:34ps; letter-spacing:-1px; font-weight:normal; }
.main_best_wrap .bestItemSlider { position:relative; width:100%; padding:10px; background: #fff; }
.main_best_wrap p.ttl {font-size: 20px;display: inline-block;margin: 14% auto 3%;width: 100%;text-align: center;font-weight:500;}
.main_best_wrap .bestItemContainer {  overflow:hidden;width:100%;margin: 0 auto; }
.main_best_wrap .bestItemContainer .swiper-wrapper { padding: 20px 0; }
.main_best_wrap .bestItemContainer .swiper-slide { width:23.8%;margin: 0 20px 0 0; }
.main_best_wrap .bestItemContainer .swiper-slide a { display:block; }
.main_best_wrap .bestItemContainer .swiper-slide .thumb { position:relative; overflow: hidden; }
.main_best_wrap .bestItemContainer .swiper-slide .thumb img {width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.main_best_wrap .bestItemContainer .swiper-slide .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.main_best_wrap .bestItemContainer .swiper-slide .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
.main_best_wrap .bestItemContainer .swiper-slide .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
.main_best_wrap .bestItemContainer .swiper-slide .prd-preview i { font-size: 24px; }
.main_best_wrap .bestItemContainer .swiper-slide .listPic { width:100% }
.main_best_wrap .bestItemContainer .swiper-slide .listInfoBox .listName { font-size: 16px; margin:17px 0 4px; }
.main_best_wrap .bestItemContainer .swiper-slide .listInfoBox .subname { color: #8e8d8d; line-height: 18px; font-size: 13px; font-weight:300; padding-top:10px; margin-top:10px; border-top:1px #eee solid;}
.main_best_wrap .bestItemContainer .swiper-slide .listInfoBox .listPrice { font-size: 15px; position: relative; margin: 12px 0 0; font-weight:500; }
.main_best_wrap .bestItemContainer .swiper-slide .listInfoBox .listPrice del,
.main_best_wrap .bestItemContainer .swiper-slide .listInfoBox .listPrice strike { color: #979797; font-weight: normal; font-size: 12px; margin: 0 8px; font-weight:200; }
.main_best_wrap .bestItemContainer .swiper-slide .listInfoBox .listPrice .dcPercent { color: #ff4000; font-size: 14px; font-weight:500; padding-right:5px; }

/* 반려동물미용용품 */
.main_pet_wrap { padding-top:150px; }
.main_pet_wrap h3 { font-size:34ps; letter-spacing:-1px; font-weight:normal; margin-bottom:30px; }
.main_pet_wrap .petItemSlider { position:relative; width:100%; background: #fff; margin-top:15px; }
.main_pet_wrap p.ttl {font-size: 20px;display: inline-block;margin: 14% auto 3%;width: 100%;text-align: center;font-weight:500;}
.main_pet_wrap .petItemContainer {  overflow:hidden;width:100%;margin: 0 auto; }
.main_pet_wrap .petItemContainer .swiper-wrapper { padding: 20px 0; }
.main_pet_wrap .petItemContainer .swiper-slide { width:23.8%;margin: 0 20px 0 0; }
.main_pet_wrap .petItemContainer .swiper-slide a { display:block; }
.main_pet_wrap .petItemContainer .swiper-slide .thumb { position:relative; overflow: hidden; }
.main_pet_wrap .petItemContainer .swiper-slide .thumb img {width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
.main_pet_wrap .petItemContainer .swiper-slide .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
.main_pet_wrap .petItemContainer .swiper-slide .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
.main_pet_wrap .petItemContainer .swiper-slide .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
.main_pet_wrap .petItemContainer .swiper-slide .prd-preview i { font-size: 24px; }
.main_pet_wrap .petItemContainer .swiper-slide .listPic { width:100% }
.main_pet_wrap .petItemContainer .swiper-slide .listInfoBox .listName { font-size: 16px; margin:17px 0 4px; }
.main_pet_wrap .petItemContainer .swiper-slide .listInfoBox .subname { color:#8e8d8d;line-height:18px; padding-bottom: 7px;font-size: 14px;}
.main_pet_wrap .petItemContainer .swiper-slide .listInfoBox .listPrice { font-size: 15px; position: relative; margin: 12px 0 0; font-weight:500; }
.main_pet_wrap .petItemContainer .swiper-slide .listInfoBox .listPrice del,
.main_pet_wrap .petItemContainer .swiper-slide .listInfoBox .listPrice strike { color: #979797; font-weight: normal; font-size: 12px; margin: 0 8px; font-weight:200; }
.main_pet_wrap .petItemContainer .swiper-slide .listInfoBox .listPrice .dcPercent { color: #ff4000; font-size: 14px; font-weight:500; padding-right:5px; }

/* 메인상품목록 */
.withLeftItem .leftBanner { width:410px; float:left; padding-bottom:100px; margin-bottom:50px;}
.withLeftItem .leftBanner a { widthL410px; height:810px; display:block; position:relative; }
.withLeftItem .leftBanner h3 { position:absolute; top:30px; left:30px; }
.withLeftItem .item-wrap { width:calc(100% - 460px); float:right; }
.withLeftItem .item-wrap .item-cont .item-list { width:23.5%; }
.withLeftItem::after { clear:both; content:""; display:block; }
.prd-ico { margin-top:10px; }

/* MD's PICK 롤링상품 */
#mdPick { position:relative; margin: 150px 0 0 0; padding:100px 4%; background: #f8f8f8;}
#mdPick .mdPickSlider { overflow:hidden; }

/* 브랜드슬라이드 */
.brand_slide_wrap { position:relative; z-index:5; padding:100px 0 50px 0; overflow:hidden; }
.brand_slide_wrap .swiper-container { width:100%; max-width:720px; overflow:visible; }
.brand_slide_wrap .swiper-slide { margin:0 auto; text-align:center; }
.brand_slide_wrap .swiper-slide a { display:inline-block; }
.brand_slide_wrap .swiper-slide .logo { padding-top:40px; }
.brand_slide_wrap .swiper-slide .logo img { height:50px; }

/* 인스타그램 */
.instargram { padding:60px 0; }
.instargram > ul > li:first-child { width:20% }
.instargram > ul > li { float:left; width:80% }
.instargram .ttl {position:relative; float:left;font-size:34px; font-weight:300;}
.instargram .ttl .btnFollow { }
.instargram .ttl .btnFollow a {display:block;line-height:35px; width:120px; height:35px; border-radius:20px;background:#222;color:#fff;font-size:16px;text-align:center;border:1px solid #222; margin:10px 0;-webkit-transition:all 0.3s ease; transition:all 0.3s ease; }
.instargram .ttl .btnFollow a:hover { background:#fff;color:#222;border:1px solid #222; box-sizing: content-box; }
.instargram img { width:100%;}

@media (min-width:1200px) {
    .instargram > ul > li:first-child { width:22% }
	.instargram > ul > li { float:left; width:78% }

}
/* BASIC css end */