/* BASIC css start */
/*.item-wrap {overflow: hidden;margin: 0 auto;}*/
.quickMenu {display:none;}
#mainWrap { margin:0 auto; max-width:1620px; min-width: 1200px; }
#snapq {margin:100px 0;}

.bannerLine {width:100%; position:relative;}
.bannerLine img {position:relative; width:1902px; margin-left:-951px; left:50%;}

.brandMenu {width:1400px; margin:0 auto; margin-top:100px; overflow:hidden;}
.brandMenu h2 {width:100px; float:left; font-size:26px; font-weight:900;}
.brandMenu h2 a {display:inline-block; border-bottom:1px solid #000; font-size:12px; font-weight:300;}
.brandMenu  ul {float:right; overflow:hidden;}
.brandMenu  ul li {float:left;}
.more-btn {display:block; text-align:center;}
.more-btn a {display:inline-block; width:150px; height:40px; line-height:38px; border:1px solid #dbdbdb; color:#000; border-radius:20px; font-size:14px;}

.foot-banner {width:1200px; margin:0 auto 100px; overflow:hidden;}
.foot-banner .left {float:left;}
.foot-banner .right {float:right;}
.foot-banner .right ul {overflow:hidden; margin-top:26px;}
.foot-banner .right ul li {float:left; margin-left:27px;}
.foot-banner .right ul li:first-child {margin-left:0;}

.brandPromotion {max-width:1200px; margin:100px auto 50px;}
.brandPromotion ul {overflow:hidden;}
.brandPromotion ul li {float:left; width:32%; margin-right:2%; margin-bottom:50px;}
.brandPromotion ul li:nth-child(3n) {margin-right:0;}
.brandPromotion ul li .desc h2 {font-size:18px; margin-top:10px;}
.brandPromotion ul li .desc span {margin-top:5px; font-size:13px; display:block;}
/* 메인 슬라이드 배너 */
#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; }
#mainSlider .swiper-slide img { width: 100%; display: block; height: auto;}
#mainSlider .swiper-button-next { right:50px; background:url('/design/jogunshop/13199/tem173/arrow_right.png') 0 0 no-repeat; width: 28px; height: 60px;}
#mainSlider .swiper-button-prev { left:50px; background:url('/design/jogunshop/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-progressbar{max-width:800px; top:auto; bottom:30px; left:50%; margin-left:-400px; background:rgba(255,255,255,0.8);}
#mainSlider .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000;}
#contentWrapper h3 { font-size:17px;font-weight: 700; text-align:center; font-family:'Noto Sans KR';}
#contentWrapper .sub-title {color:#999; font-size:13px; margin-top:20px; margin-bottom:10px; text-align:center; font-weight:200;}
.main-banner-width33 {margin:200px auto; max-width:1420px;}
.main-banner-width33 ul{font-size:0; text-align:center;}
.main-banner-width33 ul li{display:inline-block; width:calc(33.333% - 20px); margin-right:30px;}
.main-banner-width33 ul li:last-child{margin-right:0;}
.main-banner-width33 ul li a img{width:100%;}
/* NEW COLLECTION */
#tabProduct {position:relative; max-width:1200px; margin:0 auto;}
#tabProduct .item-wrap { padding: 0;}
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden; text-align:center; margin-top:20px;}
#tabProduct .newCate_prod .newCateTab li{ display:inline-block; padding:0 70px; position:relative;}
#tabProduct .newCate_prod .newCateTab li:after{content:''; width:1px; height:12px; background:#a8a8a8; position:absolute; top:4px; right:0;}
#tabProduct .newCate_prod .newCateTab li:last-child:after{display:none;}


#tabProduct .newCate_prod .newCateList {position:relative;padding: 26px 0;}
#tabProduct .newCate_prod .newCateList .item-wrap .item-cont .item-list {margin-bottom:60px;}
#tabProduct .newCate_prod .newCateList .swiper-slide {background:#fff;}
#tabProduct .newCate_prod .slideList ul { zoom:1; overflow:hidden;}
#tabProduct .newCate_prod .slideList ul li.itemWrap {display:inline-block; vertical-align:top; position:relative; width: 25%; 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%; height:auto; -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) }


#tabProduct02 {position:relative;max-width:1200px; margin:0 auto;}
#tabProduct02 .item-wrap { padding: 0;}
#tabProduct02 .newCate_prod02 .newCateTab02 {zoom: 1;overflow: hidden; text-align:center; margin-top:20px;}
#tabProduct02 .newCate_prod02 .newCateTab02 li{ display:inline-block; padding:0 50px; position:relative; line-height:40px; border-radius:25px; border:1px solid #dbdbdb; margin:0 7px;}

#tabProduct02 .newCate_prod02 .newCateList {position:relative;padding: 26px 0;}
#tabProduct02 .newCate_prod02 .newCateList .item-wrap .item-cont .item-list {margin-bottom:60px;}
#tabProduct02 .newCate_prod02 .newCateList .swiper-slide {background:#fff;}
#tabProduct02 .newCate_prod02 .slideList ul { zoom:1; overflow:hidden;}
#tabProduct02 .newCate_prod02 .slideList ul li.itemWrap {display:inline-block; vertical-align:top; position:relative; width: 25%; padding: 0 0 3% 1.5%;box-sizing:border-box; box-sizing: border-box;}
#tabProduct02 .newCate_prod02 .slideList ul li .thumb { position:relative; overflow: hidden; }
#tabProduct02 .newCate_prod02 .slideList ul li .thumb img {width:100%;    height: auto; -webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#tabProduct02 .newCate_prod02 .slideList ul li .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }

.newCateTab .swiper-pagination-bullet {width:auto; height:auto; background:none; opacity:1;}
.newCateTab .swiper-pagination-bullet-active {opacity:1; background:none;}
.newCateTab .swiper-pagination-bullet span{position:relative; display:inline-block;font-size: 12px;font-weight: 500;color:#a8a8a8; padding-bottom:3px;}
.newCateTab .swiper-pagination-bullet span:hover,
.newCateTab .swiper-pagination-bullet-active span { color:#000;}
.newCateTab .swiper-pagination-bullet-active span:hover:after,
.newCateTab .swiper-pagination-bullet-active span:after {content:''; width:100%; height:2px; background:#000; position:absolute; bottom:0; left:0;}


#tabProduct02 .newCateTab02 .swiper-pagination-bullet {width:auto; height:auto; background:none; opacity:1; position:relative; display:inline-block;font-size: 12px;font-weight: 500;color:#a8a8a8;}
#tabProduct02 .newCateTab02 .swiper-pagination-bullet-active {opacity:1; background:none;}
#tabProduct02 .newCateTab02 .swiper-pagination-bullet-active { color:#fff; background:#000;}


/* 중간 배너 */
.midBanner {margin:100px auto 280px; max-width:1420px;}
.midBanner ul{font-size:0;}
.midBanner li { display:inline-block; width:calc(50% - 15px); margin-right:30px;}
.midBanner li:last-child{margin-right:0;}
.midBanner li a { display:block; }
.midBanner li a img { width:100%; }

/* MD's PICK 롤링상품 */
#mdPick { position:relative; margin: 50px 0 100px; padding: 3.6% 2.8%; background: #f3f3f3;}
#mdPick .leftAboutInfo { float:left; font-weight: 300; width:12%; }
#mdPick .leftAboutInfo .Info { }
#mdPick .leftAboutInfo .Info .t1 { font-size:34px; margin: 0 0 8px;}
#mdPick .leftAboutInfo .Info .t2 { font-size:18px; color:#808080; }
#mdPick .leftAboutInfo .Info a.mdBtn { display:block;background:#222; color:#fff;border:1px solid #222; position:absolute;bottom:10%;height:58px;line-height:58px; padding:0 2%; font-size:16px;}
#mdPick .leftAboutInfo .Info a.mdBtn:hover {background:#f3f3f3; color:#222;border:1px solid #222; }
#mdPick .mdPickSlider { position:relative; float:right;width:84%; padding:10px; background: #fff; }
#mdPick p.ttl {font-size: 20px;display: inline-block;margin: 14% auto 3%;width: 100%;text-align: center;font-weight:500;}
#mdPick .mdPickContainer {  overflow:hidden;width:90%;margin: 0 auto; }
#mdPick .mdPickContainer .swiper-wrapper { padding: 20px 0; }
#mdPick .mdPickContainer .swiper-slide { width:23.8%;margin: 0 20px 0 0; }
#mdPick .mdPickContainer .swiper-slide a { display:block; }
#mdPick .mdPickContainer .swiper-slide .thumb { position:relative; overflow: hidden; }
#mdPick .mdPickContainer .swiper-slide .thumb img {width:100%;-webkit-transition: -webkit-transform 0.5s ease;transition:transform 0.5s ease;}
#mdPick .mdPickContainer .swiper-slide .thumb:hover img {-webkit-transform: scale(1.15);transform: scale(1.15) }
#mdPick .mdPickContainer .swiper-slide .thumb:hover .prd-preview { display:block; -webkit-transition: -webkit-transform 0.3s ease;transition:transform 0.3s ease; }
#mdPick .mdPickContainer .swiper-slide .prd-preview { display:none; position:absolute; right:15px;bottom:15px; width:24px;margin:0 auto;}
#mdPick .mdPickContainer .swiper-slide .prd-preview i { font-size: 24px; }
#mdPick .mdPickContainer .swiper-slide .listPic { width:100% }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listName { font-size: 16px; margin:17px 0 4px; }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .subname { color:#8e8d8d;line-height:18px; padding-bottom: 7px;font-size: 14px;}
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice { font-size: 16px;position:relative;margin:12px 0 0;}
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice del,
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice strike { color:#8e8d8d; font-weight: normal; font-size: 14px; margin: 0 8px; }
#mdPick .mdPickContainer .swiper-slide .listInfoBox .listPrice .dcPercent { color:#d95115; font-size:16px;}
#mdPick .mdPickContainer .swiperBtn {color:#111;font-size: 27px;position:absolute;top:46%;text-align:center;background-image: none; z-index:11;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-next {right:20px;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-prev {left:20px;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-next:hover img { background:url('/design/dycjs/13199/tem173/md_arrow_right_on.png') no-repeat; z-index:11;}
#mdPick .mdPickContainer .swiperBtn.swiper-button-prev:hover img { background:url('/design/dycjs/13199/tem173/md_arrow_left_on.png') no-repeat; z-index:11;}
#mdPick .mdPickContainer .swiper-scrollbar { width:100%;height: 2px; left:0; bottom:0; background: #dbdbdb;}
#mdPick .mdPickContainer .swiper-scrollbar-drag { background: #000;}

/* 인스타그램 */
.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) {
	#mdPick .leftAboutInfo { float:left; font-weight: 300; width:15%; }
	#mdPick .mdPickSlider { position:relative; float:right;width:80%; padding:10px; background: #fff; }
    .instargram > ul > li:first-child { width:22% }
	.instargram > ul > li { float:left; width:78% }

}
.brandSlide {max-width:1920px;}
.brandSlide .swiper-slide img{max-width:100%;}
.brandSlide .iconTab{margin-top:30px; font-size:0; text-align:Center;}
.brandSlide .iconTab span{display:inline-block; margin:0 15px; cursor:pointer; opacity:0.3;}
.brandSlide .iconTab span.active {opacity:1;}

.brandSlide .swiper-container-horizontal>.swiper-pagination-progressbar {position:relative; max-width: 600px; margin: 0 auto;  margin-top: 30px; height:2px;}
.brandSlide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000;}

.todaySlider {padding-top:20px; margin-bottom:140px; counter-reset: section; position:relative;}
.todaySlider .swiper-pagination {position:relative; height:2px!important; margin-bottom:25px; margin-top:-50px;}
.todaySlider .swiper-pagination:after {display: block; padding-top: 10px; content:"슬라이딩 하시면 더 많은 상품을 보실 수 있습니다."; text-align: left; color: #AFAEAF; font-size: 11px;}

.todaySlider .swiper-button-next {right:-60px; margin-top:-9%; background: url(http://www.jogunshop.com/design/jogunshop/13199/tem173/arrow_right.png) no-repeat; background-size: 100%; width: 28px; height: 60px;}
.todaySlider .swiper-button-prev {left:-60px; margin-top:-9%; background: url(http://www.jogunshop.com/design/jogunshop/13199/tem173/arrow_left.png) no-repeat; background-size: 100%; width: 28px; height: 60px;}

.todaySlider .bestBg {
    background:rgba(0,0,0,0.5);
    position: absolute;
    top: 0;
    right: 0px;
    width: 40px;
    height: 40px;
    z-index: 10;
}
.todaySlider .thumb:before {
    content: 'BEST';
    position: absolute;
    top: 5px;
    right: 0;
    text-align:center;
    color: #fff;
    font-size: 10px;
    font-family: Helvetica;
    font-weight: 600;
    z-index: 11;
    width:40px;
}

.todaySlider .thumb:after {
    counter-increment: section;
    content: counter(section);
    position: absolute;
    top: 20px;
    right: 0;
    text-align:center;
    color: #fff;
    font-size: 12px;
    font-family: Helvetica;
    font-weight: 600;
    z-index: 11;
    width:40px;
}


.todaySlider .swiper-pagination .swiper-pagination-progressbar-fill {
    background: #5ea3ec!important;
}


/* BASIC css end */