/* BASIC css start */
/*.item-wrap {overflow: hidden;margin: 0 auto;}*/
.quickMenu {display:none;}
#main_slide .swiper-button-prev,
#main_slide .swiper-button-next {background:none; position:relative; width:20px; height:20px; top:0; left:0; right:0; bottom:0; margin:0;}

#main_slide .swiper-button-prev svg,
#main_slide .swiper-button-next svg {width:20px; height:auto;}
#main_slide:hover .swiper-button {display:block!important;}

#main_slide {position:relative; overflow:hidden;}
#main_slide > img {width:100%;}
#main_slide .swiper-slide {position:relative; width:500px; border-radius:16px; overflow:hidden;}
#main_slide .swiper-slide:after {content:''; position:absolute; background:rgba(0,0,0,0.5); width:100%; height:100%; top:0; left:0;}

#main_slide .swiper-slide.swiper-slide-prev:after,
#main_slide .swiper-slide.swiper-slide-next:after,
#main_slide .swiper-slide.swiper-slide-active:after {content:none;}
#main_slide .swiper-slide .info {position: absolute; color: #fff; bottom: 0; left: 0; width: 100%; box-sizing: border-box; padding: 50px 30px; background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5));}
#main_slide .swiper-slide .info.displaynone {display:none;}
#main_slide .swiper-slide .info h2 {font-size:24px; line-height:30px; color:#fff; font-weight:700;}
#main_slide .swiper-slide .info span {font-size:14px; margin-top:10px; display:block;}
#main_slide .swiper-slide img {width:100%;}
#main_slide .swiper-slide:last-child {}
#main_slide .swiper-slide a {display:block;}
#main_slide .swiper-slide .thumb img {width:100%;}
#main_slide .swiper-slide .svg {position:absolute; left:0; bottom:0; width:100%; height:100%;}
#main_slide .swiper-slide .svg svg {width:100%; height:auto;}
#main_slide .arrow {display:flex;}

#main_slide .mainSlideController {display:inline-block; width:20px; height:20px; position:relative;}
#main_slide .mainSlideController img {position:absolute; top:50%; left:50%; transform: translate(-50%,-50%); width:20px; }
#main_slide .controller {position:relative; padding:24px 0; display:flex; justify-content:center; gap:7.5px; align-items: center; }
#main_slide .swiper-pagination {position:relative; bottom:auto; width:1000px; display:inline-block; text-align:center; height:3px;}
#main_slide .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#000;}


#main_slide .controller .mainSlideView {display:inline-block; line-height: 1; font-size:0;}
#main_slide .controller .mainSlideView svg path {stroke:#fff;}
#main_slide .controller .mainSlideView svg circle {stroke:#fff;}

#mainWrap { margin:0 auto; max-width:1620px; min-width: 1200px; }
#snapq {margin:100px 0;}

.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;}
/* 메인 슬라이드 배너 */
#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; }
#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 .newCateTab {zoom: 1;overflow: hidden; text-align:center; margin-top:20px;}
#tabProduct02 .newCate_prod02 .newCateTab li{ display:inline-block; padding:0 70px; position:relative;}
#tabProduct02 .newCate_prod02 .newCateTab li:after{content:''; width:1px; height:12px; background:#a8a8a8; position:absolute; top:4px; right:0;}
#tabProduct02 .newCate_prod02 .newCateTab li:last-child:after{display:none;}
#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; }
#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;}


/* 중간 배너 */
.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; position:relative; overflow:hidden;}
.midBanner li:last-child{margin-right:0;}
.midBanner li a { display:block; }
.midBanner li a img { width:100%; }

.midBanner .info {position:absolute; bottom:0; left:0; color:#fff; padding:50px 50px; width:100%; background: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.5))}
.midBanner .info.displaynone {display:none;}
.midBanner .info h2 {font-size:40px; line-height:46px; color:#fff; font-weight:400; }
.midBanner .info span {font-size:16px; margin-top:10px; display:block;}

/* 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; margin:180px auto 0;}
.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;}

.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-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-weight: 600;
    z-index: 11;
    width:40px;
}


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


/* BASIC css end */