/* BASIC css start */
.tapWrap .productBox .prod_icon .MK-product-icons img { border: 0 !important; }

/* 스와이퍼 스크롤바 색상 변경 */
.swiper .swiper-scollbar {
    background-color: #E1E1E1;
    height: 3px !important;
    cursor: pointer;
}
.swiper .swiper-scrollbar-drag {
    background-color: #111111 !important;
}

/*탭디자인*/
.tapWrap { 
    max-width: 1340px;
    margin: 0 auto;
    background-color: #fff;
    padding: 100px 0;
}
.tapWrap2 {
    padding: 100px 0;
    background-color: #f6f6f6;
}
.tapWrap2 .normal_item .prod_name {border-bottom:1px solid #cfcfcf;}
.tapWrap2 .inner {
    max-width:1680px;
    margin:0 auto;
}
.tapWrap h2 {
    width: 100%;
}
.tapWrap h2,
.tapWrap2 h2 {
    font-size: 27px;
    font-weight: 900;
    max-width: 1800px;
    margin: 0 auto 20px;
    line-height: 1;
}
.tapWrap .swiper,
.tapWrap2 .swiper{
    width: 100%;
    height: 100%;
}
.tapWrap .listSwiper ol, .tapWrap2 .listSwiper2 ol { width: 100%; }
.tapWrap .listSwiper ol,
.tapWrap2 .listSwiper2 ol{
    display: flex;
    max-width: 1800px;
    margin: 0 auto 30px;
    cursor: pointer;
}
.tapWrap .listSwiper ol li,
.tapWrap2 .listSwiper2 ol li{
    display: inline-block;
    text-align: center;
    width: auto;
    padding:0 20px;
    height: 34px;
    line-height: 34px;
    border-radius: 34px;
    margin-right: 5px;
    border: 1px solid #cdcdcd;
    text-align: center;
    font-size: 13px;
    font-weight: 500;
    letter-spacing: -0.33px;
    color: #000;
}
.tapWrap .listSwiper ol li.act,
.tapWrap2 .listSwiper2 ol li.act{
    background:#000;
    border:1px solid #000;
    color:#fff;
}
/* 240111 실시간 베스트 아우터 이벤트 추가 */
.tapWrap .listSwiper ol li:nth-child(2),
.tapWrap2 .listSwiper2 ol li:nth-child(2) {
    /* color: #e95757; */
    opacity: 0.8;
}

.tapWrap .listSwiper ol li.act:nth-child(1),
.tapWrap2 .listSwiper2 ol li.act:nth-child(1) {
    opacity: 1;
}
/* 240111 실시간 베스트 아우터 이벤트 추가 끝 */

.tapWrap .productBox,
.tapWrap2 .productBox2 {
    position: relative;
}

.tapWrap .productBox > div,
.tapWrap2 .productBox2 > div{
    opacity: 0;
    height: 0;
    pointer-events: none;
}

.tapWrap .productBox .prod_icon img,
.tapWrap2 .productBox2 .prod_icon img{
    /* border: 1px solid #b3b3b3; */
    border: 0;
}

.tapWrap .productBox > div.act,
.tapWrap2 .productBox2 > div.act{
    display: block;
    opacity: 1;
    transition-duration: .3s;
    height: auto;
    pointer-events: auto;
}

.tapWrap .productBox > div .swiper,
.tapWrap2 .productBox2 > div .swiper {
    margin: 0 auto;
    overflow: visible;
}
.tapWrap .productBox > div .swiper .swiper-wrapper , .tapWrap2 .productBox2 > div .swiper .swiper-wrapper {
    counter-reset: number;
}
.tapWrap .productBox > div .prod_thumb,
.tapWrap2 .productBox2 > div .prod_thumb{
    max-width: 344px;
}
.tapWrap .productBox > div .prod_thumb:after,
.tapWrap2 .productBox2 > div .prod_thumb:after{
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 10px;
    left: 10px;
    z-index: 110;
    color: #fff;
    line-height: 30px;
    width: 30px;
    text-align: center;
    font-size: 19px;
    font-weight: 600;
    background: #000;
    border-radius: 5px;
    pointer-events:none;
}

.tapWrap .productBox .swiper-slide:first-child .prod_thumb:after,
.tapWrap2 .productBox2 .swiper-slide:first-child .prod_thumb:after{
    background:#640585;
}
.tapWrap .productBox > div .thumb_img,
.tapWrap2 .productBox2 > div .thumb_img{
    margin: 0;
}

.tapWrap .productBox > div .normal_item:nth-child(4n),
.tapWrap2 .productBox2 > div .normal_item:nth-child(4n){
    margin-right: 20px !important;
}

.tapWrap .productBox > div .swiper-button-next, 
.tapWrap .productBox > div .swiper-button-prev,
.tapWrap2 .productBox2 > div .swiper-button-next, 
.tapWrap2 .productBox2 > div .swiper-button-prev{
    color: #000;
}

.tapWrap .productBox .swiper-button-next,
.tapWrap2 .productBox2 .swiper-button-next{
    right: 1%;
}

.tapWrap .productBox .swiper-button-prev,
.tapWrap2 .productBox2 .swiper-button-prev{
    right: -3%;
}

.tapWrap .productBox .overflowBox,
.tapWrap2 .productBox2 .overflowBox{
    overflow: hidden;
    max-width: 1800px;
    /* width: 94%; */
    width: 100%;
    margin: 0 auto;
}

/* 메플 밑 슬라이드 디자인 */
.slideClothes {
    padding-top: 70px;
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
}
.slideClothes > div {
    position: relative;
}
.slideClothes h2 {
    font-size: 27px;
    margin-bottom: 35px;
    font-weight: 600;
}
.slideClothes .swiper {
    width: 100%;
    height: 100%;
    padding: 0 0 60px;
}
.slideClothes .swiper-slide {
    width: 320px;
    font-size: 18px;
    background: #fff;
    display: block;
    justify-content: center;
    align-items: center;
}
.slideClothes .swiper-slide a {
    display: block;
}

.slideClothes .swiper-slide .add_link {
    display: inline-block;
    padding: 4px;
    background: rgba(0, 0, 0, 0.5);
    color: #fff;
    width: 13px !important;
    height: 13px !important;
    line-height: 13px;
    text-align: center;
    font-size: 10px;
    z-index: 10;
    margin: 0 !important;
}
.slideClothes .swiper-slide img {
    display: block;
    width: 100%;
    height: 240px;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 15px;
}
.slideClothes .swiper-slide dl {
    padding-left: 8px;
}
.slideClothes .swiper-slide dl dt {
    font-weight: bold;
    margin-bottom: 8px;
    font-size: 16px;
}
.slideClothes .swiper-slide dl dd {
    font-size: 14px;
    color: #a8a8a8;
}
.slideClothes .swiper-button-next {
    left: calc(100% + 35px);
    background: url(https://www.jstyleshop.net/design/jstyle07/wib/img_pc/main/pnext.svg)
        no-repeat center / auto;
    opacity: 1;
    transform: translateY(-85%);
}
.slideClothes .swiper-button-prev {
    background: url(https://www.jstyleshop.net/design/jstyle07/wib/img_pc/main/pprev.svg)
        no-repeat center / contain;
    position: absolute;
    right: calc(100% + 35px);
    left: auto;
    opacity: 1;
    transform: translateY(-85%);
}
.swiperClothesArrow {
    position: absolute;
    width: 100%;
    bottom: 55%;
    left: 0;
    --swiper-theme-color: #a8a8a8;
}
.swiperClothes .swiper-button-prev:after,
.swiperClothes .swiper-button-next:after {
    content: "" !important;
}

.sec1 .swiper-button-lock {
    display: block;
}
.sec1 .swiper-button-next.swiper-button-disabled,
.sec1 .swiper-button-prev.swiper-button-disabled {
    opacity: 1;
    cursor: pointer;
    pointer-events: auto;
}

/*더보기*/
.morelook{position:absolute;right:0;top:-6px; display:block; width: 103px;height: 36px;line-height:36px;border: 1px solid #9C9C9C;border-radius: 500px;text-align:left;color: #9C9C9C;letter-spacing: -0.02em;font-weight: 400;font-size: 14px;text-indent: 16px;}
.morelook img{vertical-align:middle;margin-left:10px;position: absolute;top: 6px;right: 14px;}


/*sec1 */
.sec1{width:1400px; margin:0 auto;  position:relative; text-align:center;}
.sec1 .swiper {overflow:unset;}
.sec1 .swiper-slide{width:1340px; position:relative; font-size:0; padding:0 30px;}
.sec1 .swiper-slide>a{   display: inline-block;}
.sec1 .swiper-slide::after{position:absolute;top:0;left:30px;content:"";width:calc(100% - 60px);height:100%;background: linear-gradient(0deg, rgba(0, 0, 0, 0.6), rgba(0, 0, 0, 0.6));  border-radius:10px; overflow:hidden;}
.sec1 .swiper-slide-active::after{display:none;}
.sec1 .swiper-slide.slide1{}
.sec1 .swiper-slide a{width: 100%; height: 100%; width:calc(50% - 10px); margin-right:20px;}
.sec1 .swiper-slide a:last-child{margin-right:0;}
.sec1 .swiper-slide img{width:100%; border-radius:10px; overflow:hidden;}
.sec1 .swiper-slide.slide2 a{width:calc(50% - 10px);display:inline-block;margin-right:20px;}
.sec1 .swiper-slide.slide2 a:last-child{margin-right:0;}
.sec1 .swiper-slide .add_link {display:inline-block; padding:4px; background:rgba(0,0,0,0.5); color:#fff; width:13px!important;; height:13px!important;; line-height:13px; text-align:center; font-size:10px; z-index:10; margin:0!important;}
.sec1 .arrowbox{width:1340px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:99;}
.sec1 .swiper-button-next,.sec1 .swiper-button-prev{width:50px;height:50px;}
.sec1 .swiper-button-next::after,.sec1 .swiper-button-prev::after{display:none;}
.sec1 .swiper-button-next{ background:url(/design/jstyle07/wib/img_pc/main/main1arrow2.svg) no-repeat;background-size:50px;right:-26px;}
.sec1 .swiper-button-prev{background:url(/design/jstyle07/wib/img_pc/main/main1arrow1.svg) no-repeat;background-size:50px;left:-26px;}
.sec1 .swiper-pagination{width: 50px;height: 18px;line-height:18px;background: #FFFFFF;border-radius: 500px;left:50%;transform:translate(-50%);bottom:14px;color: #9C9C9C;letter-spacing: 0.02em;font-weight: 400;font-size: 11px;}
.sec1 .swiper-pagination .swiper-pagination-current{color: #1B1B1B;letter-spacing: 0.02em;font-weight: 400;font-size: 11px;}
.sec1 .swiper-pagination .swiper-pagination-total{color: #9C9C9C;letter-spacing: 0.02em;font-weight: 400;font-size: 11px;}

/*sec2 */
.sec2{width:1340px;margin:0 auto 52px;position:relative;}
.sec2 h3{color: #1B1B1B;letter-spacing: -0.02em;font-weight: 600;font-size: 27px;line-height: 27px;margin:70px 0 35px; }
.sec2 .normal_item:nth-child(4n){margin-right:20px !important;}
.sec2 .swiper-button-next,.sec2 .swiper-button-prev{width:80px;height:78px;}
.sec2 .swiper-button-next::after,.sec2 .swiper-button-prev::after{display:none;}
.sec2 .swiper-button-next{background:url(/design/jstyle07/wib/img_pc/main/pnext.svg) no-repeat;background-position:center;right:-92px;    transform: translateY(-50%);}
.sec2 .swiper-button-prev{background:url(/design/jstyle07/wib/img_pc/main/pprev.svg) no-repeat;background-position:center;left:-92px;    transform: translateY(-50%);}

/*sec3 */
.sec3{display:flex; align-items:center; justify-content:center;}
.sec3>a{display:block;width:50%;}
.sec3>a img{width:100%;}
.sec3>a:nth-child(1) .txt{left:290px;}
.sec3>a:nth-child(2) .txt{left:100px;}
.sec3>a .txt{position:absolute;top:50%;left:0;transform:translateY(-50%);}
.sec3>a .txt p:nth-child(1){color: #FFFFFF;letter-spacing: -0.02em;font-weight: 600;font-size: 15px;margin-bottom:13px;}
.sec3>a .txt p:nth-child(2){color: #FFFFFF;letter-spacing: -0.02em;font-weight: 600;font-size: 22px;}
.sec3>a .txt p:nth-child(2) b{color: #FFF000;}

.plus_event{
    width:50%;
    height:170px;
    position:relative;
    background:url(https://jstyle07.jpg3.kr/SITE/BANNER/2023/PLB_kakao_main.jpg) no-repeat top center / contain;
}
.plus_event a{
    width:100%;
    height:100%;
    display:block;
}

/*sec4 */
.sec4{width:1340px;margin:0 auto 120px;position:relative;}
.sec4 h3{color: #1B1B1B;letter-spacing: -0.02em;font-weight: 600;font-size: 27px;line-height: 27px;margin:70px 0 35px; }
.sec4 .normal_item:nth-child(4n){margin-right:20px !important;}
.sec4 .swiper-button-next,.sec4 .swiper-button-prev{width:80px;height:78px;}
.sec4 .swiper-button-next::after,.sec4 .swiper-button-prev::after{display:none;}
.sec4 .swiper-button-next{background:url(/design/jstyle07/wib/img_pc/main/pnext.svg) no-repeat;background-position:center;right:-92px; transform: translateY(-50%);}
.sec4 .swiper-button-prev{background:url(/design/jstyle07/wib/img_pc/main/pprev.svg) no-repeat;background-position:center;left:-92px; transform: translateY(-50%);}
.sec4 .btn_more {display:block; width:200px; text-align:center; height:50px; line-height:50px; border-radius:50px; background:#000; color:#fff; margin:50px auto 0; font-size:16px;}
.sec4 .list{font-size:0;}
.sec4 .list>div{width:calc(25% - 15px);margin-right:20px;} 
.sec4 .list>div:nth-child(4n){margin-right:0 !important;}


/*sec6 */
.sec6{width:1340px;margin:122px auto 122px;overflow:hidden;}
.sec6 h3{color: #1B1B1B;letter-spacing: -0.02em;font-weight: 600;font-size: 27px;line-height: 27px;}
.sec6 .swiper{overflow:visible;}
.sec6 .swiper-pagination{bottom:auto;top:-56px;text-align:left;}
.sec6 .tab_cont{height:auto;}
.sec6 .tab_cont>div { display: none; text-align: center;font-size:0;}
.sec6 .tab_cont>div.on {display: block;}
.sec6 .tab_cont .normal_item {width:calc(25% - 15px);margin-right:20px !important;}
.sec6 .tab_cont .normal_item:nth-child(4n){margin-right:0 !important;}
.sec6 .tab_title{margin-bottom:20px;}

.sec6 .tabs {margin:25px 0 20px;}
.sec6 .tabs li {cursor:pointer;opacity:1 !important; display:inline-block;background:#fff; width:auto; height:36px; padding:0 22px; box-sizing:border-box; line-height:34px;text-align:center; border: 1px solid #cdcdcd; color:#000; border-radius: 34px; margin-right:4px;}
.sec6 .tabs li a {color: #000;letter-spacing: -0.02em;font-weight: 400;font-size: 15px;letter-spacing: -0.02em; display:block; line-height:34px;}
.sec6 .tabs li.active {border: 1px solid #000; background:#000;}
.sec6 .tabs li.active a {color: #fff;}
.sec6 .swiper-fade .swiper-slide {opacity:0!important;}
.sec6 .swiper-fade .swiper-slide.swiper-slide-active {opacity:1!important;}
.sec6 .swiper .swiper-wrapper .swiper-slide .viewmore{
    display: block;
    width: 200px;
    text-align: center;
    height: 50px;
    line-height: 50px;
    border-radius: 50px;
    background: #000;
    color: #fff;
    margin: 50px auto 0;
    font-size: 16px;
}
.sec6 .swiper .swiper-wrapper .swiper-slide .viewmore img{margin-left:15px; margin-top:22.5px;}


/*sec8 */
.sec8{width:1340px;margin:120px auto 150px;}
.sec8 h3{color: #1B1B1B;letter-spacing: -0.02em;font-weight: 600;font-size: 27px;line-height: 27px;margin-bottom:35px;position: relative;}
.sec8 ul{font-size:0;}
.sec8 ul li{display:inline-block;width:calc(33.3333% - 13.3333px);font-size:10px;margin-right:20px;}
.sec8 ul li:last-child{margin-right:0;}
.sec8 ul li img{width:100%;}
.sec8 ul li .txt{text-align:center;}
.sec8 ul li .txt p:nth-child(1){margin:17px 0 13px; color: #1B1B1B;letter-spacing: 0.02em;font-weight: 600;font-size: 20px;line-height: 20px;}
.sec8 ul li .txt p:nth-child(2){color: #1B1B1B;letter-spacing: -0.02em;font-weight: 400;font-size: 15px;line-height: 15px;}


/*sec11 */
.sec11{font-size:0;position:relative;background: #FCF8FF;padding:57px 0 11px 0;}
.sec11 h3{position:relative; width:1340px;margin:0 auto 35px ;color: #1B1B1B;letter-spacing: -0.02em;font-weight: 600;font-size: 27px;line-height: 27px;}
.sec11 .more1{position:absolute;right:0;top:-6px;background: #fff; display:inline-block; border: 1px solid #9C9C9C;border-radius: 500px;width: 103px;height: 36px;line-height:36px;color: #9C9C9C;letter-spacing: -0.02em;font-weight: 400;font-size: 14px;padding: 0 0 0 16px;box-sizing:border-box;}
.sec11 .more1 img{vertical-align:middle;margin-left:10px;position: absolute;top: 6px;right: 14px;}
.sec11 .sec11w{width:1340px;margin:0 auto  ;}
.sec11 .normal_item {width:calc(25% - 15px);margin-right:20px !important;}
.sec11 .normal_item:nth-child(4){margin-right:0 !important;}


/* 공통 */
p {text-transform:capitalize;}
body #contentWrap{width:100%!important;margin-bottom: 0!important}
#main{overflow-x:hidden}
#contentWrapper{padding:0!important}

.member_btn_wrap{background:#46479b;text-align:center;padding:55px 0;color:#fff}
.member_btn_wrap>p:nth-child(1){font-size:26px;margin:0 0 15px 0}
.member_btn_wrap>p:nth-child(1) b{font-weight:700}
.member_btn_wrap>p:nth-child(2){font-size:18px;margin:0 0 32px 0}
.member_btn_wrap .member_btn_inner>a{width:150px;height:47px;line-height:47px;font-size:18px;color:#fff;border:1px solid #fff;display:inline-block;margin:0 4px}
.member_btn_wrap .member_btn_inner>a:last-child{background:#fff;color:#46479b}


/* 250602 ADD */
.mk_contents7 { width: 1340px; margin: 0 auto; }
.mk_contents7 h3 { color: #1b1b1b; letter-spacing: -0.02em; font-weight: 600; font-size: 27px; line-height: 27px; margin: 70px 0 35px; }
.mk_contents7 .contentBtns { position: relative; }
.mk_contents7 .contentBtns img { width: 100%; }
.mk_contents7 .contentBtn { position: absolute; width: 23.88%; height: 100%; top: 0; display: block; }
.mk_contents7 .contentBtn.cbtn--live { left: 0; }
.mk_contents7 .contentBtn.cbtn--stylelog { left: 24.93%; }
.mk_contents7 .contentBtn.cbtn--reels { left: 50.52%; }
.mk_contents7 .contentBtn.cbtn--evellet { right: 0; }
/* BASIC css end */