/* BASIC css start */
.tapWrap .productBox > div p.pro_icons img { border: 0 !important; }
.moreBtn { width: 36px; margin: 0 auto; color: #000; }
.moreBtn i {
    display: block;
    width: 36px; height: 36px;
    line-height: 34px;
    text-align: center;
    border: 1px solid #ddd;
    border-radius: 18px;
}
.moreBtn span{
    display: block;
    padding-top: 5px;
    text-align: center;
    font-size: 12px;
    font-weight: 500;
}

/* 트렌드픽 추가하면서 같이 추가한 스와이퍼 스크롤바 */
.swiper .swiper-scollbar {
    background-color: #E1E1E1;
    height: 3px !important;
    cursor: pointer;
    margin-top: 5%;
    width: 97%;
}
.swiper .swiper-scrollbar-drag { background-color: #111111 !important; }
.thumb_wrap a { position: relative; display:block; }
.thumb_wrap a .trans { position: relative; }
.thumb_wrap a .listPic { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

/*  231206 실시간 베스트 (+ 240416 추가) */
.tapWrap,
.tapWrap2 { padding: 50px 0; background-color: #fff; }
.tapWrap h2,
.tapWrap2 h2 {
    padding: 0 3%;
    margin: 0 auto 28px;
    font-size: 20px; font-weight: 700;
}
.tapWrap .swiper,
.tapWrap2 .swiper { width: 100%; height: 100%; }
.tapWrap .listBoxSwiper,
.tapWrap2 .listBoxSwiper2 {
    padding:0 3%;
    margin: 0 auto;
    position: relative;
    width: auto;
}
.tapWrap .listBoxSwiper ol .swiper-slide,
.tapWrap2 .listBoxSwiper2 ol .swiper-slide { width: auto !important; }
.tapWrap .listBoxSwiper ol,
.tapWrap2 .listBoxSwiper2 ol { display: flex; margin: 0 auto 24px; }
.tapWrap .listBoxSwiper ol li,
.tapWrap2 .listBoxSwiper2 ol li {
    font-size: 14px;
    display: inline-block;
    padding: 6px 13px;
    border-radius: 20px;
    border: 1px solid #D9D9D9;
    font-size: 14px; font-weight: 500;
    line-height: 22px;
    box-sizing: border-box;
    width: auto;
    background:#fff;
}
.tapWrap .listBoxSwiper ol li.act,
.tapWrap2 .listBoxSwiper2 ol li.act {
    color: #fff;
    background: #000;
    border: 1px solid #000;
}

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

.tapWrap .productBox, 
.tapWrap2 .productBox2 { position: relative; }
.tapWrap2 .productBox2 .swiper-pagination { position: relative; height: 2px; }
.tapWrap2 .productBox2 .swiper-pagination-progressbar-fill { background: #000; }
.tapWrap .productBox > div, 
.tapWrap2 .productBox2 > div { opacity: 0; height: 0; pointer-events: none; }
.tapWrap .productBox > div .swiper-wrapper, 
.tapWrap2 .productBox2 > div .swiper-wrapper { align-items: flex-start; }
.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 .prod_thumb,
.tapWrap2 .productBox2 > div .prod_thumb{ max-width: 320px; }
.tapWrap .productBox > div .thumb_img,
.tapWrap2 .productBox2 > div .thumb_img { margin: 0; }
.tapWrap .productBox > div p.pro_icons img,
.tapWrap2 .productBox2 > div p.pro_icons img {
    display: inline-block;
    border: 0 !important;
    padding: 0;
    margin-right: 3px; margin-bottom: 3px;
}
.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; padding:0 3%; margin: 0 auto; }
.tapWrap .productBox > div .swiper .swiper-wrapper, 
.tapWrap2 .productBox2 > div .swiper .swiper-wrapper { counter-reset: number; }
.tapWrap .productBox > div .thumb_wrap,
.tapWrap2 .productBox2 > div .thumb_wrap { position: relative; }
.tapWrap .productBox > div .thumb_wrap:after,
.tapWrap2 .productBox2 > div .thumb_wrap:after{
    counter-increment: number;
    content: counter(number);
    position: absolute;
    top: 10px; left: 10px;
    z-index: 110;
    color: #fff;
    line-height: 24px;
    width: 24px;
    text-align: center;
    font-size: 15px;
    font-weight: 600;
    background: #000;
    border-radius: 5px;
    pointer-events:none;
}
.tapWrap .productBox > div .swiper-slide:first-child .thumb_wrap:after,
.tapWrap2 .productBox2 > div .swiper-slide:first-child .thumb_wrap:after { background:#640585; }

/* 메인 상품 리스트 슬라이드 제거 */
.mainProductList.sec10 { padding: 0; margin: 0 10px; }
.mainProductList.sec10 h3 { margin: 50px 0 20px; } /* 2% */
.mainProductList.sec10 .swiper-grid-column > .swiper-wrapper { flex-direction: row; }
.mainProductList.sec10 .list_shopping3x ul {
    display: flex;
    align-items: flex-start;
    width: auto;
    justify-content: space-between;
}
.mainProductList.sec10 .list_shopping3x ul li { width: 49%; }
body .mainProductList.sec10 .list_shopping3x li { width: calc(50% - 5px); }
p.pro_icons img { padding: 3px; }

.slideClothes {
    padding: 50px 0 50px 20px;
    max-width: 1340px;
    width: 100%;
    margin: 0 auto;
}
.slideClothes > div { position: relative; }
.slideClothes h2 {
    font-size: 17px;
    margin-bottom: 15px;
    font-weight: 600;
}
.slideClothes .swiper {
    width: 100%;
    height: 100%;
}
.slideClothes .swiper-slide {
    font-size: 18px;
    background: #fff;
    display: block;
    justify-content: center;
    align-items: center;
    width:66%;
    margin-right:10px;
}
.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 a { display: block; }
.slideClothes .swiper-slide img {
    display: block;
    width: 100%;
    object-fit: cover;
    border-radius: 10px;
    margin-bottom: 17px;
}
.slideClothes .swiper-slide dl { padding: 0 0 0 10px; }
.slideClothes .swiper-slide dl dt {
    margin-bottom: 8px;
    font-size: 16px;
    font-weight: 700;
}
.slideClothes .swiper-slide dl dd { font-size: 14px; color: #a8a8a8; }
.swiperClothesArrow {
    position: absolute;
    width: 100%;
    top: 105%;
    left: 0;
    --swiper-theme-color: #a8a8a8;
}

/* 띠배너 */
.beltSwiper .swiper-button-next, 
.beltSwiper .swiper-button-prev { color: black; }
.beltSwiper .swiper-button-next:after, 
.beltSwiper .swiper-button-prev:after {  font-size: clamp(16px, 5vw, 32px);  opacity: 0.3; }
.beltSwiper .swiper-button-next { right: 3px; }
.beltSwiper .swiper-button-prev { left: 3px; }

/* 202205 위브 리뉴얼*/
body .list_shopping3x .list_shoppingInfo { padding: 0 !important; }
html body .list_shopping3x li { margin-bottom: 30px !important; }
h3 { position: relative; }
h3 .allbtn {
    display: block; 
    position: absolute; top: 0; right: 0;
    height: 17px;
    /* background: url('/design/jstyle07/wib/img/icon/allbtn.svg') no-repeat center right; */
}
h3 .allbtn img { height: 100%; }

/* 섹션3 */
.sec3 h3 {
    font-size: 17px; font-weight: 700;
    color: #1a1a1a;
    padding-left: 20px;
    margin: 60px 0 20px; 
    line-height: 1;
}
html .sec3 ul {
    display: flex; 
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin: 0 0 0 20px !important; 
    box-sizing: border-box;
}
html .sec3 ul li { 
    display: inline-block; 
    width: 45%; 
    margin-right: 5px; 
    flex: 0 0 auto; 
}
html .sec3 ul::-webkit-scrollbar { height: 3px; background: #E8E8E8; }
html .sec3 ul::-webkit-scrollbar-thumb { background: #BFBFBF; }
html .sec3 ul::-webkit-scrollbar-track { height: 3px !important; }

/* 섹션4 */
.sec4 { box-sizing: border-box; }
.sec4 h3 { 
    margin: 60px 0 20px; 
    line-height: 1;
    font-size: 17px; font-weight: 700;
    color: #1a1a1a; 
    padding-left: 20px;
}
.sec4 .tabs {
    font-size: 0;
    margin-bottom: 21px;
    overflow-x: scroll; 
    white-space: nowrap; 
    width: auto;
    padding-left: 20px;
}
.sec4 .tabs::-webkit-scrollbar { display: none; }
.sec4 .tabs li { display: inline-block; width: auto; text-align: center; } /* margin-right:18px; */
.sec4 .tabs li.active { display: inline-block; }
.sec4 .tabs li.active a {
    color: #512772;
    /* 240408 추가함 */ text-decoration: underline; text-underline-position: under;
}
.sec4 .tabs li:last-child { margin-right: 0; }
.sec4 .tabs li a { 
    font-size: 13px; font-weight: 500; color: #7d7d7d; 
    /* 240408 추가함 */ display: block; padding: 10px 20px;
}
/* 240408 추가함 */
.sec4 .tabs li:first-child a { padding-left: 0; }
.sec4 .tab_container .tab_content { display: none; }
.sec4 .tab_container .tab_content.active { display: block; }
.sec4 .tab_container .big {
    padding: 0 20px;
    position: relative;
    margin-bottom: 30px;
}
.sec4 .tab_container .big .pro_list { position: relative; }
.sec4 .tab_container .big .pro_list::after { 
    position: absolute;
    left: 0; bottom: 0; 
    width: 100%; height: 100px; 
    content: '';
    background: rgba(27, 27, 27, 0.5);
}
.sec4 .tab_container .big  img { width: 100%; }
.sec4 .tab_container .big li { width: 100% !important; margin: 0 0 34px !important; }
.sec4 .tab_container .listw ul { 
    display: flex;
    flex-wrap: nowrap;
    overflow-x: scroll;
    margin-left: 20px; 
}
.sec4 .tab_container .listw ul::-webkit-scrollbar { height: 3px; background:#E8E8E8; }
.sec4 .tab_container .listw ul::-webkit-scrollbar-thumb { background: #BFBFBF; }
.sec4 .tab_container .listw ul::-webkit-scrollbar-track { height: 3px !important; }
.sec4 .tab_container .listw ul li:nth-child(1) { display: none; }
.sec4 .tab_container .listw ul li {
    display: inline-block;
    width: 43%;
    margin-right: 3px;
    flex: 0 0 auto;
}
.sec4 .listw li:last-child a {
    display: block;
    width: 60px; height: 100%;
    margin: 0 auto; 
    position: relative;
    font-size: 10px; font-weight: 400; 
    color: #1a1a1a;
    text-align: center;
    box-sizing: border-box;
    padding-top: 140px;
}
.sec4 .listw li:last-child a img { display: block; width: 30px; margin: 0 auto; }
.sec4 .tab_container .big .txt {
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 100px;
    text-align: center;
    z-index: 10;
}
.sec4 .tab_container .big .txt p:nth-child(1) {
    color: #FFFFFF;
    font-weight: 600; font-size: 20px;
    letter-spacing: -0.02em;
    margin: 27px 0 12px;
}
.sec4 .tab_container .big .txt p:nth-child(2) {
    color: #FFFFFF;
    letter-spacing: -0.02em;
    font-weight: 400; font-size: 14px;
}

/* 섹션5 */
.sec5 { box-sizing: border-box; } 
.sec5 .viewmore {
    background: #000;
    color: #fff;
    margin: 0 auto;
    border-radius: 20px;
    line-height: 40px;
    display: inline-block;
    padding: 0 15px;
}
.sec5 h3 { 
    margin: 60px 0 28px; 
    line-height: 1;
    font-size: 17px; font-weight: 700;
    color: #1a1a1a;
    padding-left: 10px; 
}
.sec5 .tabs { margin-bottom: 24px !important; padding: 0 10px; }
.sec5 .tabs li { display: inline-block; width: auto; }
.sec5 .tabs li a { 
    font-size: 14px; font-weight: 500; 
    display: inline-block; 
    padding: 6px 13px; 
    border-radius: 20px; 
    border: 1px solid #D9D9D9; 
    line-height: 22px; 
    box-sizing: border-box; 
    width: auto; 
    background: #fff;
}
.sec5 .tabs li.active a { 
    color: #fff; 
    background: #000; 
    border: 1px solid #000;
} 
.sec5 .list_shopping3x ul { position: relative; display: flex; }
.sec5 .tab_container .tab_content { display: none; }
.sec5 .tab_container .tab_content.active { display: block; }
.sec5 .tab_container .tab_content .swiper-wrapper { 
    padding: 0 10px; 
    /* 250123 add */ align-items: start; 
}
.sec5 .swiper-scrollbar {
    height: 3px !important;
    background: #E8E8E8; 
    left: 1.5% !important;
}
.sec5 .swiper-scrollbar-drag { 
    background: #BFBFBF;
    height: 3px;
    border-radius: 0;
}
/* 250123 추가함 */
.sec5 .list_shoppingInfo { height: 200px; }
/* 250123 추가함 끝 */

/* 섹션6*/
.sec6 { position: relative; padding: 0 3% 30px; }
.sec6 h3 { 
    margin: 60px 0 20px; 
    line-height: 1;
    font-size: 20px; font-weight: 700;
    color: #1a1a1a;
    box-sizing: border-box; 
}
.sec6 > a { display: block; width: 100%; }
.sec6 > a img { width: 100%; }

/* 섹션7 */
.sec7 h3 {
    margin: 60px 0 20px; 
    line-height: 1;
    font-size: 17px; font-weight: 700;
    color: #1a1a1a; 
    padding: 0 20px;
    box-sizing: border-box;
    clear: both; 
}
.sec7 h3 a { font-size: 10px; float: right; }
.sec7 .a2 { padding-left: 20px; box-sizing: border-box; }
.sec7 .swiper-slide { width: 122px; margin-top: 0 !important; }
.sec7 .list_shopping3x ul li:last-child a { 
    position: relative; 
    display: block; 
    width: 100%; height: 100%;    
    font-size: 10px; font-weight: 400; 
    color: #1a1a1a;
    text-align: center;
    box-sizing: border-box;
    padding-top: 270px;
}
.sec7 .list_shopping3x ul li:last-child a img { display: block; margin: 0 auto; width: 30px; }
.sec7 .list_shopping3x ul li:last-child { position: absolute; right: 0; top: 0; }
.sec7 .list_shopping3x ul { width: 978px; position: relative; }
.sec7 .list_shopping3x ul li:last-child { position: absolute; right: 0; top: 0; }
.sec7 .tab_content li { width: 158px; margin-top: 0 !important; }
.sec7 .swiper-scrollbar { 
    height: 3px !important;
    background: #E8E8E8; 
    left:0 !important; 
    width:100% !important; 
}
.sec7 .swiper-scrollbar-drag { background: #BFBFBF; height: 3px; border-radius: 0; }

/* 섹션8 */
.sec8 { background: #1d1d1d; margin-top: 60px; }
.sec8 h3 {
    padding: 20px 0 23px; 
    text-align: center;
    font-size: 17px; font-weight: 700;
    color: #fff;
    clear: both;
}
.sec8 h3 img { margin-right: 9px; width: 30px; vertical-align: middle; }
.sec8 h3 a { font-size: 10px; float: right; color:#fff; margin-right: 19px; }
.sec8 .a2 { position: relative; padding-bottom: 30px; }
.sec8 .swiper-slide { position: relative; }
.sec8 .swiper-slide > div:nth-child(1) { position: relative; }
.sec8 .swiper-slide > div:nth-child(1)::after { 
    position: absolute;
    top: 0;left: 0;
    width: 101%; height: 100%;
    background: rgba(0,0,0,0.5);
    content:'';
}
.sec8 .swiper-slide-active > div:nth-child(1)::after { display: none; }
.sec8 .swiper-slide .txt { 
    opacity: 0; 
    color: #fff;
    font-size: 12px;
    line-height: 16px;
    margin-top: 12px;
    padding-left: 6px;
    box-sizing: border-box;
}
.sec8 .swiper-slide-active .txt { opacity: 1; }
.sec8 .arrow1 { 
    position: absolute; 
    bottom: 0; left: 50%;
    width: 97px; height: 10px;
    transform: translateX(-50%);
}
.sec8 .arrow2 { position: relative; }
.sec8 .swiper-button-next,
.sec8 .swiper-button-prev {
    height: 45px; width: 45px;
    background-size: 45px !important;  
    top: 40%;  
    transform: translateY(-50%);
}
.sec8 .swiper-button-next::after,
.sec8 .swiper-button-prev::after { display: none; }
.sec8 .swiper-button-next { background: url(/design/jstyle07/wib/img_pc/icon/livearrow101.svg) no-repeat; }
.sec8 .swiper-button-prev { background: url(/design/jstyle07/wib/img_pc/icon/livearrow100.svg) no-repeat; left: 8px; }
.sec8 .swiper-pagination { font-size: 10px; color: #a2a2a2; }
.sec8 .swiper-pagination .swiper-pagination-current { color: #fff }
.sec8 .swiper-pagination .swiper-pagination-total { color:#a2a2a2; }
.sec8 .swiper-slide .txt a {    
    display: block; 
    width: 100%; height: 45px;
    line-height: 45px;
    border: 1px solid #E8E8E8;
    border-radius: 5px;
    text-align: center;
    color: #FFFFFF;
    font-weight: 400; font-size: 14px;
    margin-top: 30px;
}
.sec8 .swiper-slide .txt a img { vertical-align: middle; margin-left: 5px; }

.plus_button {
    width: 100%;
    display: block;
    margin-bottom: 20px;
}

/* 섹션9 */
.sec9 h3 {
    margin: 60px 20px 25px; 
    font-size: 17px; font-weight: 700;
    color: #000;
    box-sizing: border-box;
    clear: both;
}
.sec9 .swiper-button-next::after,
.sec9 .swiper-button-prev::after { display: none; }
.sec9 .swiper-button-next {
    width: 45px; height: 45px; 
    background: url(/design/jstyle07/wib/img_pc/icon/livearrow101.svg) no-repeat;
    background-size: 45px;
    right: 0;
}
.sec9 .swiper-button-prev {
    width: 45px; height: 45px;
    background: url(/design/jstyle07/wib/img_pc/icon/livearrow100.svg) no-repeat;
    background-size: 45px;
    left: 0;
}
.sec9 .swiper1 { width: calc(100% - 40px); }
.sec9 .swiper1 .swiper-slide { position: relative; }
.sec9 .swiper1 .swiper-slide > a {
    position: absolute;
    left: 15px; top: 15px;
    display: block;
    width: 117px; height: 30px;
    line-height: 30px;
    background: rgba(23, 35, 34, 0.7);
    border-radius: 50px;
    text-align: center; 
    color: #FFFFFF;
    letter-spacing: -0.02em;
    font-weight: 400; font-size: 13px;
}
.sec9 .swiper1 .swiper-slide > a img { vertical-align: middle; margin-left: 7px; }
.sec9 .a2 { margin-left: 20px; }
.sec9 .a2 ul { display: flex; flex-wrap: nowrap; overflow-x: scroll; }
.sec9 .a2 li { width: 158px !important; flex: 0 0 auto; }
.sec9 .a2 li figure { width: 158px !important; }
.sec9 .a2 ul::-webkit-scrollbar { height: 3px; background: #E8E8E8; }
.sec9 .a2 ul::-webkit-scrollbar-thumb { background: #BFBFBF; }

#player { max-width: 100%; }

/* 섹션10 */
.sec10 { padding: 0 0 0 10px; box-sizing: border-box; }
.sec10 h3 { 
    margin: 50px 0 20px; 
    line-height: 1;
    font-size: 17px; font-weight: 700;
    color: #1a1a1a;
    clear: both; 
}
.sec10 h3 a { right: 20px; }
.sec10 .a2 { box-sizing: border-box; }
.sec10 .swiper-scrollbar { 
    height: 3px !important; 
    background: #E8E8E8; 
    width: 100% !important; 
    left: 0 !important;
}
.sec10 .swiper-scrollbar-drag { background: #BFBFBF; height: 3px; border-radius: 0; }
.sec10 .swiper-slide { width: 122px; margin-top: 0 !important; }
.sec10 .list_shopping3x ul { width: 978px; position: relative; }
.sec10 .tab_content li { width: 158px; margin-top: 0 !important; }
.sec10 .swiper-scrollbar { 
    height: 3px !important;
    background: #E8E8E8; 
    left: 0 !important; 
    width: 100% !important; 
}
.sec10 .swiper-scrollbar-drag { background: #BFBFBF; height: 3px; border-radius: 0; }

/* 섹션11 */
.sec11 { padding: 0 0 0 20px; box-sizing: border-box; }
.sec11 h3 {
    margin: 60px 0 20px; 
    line-height: 1;
    font-size: 17px; font-weight: 700;
    color: #1a1a1a;
    clear: both; 
}
.sec11 h3 a { font-size: 10px; float: right; margin-right: 20px; }
.sec11 .a2 { box-sizing: border-box; }
.sec11 ul { display: flex; }
.sec11 .swiper-slide { width: 158px; margin-top: 0 !important; }
.sec11 .swiper-scrollbar { 
    height: 3px !important; 
    background: #E8E8E8;
    width: 100% !important; 
    left: 0 !important;
}
.sec11 .swiper-scrollbar-drag { background: #BFBFBF; height: 3px; border-radius: 0; }

/* 인스타 */
.insta_wrap { padding: 0 20px 60px; }
.insta_wrap .main_title {
    margin: 60px 0 20px; 
    line-height: 1;
    clear: both; 
    position: relative;
}
.insta_wrap .main_title .txt01 a {
    font-size: 17px; font-weight: 700;
    color: #1a1a1a; 
    display: inline-block; 
    text-align: left; 
}
.insta_wrap .main_title .txt02 { position: absolute; top: 2.5px; right: 0; }
.insta_wrap .main_title .txt02 a {
    display: inline-block;
    padding-right: 11px; 
    font-size: 12px; font-weight: 400; 
    line-height: 1; 
    background: url('/design/jstyle07/wib/img/icon/allbtn.svg') no-repeat center right; 
}

/* 최하단 배너*/
.btmbanner { position: relative; padding-bottom: 32px; margin-bottom: 10px; }
.btmbanner .swiper-pagination-bullet {
    width: 8px; height: 8px;
    background: #cbcbcb;
    opacity: 1 !important;
    vertical-align: top;
}
.btmbanner .swiper-pagination-bullet-active { background: #636363; }
.btmbanner .swiper-slide img { width: 100%; }
/* 202205 위브 리뉴얼 끝*/

/* 메인 슬라이드배너 영역*/
.main { overflow-x: hidden; overflow-y: hidden; }

/* 슬라이드 전체 그룹 */
.slide { position: relative; }

/* viewport */
.slide .ix-list-viewport { overflow: hidden; height: auto !important; }

/* 슬라이드 영역, Safari9, Samsung Browser ~4 버전에서 position을 넣지 않으면 randering bug가 발생할 수 있다. */
.slide .ix-list-items {
    position: relative; 
    left: 0; top: 0; 
    width: 100%; height: 100%;
}
.slide .ix-list-items .ix-list-item {
    float: left; 
    width: 100%; /*height: 100%; */
    padding-bottom: 138%;
    text-align: center;
    position: relative;
}
.slide .ix-list-items .ix-list-item a {
    display: block;
    font-size: 30px; 
    text-decoration: none; 
    color: #fff;
}
.slide .ix-list-items .ix-list-item a img { width: 100%; }
.slide .paging_number {
    position: absolute;
    right: 15px; bottom: 35px; /* bottom:7px * 이미지 세로 줄이면서 위치 조정*/
    z-index: 2; 
    color: #f1f1f1;
    text-align: right;
} 
.slide .paging_number p { display: inline-block; letter-spacing: 2px; }
    
/* 슬라이드 인디케이터, 방향 버튼 그룹 */
.slide .ix-controller.disabled { visibility: hidden; }

/* 슬라이드 인디케이터 */
.slide .ix-thumbs {
    position: absolute; 
    bottom: 3%; left: 0;right: 0; 
    text-align:center;
}
.slide .ix-thumbs .ix-thumb { display: inline-block; margin: 2px; }
.slide .ix-thumbs .ix-thumb .ix-btn {
    display: block; 
    width: 10px; height: 10px; 
    background-color: rgba(0,0,0,.2); 
    text-indent: -9999px; 
    border-radius: 100%;
}
.slide .ix-thumbs .ix-thumb.active .ix-btn { background-color: rgba(255, 255, 255, 0.45); }

/* 슬라이드 방향 버튼 */
.slide .slide_direction .ix-btn-prev {
    left: 10px;
    background: url(/design/jstyle07/wib/img/icon/ms_prev.png) no-repeat;
    background-size: 100% 100%;
}
.slide .slide_direction .ix-btn-next {
    right: 10px;
    background: url(/design/jstyle07/wib/img/icon/ms_next.png) no-repeat;
    background-size: 100% 100%;
}
.slide .slide_direction .ix-btn-prev,
.slide .slide_direction .ix-btn-next {
    position: absolute; 
    top: 50%; 
    width: 20px; height: 40px; 
    margin-top: -10px;
    text-indent: -9999px;
}
/* 버튼 비활성화 */
.slide .slide_direction .ix-btn-prev.disabled,
.slide .slide_direction .ix-btn-next.disabled { background: #D8E0E3; cursor: default; }    
    
/* overlayList motionType mask 필수요소 */
.ix-list-item { position: relative; overflow: hidden; }
.ix-list-item a { position: absolute; width: 100%; height: 100%; display: block; }

/* 메인기획전 배너 영역 */
.sub_slider{ margin:40px 0 0; /*padding:0 .625rem;*/ }
.sub_slider .swiper-container { overflow: visible; }
.sub_slider .swiper-slide img { width: 100%; }
.sub_slider .text_wrap {
    position: absolute;
    bottom: 20%;
    text-align: left;
    width: 100%;
    padding-left: 7%;
}
.sub_slider .text_wrap .txt01 { font-size: 15px; color: #5f5f5f; }
.sub_slider .text_wrap .txt02 { font-size: 30px; margin: 10px 0 20px; font-weight: 700; line-height: 1em; }
.sub_slider .text_wrap .txt03 { 
    display: inline-block;
    /*
    padding: 1px 12px;
    border: 1px solid #555;
    border-radius: 20px;
    background: #fff;
    */
    font-size: 15px;
}
.sub_slider .swiper-pagination-bullet {
    width: 9px; height: 9px;
    background-color: rgba(0,0,0,.4);
}
.sub_slider .swiper-pagination-bullet.swiper-pagination-bullet-active { background-color: rgba(255, 255, 255, 0.45); opacity: 1; }

/* 신상 상품 영역 */
.new_product .main_title { margin: 55px 0 10px; }

/*  공통 탭 영역  */
.tab-wrap .tab-hd { text-align: center; font-size: 0; letter-spacing: 0; }
.tab-pagination > li,
.tab-wrap .tab-hd > p {
    color: #727272;
    font-size: 12px;
    display: inline-block;
    vertical-align: top;
    padding: 10px 0;
    border-bottom: solid 5px #fff;
    line-height: 1;
}
.tab-pagination > li.slick-active,
.tab-wrap .tab-hd > p.on {
    color: #000;
    font-weight: 700;
    border-bottom: solid 5px #46479b;
}

/* 스페셜 배너 영역 */
.special_ban_wrap { width: 100%; }
.special_ban_wrap a { width: calc(50% - 2px); float: left; }

/*  주간베스트 탭 영역 */
.tab-wrap01 { margin: 0 0 65px; }
.tab-wrap01 .main_title { margin: 65px 0 10px; }
.tab-wrap01 .tab-hd > p,
.tab-wrap01 .tab-hd > p.on { width: 20%; float: left; }
.tab-wrap01 .tab-body { clear: both; }
.tab-wrap01 .tab-body > div { position: absolute; opacity: 0; visibility: hidden; }
.tab-wrap01 .tab-body > div.on { position: relative; opacity: 1; visibility: visible; }

/* 위드아이템 탭 영역 */
.tab-wrap02 { margin: 0 0 55px; }
.tab-wrap02 .tab-hd > p,
.tab-wrap02 .tab-hd > p.on { width: 33.3333333%; float: left; }
.tab-wrap02 .tab-body { clear: both; }
.tab-wrap02 .tab-body > div { position: absolute; opacity: 0; visibility: hidden; }
.tab-wrap02 .tab-body > div.on { position: relative; opacity: 1; visibility: visible; }

/* 배너+상품 영역 */
.ban_pro { margin: 12px 0 50px 0; }

/* 스페셜 영역 */
.pro_ban a { display: block; position: relative; }
.pro_ban a img { width: 100%; }
.pro_ban a .pro_title { 
    position: absolute;
    bottom: 13%;
    width: 100%;
    text-align: center;
    font-size: 25px; color: #fff;
    line-height: 1.5em;
}

/* 인스타그램 영역 */
.insta_wrap .insta-box { width: 104px !important; }
.insta_wrap .insta-box a img { width: 100%; }

/* 비회원 로그인버튼 */
.member_btn_wrap { background: #46479b; text-align: center; padding: 35px 0; color: #fff; }
.member_btn_wrap > p:nth-child(1) { font-size: 17px; margin: 0 0 15px 0; }
.member_btn_wrap > p:nth-child(2) { line-height: 18px; margin: 0 0 15px 0; }
.member_btn_wrap .member_btn_inner > a {
    width: 104px; height: 37px;
    line-height: 37px;
    font-size: 14px;
    color: #fff;
    border: 1px solid #fff;
    display: inline-block;
}
.member_btn_wrap .member_btn_inner > a:last-child { background: #fff; color: #46479b; }

/* 메인용 기본상품폼 영역 (공통) */
.sort_icon_wrap {
    overflow: hidden;
    padding: 0 12px 17px 8px;
    margin-top: -32px;
}
.sort_icon_wrap a {
    width: 20px; height: 20px;
    background-size: 100%;
    margin: 0 4px;
    float: left;
    display: block;
}
.sort_icon_wrap a:nth-child(1) { background-image :url(/design/jstyle07/wib/img/icon/icon_type01_off.png); }
.sort_icon_wrap a:nth-child(2) { background-image: url(/design/jstyle07/wib/img/icon/icon_type02_off.png); }
.sort_icon_wrap a:nth-child(3) { background-image: url(/design/jstyle07/wib/img/icon/icon_type03_off.png); }
.sort_icon_wrap a:nth-child(1).on { background-image: url(/design/jstyle07/wib/img/icon/icon_type01_on.png); }
.sort_icon_wrap a:nth-child(2).on { background-image: url(/design/jstyle07/wib/img/icon/icon_type02_on.png); }
.sort_icon_wrap a:nth-child(3).on { background-image: url(/design/jstyle07/wib/img/icon/icon_type03_on.png); }
.sort_icon_wrap a img { width: 100%; }
.sort_icon_wrap a.pro_link { float: right; }

/* 할인율 */
.list_shoppingInfo .dc_info,
.list_shoppingInfo .dc_perc { 
    color: #46479b;
    font-weight: bold; font-size:13px;
    display: inline-block;
    margin: 5px 0 0 5px;
    vertical-align: middle;
}
.list_shopping3x .dc_info,
.list_shopping3x .dc_perc { display: inline-block; float: none; }

/* 공통 더보기버튼 */
#container .more { 
    width: auto;
    padding: 0 12px;
    margin: 15px 0 60px;
}
#container .more .btn_moreGray {
    width: 100%; height: 45px;
    line-height: 45px;
    background-color: #fff;
    border: solid 1px #000;
    display: block;
    margin: 0 auto;
    font-size: 12px; font-weight: 400;
}
#container .more .fa { font-size: 15px; color: #000; padding-left: 10px; }
#container .more .fa.fa-angle-right { padding-bottom: 3px; }

/* 도매버튼 */
.btn_ws {
    width: 95%; height: 45px;
    padding: 15px 12px;
    margin: 40px auto 0px;
    text-align: center;
    border: 1px solid #46479b;
    box-sizing: border-box;
}    
.btn_ws a { color: #46479b; }

/* 스냅비 영상 영역 */
.snapvi_mo { margin-bottom: 20px; }
.snapvi_mo .swiper-slide a.text_wrap { 
    display: block;
    font-size: 12px;
    width: 100px;
    padding: 10px 15px;
    box-sizing: border-box;
    position: absolute;
    top: 15px; right: 15px;
    background: rgba(0,0,0,0.25);
    text-align: center;
    color: white;
}
.snapvi_mo .swiper-button-next, 
.snapvi_mo  .swiper-button-prev {
    position: absolute;
    top: 48%;
    z-index: 4;
    width: 23px; height: 38px;
}
.snapvi_mo .swiper-button-prev {
    left: 15px;
    margin-left: 0px;
    background: url(/design/jstyle07/wib/img_pc/icon/icon_subslider_prev.png) no-repeat;
}
.snapvi_mo .swiper-button-next {
    right: 15px;
    margin-right: 0px;
    background: url(/design/jstyle07/wib/img_pc/icon/icon_subslider_next.png) no-repeat;
}

.prod_manufacture { margin-top:2px; margin-bottom: 2px; color:#6667c8; }
.main-event { padding: 0 2px; }
.top-wrapper, 
.bottom-wrapper { display: flex; justify-content: center; }
.event-box { width: 50%; padding: 2px; }
.event-box img { object-fit: cover;  }
.plus_button img { width: 100%; }

/*snap 추가*/
.main_slider { position: relative; }
.main_slider .swiper-pagination {
    bottom: 15px; right: 15px; left: auto;
    color: #f1f1f1;
    width: auto; 
    /*background-color: rgb(24 24 24 / 34%); padding: 2px 8px;border-radius: 30px;*/
}

/* 250703 add: 실시간 베스트 영역 상품 썸네일 우상단 라벨 안보이게 처리 */
.tapWrap2.mk_contents14 .act .overflowBox .thumb_wrap_slider .thumb_wrap.load span img.MK-product-label { display: none; }



/*  =================================================================================================
    2025.7. 리뉴얼 CSS 
    =================================================================================================
*/
/* 추가 섹션 공통 CSS */
#container #contents .main .secBestSet,
#container #contents .main .secExclusive,
#container #contents .main .secExhibit,
#container #contents .main .secExhibit--fitzoom,
#container #contents .main .secVideo,
#container #contents .main .secBestTop3,
#container #contents .main .secCollabo { position: relative; padding: 50px 0 15px; }

#container #contents .main .secBestSet h3,
#container #contents .main .secExclusive h3,
#container #contents .main .secVideo h3,
#container #contents .main .secBestTop3 h3 { 
    font-size: 20px; font-weight: 700; 
    padding: 0 3%; 
    margin: 15px auto; 
}

#container #contents .main .secBestSet .overflowBox,
#container #contents .main .secExclusive .overflowBox, 
#container #contents .main .secExhibit .overflowBox,
#container #contents .main .secExhibit--fitzoom .overflowBox,
#container #contents .main .secDailyPick .overflowBox,
#container #contents .main .secBestTop3 .overflowBox,
#container #contents .main .secCollabo .overflowBox { padding: 0 3%; margin: 0 auto; overflow: hidden; }

/* 상품 연동 이미지 공통 */
#container #contents .main .secVideo .list li figure .thumb_wrap_slider .thumb_wrap.load a,
#container #contents .main .secExhibit .mainThumbs .thumb_wrap a,
#container #contents .main .secExhibit--fitzoom .mainThumbs .thumb_wrap a,
#container #contents .main .secBestSet .bestSetSwiper .swiper-slide .thumb_wrap a,
#container #contents .main .secBestTop3 .list .thumb_wrap a { position: relative; }

#container #contents .main .secVideo .list li figure .thumb_wrap_slider .thumb_wrap.load a img,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .thumb_wrap_slider .thumb_wrap.load a img,
#container #contents .main .secExhibit .mainThumbs .thumb_wrap a img,
#container #contents .main .secExhibit--fitzoom .mainThumbs .thumb_wrap a img,
#container #contents .main .secExhibit .subThumbs .list .thumb_wrap a img,
#container #contents .main .secExhibit .list__wrap .list .thumb_wrap a img,
#container #contents .main .secBestSet .bestSetSwiper .swiper-slide .thumb_wrap a img,
#container #contents .main .secBestTop3 .list .thumb_wrap a img { position: relative; }

/* 상품 연동 상품정보 공통 */
#container #contents .main .secBestSet .bestSetSwiper .pricepart,
#container #contents .main .secBestTop3 .list .pricepart { 
    border-top: 0; padding-top: 0; line-height: 12px; 
    display: flex; gap: 3%;
    flex-direction: row;
    justify-content: flex-start;
    align-items: flex-start;
    letter-spacing: -1px;
    margin: 0; padding: 0;
    flex-wrap: wrap;
}

#container #contents .main .secBestSet .bestSetSwiper .prod_brand,
#container #contents .main .secBestTop3 .list .prod_brand { font-size: 10px; padding-bottom: 2px; }

#container #contents .main .secBestSet .bestSetSwiper .listName,
#container #contents .main .secBestSet .bestSetSwiper .listName.bold,
#container #contents .main .secBestTop3 .list .listName,
#container #contents .main .secBestTop3 .list .listName.bold { font-size: 13px; margin: 0 0 6px; }

#container #contents .main .secBestSet .bestSetSwiper .pricepart .dc_info,
#container #contents .main .secBestSet .bestSetSwiper .pricepart .listPrice,
#container #contents .main .secBestTop3 .list .pricepart .dc_info,
#container #contents .main .secBestTop3 .list .pricepart .listPrice { font-size: 13px; }

#container #contents .main .secBestSet .bestSetSwiper .pricepart .dc_info,
#container #contents .main .secBestTop3 .list .pricepart .dc_info { margin: 0; }

#container #contents .main .secBestSet .bestSetSwiper .pricepart .listDiscount,
#container #contents .main .secBestTop3 .list .pricepart .listDiscount { font-size: 10px; }

#container #contents .main .secExhibit .mainThumbs .prod_color,
#container #contents .main .secExhibit .mainThumbs .pro_icons,
#container #contents .main .secBestSet .bestSetSwiper .prod_color,
#container #contents .main .secBestSet .bestSetSwiper .pro_icons,
#container #contents .main .secBestTop3 .list .prod_color,
#container #contents .main .secBestTop3 .list .pro_icons,
#container #contents .main .secVideo .list .thumb_wrap_slider .thumb_wrap .MK-product-label { display: none; }

/* 익스클루시브, 기획전 공통 */
#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo,
#container #contents .main .secExhibit .mainThumbs .list li figure > a { 
    position: absolute; bottom: 6%; left: 5%; z-index: 1;
}
#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo .prod_brand,
#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo .listName,
#container #contents .main .secExhibit .mainThumbs .prod_brand, 
#container #contents .main .secExhibit .mainThumbs .listName,
#container #contents .main .secExhibit .mainThumbs .listName.bold { color: #fff; letter-spacing: -0.5px; }

#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo .prod_brand,
#container #contents .main .secExhibit .mainThumbs .prod_brand { font-size: 11px; font-weight: 500; padding: 0; }

#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo .listName,
#container #contents .main .secExhibit .mainThumbs .listName,
#container #contents .main .secExhibit .mainThumbs .listName.bold { 
    font-size: 15px; font-weight: normal; 
    height: auto; line-height: 1; 
    margin-bottom: 5px;
}

#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo .pricepart,
#container #contents .main .secExhibit .mainThumbs .pricepart { border-top: 0; padding: 0; line-height: 0; }

#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo .pricepart .dc_info,
#container #contents .main .secExhibit .mainThumbs .pricepart .dc_info { color: #f31110 !important; font-size: 17px; line-height: 1; }

#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo .pricepart .listPrice,
#container #contents .main .secExhibit .mainThumbs .pricepart .listPrice  { font-size: 17px; color: #fff !important; line-height: 1; }

#container #contents .main .secExclusive .mainThumbs::after,
#container #contents .main .secExhibit .mainThumbs .list li figure .thumb_wrap_slider::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 25%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    pointer-events: none;
}

/* 베스트 세트 섹션 */
#container #contents .main .secBestSet .overflowBox { height: auto; }
#container #contents .main .secBestSet .bestSetSwiper { width: 100%; height: 100%; padding: 0; margin: 0; }
#container #contents .main .secBestSet .bestSetSwiper .swiper-wrapper {
    display: flex;
    flex-direction: row;
    align-items: flex-start;
    width: 100%; height: 100%;
}
#container #contents .main .secBestSet .bestSetSwiper .swiper-slide {  width: 100%; height: 100%; }


/* 익스클루시브 및 단일상품 섹션 */
#container #contents .main .secExclusive .mainThumbs { display: block; width: 100%; height: 100%; position: relative; }
#container #contents .main .secExclusive .mainThumbs img { width: 100%; }
#container #contents .main .secExclusive .subThumbs { 
    display: flex; gap: 5px;
    flex-direction: row;
    justify-content: space-between;
    align-items: center;
    margin-top: 10px;
}
#container #contents .main .secExclusive .mainThumbs .list_shoppingInfo .pricepart { 
    display: flex; 
    flex-direction: row;
    gap: 2%;
    justify-content: flex-start;
    align-items: flex-start;
}
#container #contents .main .secExclusive .subThumbs .subThumb a { display: block; }

/* 오픈특가 및 기획전 섹션 */
#container #contents .main .secExhibit .title { 
    font-size: 20px; font-weight: 700; 
    width: calc(100% - 6%); display: block; 
    padding: 0 3%; margin: 15px auto;
}
#container #contents .main .secExhibit .title span { float: right; display: inline-block; height: 17px; }
#container #contents .main .secExhibit .title span img { height: 100%; }
#container #contents .main .secExhibit .mainThumbs { display: block; width: 100%; height: 100%; position: relative; }
#container #contents .main .secExhibit .mainThumbs .pricepart .listDiscount,
#container #contents .main .secExhibit .mainThumbs .pricepart .consumer { display: none; }
#container #contents .main .secExhibit .subThumbs .list { 
    display: flex; gap: 5px;
    flex-direction: row;
    justify-content: space-between;
    align-items: stretch;
    margin-top: 10px;
}
#container #contents .main .secExhibit .subThumbs .list li { display: block; flex: 1; }
#container #contents .main .secExhibit .subThumbs .list li figure .thumb_wrap_slider .thumb_wrap a img,
#container #contents .main .secExhibit .subThumbs .list li figure .thumb_wrap_slider .thumb_wrap.load a img { object-fit: cover; }
#container #contents .main .secExhibit .subThumbs .list li figure > a { display: none; }

#container #contents .main .secExhibit .mainThumbs .info__wrap {
    position: absolute; bottom: 6%; left: 5%; z-index: 1;
    line-height: 1.6;
}
#container #contents .main .secExhibit .mainThumbs .info__wrap p { color: #fff; }
#container #contents .main .secExhibit .mainThumbs .info__wrap p:first-child { font-size: 20px; font-weight: 500; }
#container #contents .main .secExhibit .mainThumbs .info__wrap p:last-child { font-size: 15px; }
#container #contents .main .secExhibit .mainThumbs .list li figure > a { display: none; }
#container #contents .main .secExhibit .mainThumbs::after {
    content: '';
    position: absolute;
    bottom: 0; left: 0;
    width: 100%; height: 25%;
    background: linear-gradient(to top, rgba(0, 0, 0, 0.5), transparent);
    pointer-events: none;
}
/* 핏줌 */
#container #contents .main .secExhibit--fitzoom .title { 
    font-size: 20px; font-weight: 700; 
    width: calc(100% - 6%); display: block; 
    padding: 0 3%; margin: 15px auto;
}
#container #contents .main .secExhibit--fitzoom .title span { float: right; display: inline-block; height: 17px; }
#container #contents .main .secExhibit--fitzoom .title span img { height: 100%; }
#container #contents .main .secExhibit--fitzoom .mainThumbs { display: block; width: 100%; height: 100%; position: relative; }
#container #contents .main .secExhibit--fitzoom .mainThumbs .pricepart .listDiscount,
#container #contents .main .secExhibit--fitzoom .mainThumbs .pricepart .consumer { display: none; }
#container #contents .main .secExhibit--fitzoom .mainThumbs .info__wrap {
    position: absolute; bottom: 6%; left: 5%; z-index: 1;
    line-height: 1.6;
}
#container #contents .main .secExhibit--fitzoom .mainThumbs .info__wrap p { color: #fff; }
#container #contents .main .secExhibit--fitzoom .mainThumbs .info__wrap p:first-child { font-size: 20px; font-weight: 500; }
#container #contents .main .secExhibit--fitzoom .mainThumbs .info__wrap p:last-child { font-size: 15px; }
#container #contents .main .secExhibit--fitzoom .mainThumbs .list li figure > a { display: none; }

/* 기획전 */
#container #contents .main .secExhibit .list__wrap .list {
    display: flex; flex-direction: column;
    align-items: flex-start;
    width: 100%; height: 100%;
}
#container #contents .main .secExhibit .list__wrap .list li { padding: 2% 0; position: relative; }
#container #contents .main .secExhibit .list__wrap .list li figure {
    width: 100%; height: auto;
    display: flex; flex-direction: row; gap: 3%;
    justify-content: flex-start;
    align-items: center;
    position: relative;
}
#container #contents .main .secExhibit .list__wrap .list li figure .thumb_wrap_slider { width: 25%; height: inherit; }
#container #contents .main .secExhibit .list__wrap .list li figure .thumb_wrap_slider .thumb_wrap.load a { height: inherit; width: 100%; }
#container #contents .main .secExhibit .list__wrap .list li figure .thumb_wrap_slider .thumb_wrap.load a img { width: 100%; height: 100%; }
#container #contents .main .secExhibit .list__wrap .list li figure .pro_icons,
#container #contents .main .secExhibit .list__wrap .list li figure .prod_subname,
#container #contents .main .secExhibit .list__wrap .list li figure .list_shoppingInfo .listDiscount.consumer,
#container #contents .main .secExhibit .list__wrap .list li figure .list_shoppingInfo .consumer.consumer_price { display: none; }
#container #contents .main .secExhibit .list__wrap .list li figure .prod_brand,
#container #contents .main .secExhibit .list__wrap .list li figure .listName,
#container #contents .main .secExhibit .list__wrap .list li figure .listName.bold { 
    border-bottom: 0; 
    height: auto; text-wrap: wrap;
    margin: 0; padding: 1px 0 4px;
}
#container #contents .main .secExhibit .list__wrap .list li figure .prod_brand { font-size: 11px; padding: 0; }
#container #contents .main .secExhibit .list__wrap .list li figure .listName,
#container #contents .main .secExhibit .list__wrap .list li figure .listName.bold { 
    font-size: 1em; letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#container #contents .main .secExhibit .list__wrap .list li figure .pricepart { border-top: 0; padding-top: 0; }
#container #contents .main .secExhibit .list__wrap .list li figure .listPrice { padding-top: 0; margin-left: 5px; }
#container #contents .main .secExhibit .list__wrap .list li figure .listPrice,
#container #contents .main .secExhibit .list__wrap .list li figure .listPrice.gigan,
#container #contents .main .secExhibit .list__wrap .list li figure .listPrice.gigan.normal_price { font-weight: bold; font-size: 1.35em; }
#container #contents .main .secExhibit .list__wrap .list li figure .dc_info { font-size: 1.35em; }
#container #contents .main .secExhibit .list__wrap .list li figure .prod_info_wrap { width: 100%; }
#container #contents .main .secExhibit .list__wrap .list li figure .colorcircle_item { font-size: 1em; text-align: center; }
#container #contents .main .secExhibit .list__wrap .list li figure > a { display: block }
#container #contents .main .secExhibit .list__wrap .list li figure .prod_color { display: none; flex-direction: row; padding: 3px 0; }
#container #contents .main .secExhibit .list__wrap .list li figure .prod_color span { width: 7px; height: 7px; }
#container #contents .main .secExhibit .list__wrap .list .thumb_wrap_slider .thumb_wrap .MK-product-label { display: none; }

/* 데일리픽 섹션 */
#container #contents .main .secDailyPick {  margin-top: 50px; }
#container #contents .main .secDailyPick .overflowBox { position: relative; overflow: hidden; }
#container #contents .main .secDailyPick .black-overlay {
    position: absolute;
    top: 0; left: 3%;
    width: calc(100% - 6%); height: 100%;
    background-color: rgba(0, 0, 0, 0.7);
    pointer-events: none;
}
#container #contents .main .secDailyPick .title__wrap {
    position: absolute;
    top: 0; left: 3%; right: 3%; bottom: 70%;
}
#container #contents .main .secDailyPick .title__wrap .goDailyPick {
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 100%;
    padding: 5% 0 0 5%;
    color: #fff;
    line-height: 1.5;
}
#container #contents .main .secDailyPick .title__wrap .goDailyPick .title_inner_wrap {
    display: flex;
    flex-direction: row;
    gap: 2%;
    align-items: center;
}
#container #contents .main .secDailyPick .title__wrap .goDailyPick .title_inner_wrap span { height: 20px; }
#container #contents .main .secDailyPick .title__wrap .goDailyPick .title_inner_wrap span img { filter: invert(1); height: 100%; }
#container #contents .main .secDailyPick .title__wrap h3 { font-weight: 700; font-size: 23px; }
#container #contents .main .secDailyPick .title__wrap h4 { font-size: 16px; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper { 
    position: absolute; left: 8%; bottom: 8%; 
    width: calc(100% - 16%); height: auto;
    overflow: hidden;
}
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list {
    display: flex; flex-direction: column;
    align-items: flex-start;
    width: 100%; height: 100%;
}
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li { border-bottom : 1px solid rgba(255, 255, 255, 0.3); padding: 3% 0; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li:last-child { border-bottom: 0; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure {
    width: 100%; height: auto;
    display: flex; flex-direction: row; gap: 3%;
    justify-content: flex-start;
    align-items: center;
}
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .thumb_wrap_slider { width: 25%; height: inherit; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .thumb_wrap_slider .thumb_wrap.load a { height: inherit; width: 100%; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .thumb_wrap_slider .thumb_wrap.load a img { width: 100%; height: 100%; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .pro_icons,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .prod_subname,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .list_shoppingInfo .listDiscount.consumer,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .list_shoppingInfo .consumer.consumer_price { display: none; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .prod_brand,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .listName,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .listName.bold { 
    border-bottom: 0; color: #fff; 
    height: auto; text-wrap: wrap;
    margin: 0; padding: 1px 0 4px;
}
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .prod_brand { font-size: 11px; padding: 0; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .listName,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .listName.bold { 
    font-size: 1em; letter-spacing: -1px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .pricepart { border-top: 0; padding-top: 0; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .listPrice { padding-top: 0; margin-left: 5px; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .listPrice,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .listPrice.gigan,
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .listPrice.gigan.normal_price { 
    color: #fff !important; 
    font-weight: bold; font-size: 1.35em; 
}
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .dc_info { font-size: 1.35em; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .prod_info_wrap { width: 100%; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .colorcircle_item { 
    font-size: 1em; color: #fff; 
    width: 7%; 
    text-align: center;
}
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure > a { width: 100%; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .prod_color { display: none; flex-direction: row; padding: 3px 0; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list li figure .prod_color span { width: 7px; height: 7px; }
#container #contents .main .secDailyPick .swiper.dailypickSwiper .list .thumb_wrap_slider .thumb_wrap .MK-product-label { display: none; }


/* 콜렉션 섹션 */
#container #contents .main .secCollection { position: relative; padding: 50px 3% 15px; }
#container #contents .main .secCollection .title { 
    font-size: 20px; font-weight: 600; 
    width: 100%; display: block; 
}
#container #contents .main .secCollection .title span { float: right; height: 17px; }
#container #contents .main .secCollection .title span img { height: 100%; }
#container #contents .main .secCollection h4 { font-size: 16px; margin-top: 10px; }
#container #contents .main .secCollection .collection__wrap { 
    margin-top: 20px; 
    width: 100%;
    display: flex;
    gap: 10px;
    align-items: stretch; /* 중요 */
}
#container #contents .main .secCollection .collection__wrap .collection__left { flex: 2; }
#container #contents .main .secCollection .collection__wrap .collection__left .list,
#container #contents .main .secCollection .collection__wrap .collection__left .list li,
#container #contents .main .secCollection .collection__wrap .collection__left .list li figure,
#container #contents .main .secCollection .collection__wrap .collection__left .list li figure .thumb_wrap_slider,
#container #contents .main .secCollection .collection__wrap .collection__left .list li figure .thumb_wrap,
#container #contents .main .secCollection .collection__wrap .collection__left .list li figure .thumb_wrap.load,
#container #contents .main .secCollection .collection__wrap .collection__left .list li figure .thumb_wrap a,
#container #contents .main .secCollection .collection__wrap .collection__left .list li figure .thumb_wrap.load a { height: 100%; }
#container #contents .main .secCollection .collection__wrap .collection__right { flex: 1; }
#container #contents .main .secCollection .collection__wrap .collection__right .list {
    display: flex;
    flex-direction: column;
    gap: 10px;
}
#container #contents .main .secCollection .collection__wrap .list { height: 100%; margin: 0; }
#container #contents .main .secCollection .collection__wrap .list li figure > a { display: none; }
#container #contents .main .secCollection .collection__wrap .list .thumb_wrap_slider .thumb_wrap img,
#container #contents .main .secCollection .collection__wrap .list .thumb_wrap_slider .thumb_wrap.load img {
    position: relative;
    width: 100%; height: 100%; 
    display: block; 
    object-fit: cover;
}
#container #contents .main .secCollection .collection__wrap .MK-product-label { display: none !important; }

/* 영상 콘텐츠 */
#container #contents .main .secVideo .video__container { background-color: #242424; position: relative; }
#container #contents .main .secVideo .sec_video { width: 94%; padding: 6% 3% 5%; }
#container #contents .main .secVideo .aspect { aspect-ratio: 9/16; width: 100%; overflow: hidden; margin: 0; }
#container #contents .main .secVideo .aspect iframe { width: 100%; height: 100%; }
/* 영상 콘텐츠 상품 정보 */
#container #contents .main .secVideo h3 { color: #fff; }
#container #contents .main .secVideo .list {
    display: flex; flex-direction: row;
    width: calc(100% - 6%); height: 100%;
    padding: 1% 3%;
    position: relative;
}
#container #contents .main .secVideo .list li { border: 1px solid rgba(255, 255, 255, 0.3); width: 100%; border-right: 0; border-left: 0; }
#container #contents .main .secVideo .list li figure {
    width: 100%; height: auto;
    display: flex; flex-direction: row; gap: 3%;
    justify-content: flex-start;
    align-items: center;
    padding: 3% 0;
    position: relative;
}
#container #contents .main .secVideo .list li figure .thumb_wrap_slider { width: 25%; height: inherit; }
#container #contents .main .secVideo .list li figure .thumb_wrap_slider .thumb_wrap.load a { height: inherit; width: 100%; }
#container #contents .main .secVideo .list li figure .thumb_wrap_slider .thumb_wrap.load a img { width: 100%; height: 100%; }
#container #contents .main .secVideo .list li figure .pro_icons,
#container #contents .main .secVideo .list li figure .prod_subname,
#container #contents .main .secVideo .list li figure .list_shoppingInfo .listDiscount.consumer,
#container #contents .main .secVideo .list li figure .list_shoppingInfo .consumer.consumer_price { display: none; }
#container #contents .main .secVideo .list li figure .prod_brand,
#container #contents .main .secVideo .list li figure .listName,
#container #contents .main .secVideo .list li figure .listName.bold { 
    border-bottom: 0; color: #fff; 
    height: auto; text-wrap: wrap;
    margin: 0; padding: 5px 0;
}
#container #contents .main .secVideo .list li figure .prod_brand { font-size: 11px; padding: 0; }
#container #contents .main .secVideo .list li figure .listName,
#container #contents .main .secVideo .list li figure .listName.bold { 
    font-size: 1em; 
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}
#container #contents .main .secVideo .list li figure .pricepart { border-top: 0; padding-top: 0; }
#container #contents .main .secVideo .list li figure .listPrice { padding-top: 0; margin-left: 5px; }
#container #contents .main .secVideo .list li figure .listPrice,
#container #contents .main .secVideo .list li figure .listPrice.gigan,
#container #contents .main .secVideo .list li figure .listPrice.gigan.normal_price { 
    color: #fff !important; #container #contents .main .secBestTop3
    
    font-weight: bold; font-size: 1.35em; 
}
#container #contents .main .secVideo .list li figure .dc_info { font-size: 1.35em; }
#container #contents .main .secVideo .list li figure .prod_info_wrap { width: 100%; }
#container #contents .main .secVideo .list li figure .colorcircle_item { 
    font-size: 1em; color: #fff; 
    width: 7%; 
    text-align: center;
}
#container #contents .main .secVideo .list li figure > a { display: block; }
#container #contents .main .secVideo .list li figure .prod_color { display: none; flex-direction: row; padding: 3px 0; }
#container #contents .main .secVideo .list li figure .prod_color span { width: 7px; height: 7px; }
#container #contents .main .secVideo .btn__more { 
    color: #fff; 
    font-size: 16px; 
    text-align: center; 
    padding: 3% 0; 
    display: block;
}
#container #contents .main .secVideo .btn__more span { 
    display: inline-block;
    width: 16px; height: 16px;
}
#container #contents .main .secVideo .btn__more span img { width: 100%; }

/* 시즌 베스트3 */
#container #contents .main .secBestTop3 {padding-bottom:35px}
#container #contents .main .secBestTop3 .list { 
    display: flex; 
    flex-direction: row; 
    justify-content: space-evenly; 
    align-items: flex-start; 
    width: 100%;
    gap: 1%;
}

/* 콜라보레이션 */
#container #contents .main .secCollabo { background-color: #000; padding-top: 25px; }
#container #contents .main .secCollabo h2 { color: #fff; font-size: 30px; text-align: center; font-weight: lighter; }
#container #contents .main .secCollabo .overflowBox { margin-top: 25px; }
#container #contents .main .secCollabo .swiper-slide p { color: #fff; }
#container #contents .main .secCollabo .swiper-slide span {
    display: block;
    width: 50px; height: 50px;
    position: absolute;
    bottom: 7%; right: 3%;
}

/* 콘텐츠 모아보기 */
.mk_contents18 { max-width: 640px; margin: 0 auto; padding: 50px 3% 60px; }
.mk_contents18 h3 { color: #1a1a1a; line-height: 1; font-size: 20px; font-weight: 700; margin: 0 0 20px; }
.mk_contents18 .contentBtns { position: relative; }
.mk_contents18 .contentBtns img { width: 100%; }
.mk_contents18 .contentBtn { position: absolute; width: 31.09%; height: 47.37%; display: block; }
.mk_contents18 .contentBtn.cbtn--live { left: 0%; top: 0; }
.mk_contents18 .contentBtn.cbtn--stylelog { left: 33.59%; top: 0; }
.mk_contents18 .contentBtn.cbtn--youtube { left: 68.91%; top: 0; }
.mk_contents18 .contentBtn.cbtn--evellet { left: 0%; top: 52.63%; }
.mk_contents18 .contentBtn.cbtn--reels { left: 33.59%; top: 52.63%; }
.mk_contents18 .contentBtn.cbtn--fitzoom { left: 68.91%; top: 52.63%; }

/* 실시간 베스트 인덱스 */
.tapWrap .productBox > div .thumb_wrap:after, 
.tapWrap2 .productBox2 > div .thumb_wrap:after {
    top: 0; left: 0;
    border-radius: 0;
    width: 25px; height: 25px;
    line-height: 25px;
}

/* 최하단 띠배너 스와이퍼 프로그래스바 */
.btmbanner .swiper-pagination-progressbar { background-color: #d9d9d9 !important; }
.btmbanner .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {
    background-color: #000 !important;
}
.btmbanner .swiper-horizontal > .swiper-pagination-progressbar, 
.btmbanner .swiper-pagination-progressbar.swiper-pagination-horizontal, 
.btmbanner .swiper-pagination-progressbar.swiper-pagination-vertical.swiper-pagination-progressbar-opposite, 
.btmbanner .swiper-vertical > .swiper-pagination-progressbar.swiper-pagination-progressbar-opposite {
    top: 85%; height: var(--swiper-pagination-progressbar-size, 2px);
    width: calc(100% - 6%);
    margin: 0 3% 0 3%;
}

/* 섹션 패딩값 조정 */
.tapWrap2.mk_contents14 { padding: 50px 0 15px; }

/* 안보이게 처리 */
#container #contents .main .sec5,
#container #contents .mainProductList.sec10 { display: none; }

/* 컨펌후 다시 보이게 처리 */
.beltSwiper { display: none !important; }

/* 장바구니 아이콘 */
.secVideo .btn__basket,
#container #contents .main .secExhibit .list__wrap .btn__basket { position: absolute; top: 50%; transform: translateY(-50%); right: 0; padding: 10px; }
#container #contents .main .secExhibit .list__wrap .btn__basket img { filter: invert(1);}
#container #contents .main .MK-product-label { display: none !important; }
#detailpage .cnt { bottom: 69px !important; }
/* BASIC css end */