/* BASIC css start */
/* 공통 및 레이아웃 (Common & Layout) */
#bg-pastelly-main-10 .product-list .sec_item dt.name{letter-spacing:-0.04em;line-height:1.5;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:unset}
div#container{padding-bottom:0}
.manwrap{padding-bottom:20px !important}
#vimeoWrap{position:relative;padding-bottom:100%;_padding-top:30px;height:0;overflow:hidden;margin:0}
#vimeoWrap iframe,#vimeoWrap object,#vimeoWrap embed{position:absolute;top:0;left:0;width:100%;height:100%}



/* 헤더 영역 (Header) */
.headerWrap{background-color:transparent !important;width:100%}
.headerWrap.fixed{position:fixed !important;background-color:#fff !important}
.headerWrap.fixed .gnbArea{display:block}
.headerWrap .headerInfo{background-color:transparent !important;border-bottom:none !important;border-bottom:1.5px solid #eee;}
.headerWrap.fixed .headerInfo{background-color:#fff !important}
.main_cate{position:absolute;background:0 0;top:54px;left:0;right:0;z-index:2}
.main_cate ul{display:table;width:68%;margin:0 auto}
.main_cate ul li{display:table-cell;text-align:center;position:relative}
.main_cate ul li a{font-size:14px;color:#fff;font-family:'Noto Sans KR',sans-serif}
.main_cate ul li a.active:after{content:'';position:absolute;width:5px;height:5px;left:50%;margin-left:-2.5px;background:#fff;z-index:2;border-radius:50%;bottom:-10px;box-sizing:border-box}



/* 모바일 메인 배너(26'리뉴) */
.mobileMainBanner{position:relative;width:100%; min-width:320px; overflow:hidden;padding-bottom:0;background:#fff;-webkit-text-size-adjust:100%}

/* Swiper 컨테이너 */
.mobileMainBanner .swiper{opacity:0;transition:opacity .3s ease-in-out;padding-bottom:50px}
.mobileMainBanner .swiper.visible{opacity:1}
.mobileMainBanner .swiper-wrapper{display:flex;align-items:flex-start}

/* 개별 슬라이드 */
.mobileMainBanner .swiper-slide{position:relative;width:95%;overflow:hidden;border-radius:15px;transform:translate3d(0,0,0)}
.mobileMainBanner .swiper-slide a{display:block;width:100%;position:relative}

/* 이미지 영역 */
.mobileMainBanner .imgBox{width:100%;position:relative;overflow:hidden}
.mobileMainBanner .imgBox img{display:block;width:100%;height:auto;object-fit:cover}

/* 하단 그라데이션 */
.mobileMainBanner .imgBox::after{content:'';position:absolute;left:0;bottom:0;width:100%;height:45%;

background:linear-gradient(
to top,
rgba(0,0,0,.35) 0%,
rgba(0,0,0,.24) 35%,
rgba(0,0,0,.08) 65%,
rgba(0,0,0,0) 100%
);

z-index:5;pointer-events:none}

/* 텍스트 박스 */
.mobileMainBanner .textBox{position:absolute;bottom:8%;left:28px;z-index:10;text-shadow:0 0 1px rgba(0,0,0,.12);pointer-events:none}
.mobileMainBanner .textBox strong{display:block;font-size:clamp(20px,5.4vw,32px);line-height:1.3;font-weight:500;color:#fff;margin-bottom:12px;letter-spacing:-0.04em}
.mobileMainBanner .textBox span{display:block;font-size:clamp(15px,3.5vw,22px);line-height:1.2;color:#fff;opacity:.9;letter-spacing:-0.02em}

/* 페이지네이션 바 */
.mobileMainBanner .swiper-pagination.swiper-pagination-progressbar{position:absolute;bottom:20px!important;left:5%!important;right:5%!important;width:auto!important;height:3px;background:#e0e0e0!important;top:auto!important;z-index:10;box-sizing:border-box}
.mobileMainBanner .swiper-pagination-progressbar-fill{background:#000!important;transform-origin:left center!important;height:100%!important}
.mobileMainBanner .swiper-counter{position:absolute;bottom:30px;right:20px;font-size:12px;font-weight:600;color:#000;z-index:11}


/* 태블릿(768px 이상) */
@media(min-width:768px){
.mobileMainBanner{max-width:100%;overflow:hidden}
.mobileMainBanner .swiper-slide{width:580px!important}
.mobileMainBanner .imgBox img{width:100%;height:auto}
}


/*메인배너 카운트다운*/
.mobileMainBanner .textBox .countdown-timer{display:block;margin-top:12px;font-size:clamp(15px,3.5vw,22px);line-height:1.2;color:#fff;opacity:.9;letter-spacing:-.02em;font-weight:400}
.mobileMainBanner .textBox .countdown-timer span{display:inline!important;color:#ffeb3b!important;opacity:1;font-weight:600}
@media(min-width:768px){.mobileMainBanner .schedule-banner{width:580px!important}}



/* 퀵 아이콘 (Quick Icons) */
#quick_ico{margin:10px 0 50px;width:100%;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;cursor:grab;scrollbar-width:none;-ms-overflow-style:none}
#quick_ico:active{cursor:grabbing}
#quick_ico::-webkit-scrollbar{display:none}
#quick_ico .quick_scroll_wrap{display:inline-block;padding:0 20px;vertical-align:top;white-space:nowrap;min-width:100%;box-sizing:border-box}
#quick_ico ul{gap:8px;margin:0;padding:0}
#quick_ico ul.row_01{display:flex;margin-bottom:8px;width:max-content}
#quick_ico ul.row_02{display:flex;width:max-content;margin-left:0}
#quick_ico.is-centered .quick_scroll_wrap{text-align:center;display:flex;flex-direction:column;align-items:center}
#quick_ico.is-centered ul.row_01,#quick_ico.is-centered ul.row_02{justify-content:center;width:auto;transform:none!important}
#quick_ico ul li{list-style:none;flex-shrink:0}
#quick_ico ul li a{display:flex;align-items:center;padding:8px 10px 8px 6px;border:1px solid #e5e5e5;border-radius:50px;background:#fff;text-decoration:none;height:48px;box-sizing:border-box;user-select:none;-webkit-user-drag:none}
#quick_ico ul li a img{width:34px;height:34px;border-radius:50%;object-fit:cover;margin-right:8px;pointer-events:none}
#quick_ico ul li a p{margin:0;font-size:13px;font-weight:500;color:#111;line-height:1;white-space:nowrap;letter-spacing:-.03em}

@media screen and (min-width:768px){
#quick_ico{overflow:visible;width:100%;margin:10px 0 50px}
#quick_ico .quick_scroll_wrap{display:block;white-space:normal;max-width:1000px;margin:0 auto;padding:0 20px}
#quick_ico ul.row_01,#quick_ico ul.row_02{display:flex;justify-content:center;gap:12px;width:100%;margin:0;padding:0;transform:none!important}
#quick_ico ul.row_01{margin-bottom:12px}
#quick_ico ul li{flex:0 0 auto;list-style:none}
}


/* 오늘출발 카운트다운 스타일 */
.title_group { display: flex; align-items: center; gap: 10px; }
.today_timer { 
    display: inline-flex; 
    align-items: center; 
    background: #fa5500; 
    color: #fff; 
    padding: 5px 10px; 
    border-radius: 4px; 
    font-size: 14px; 
    font-family: 'Montserrat', sans-serif;
    font-weight: 500;
    vertical-align: middle;
}
.today_timer .ico_clock {
    display: inline-block;
    width: 12px;
    height: 12px;
    margin-right: 4px;
    background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='white' viewBox='0 0 24 24'%3E%3Cpath d='M12 2c5.514 0 10 4.486 10 10s-4.486 10-10 10-10-4.486-10-10 4.486-10 10-10zm0-2c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm1 12v-6h-2v8h7v-2h-5z'/%3E%3C/svg%3E") no-repeat center;
}

@media screen and (max-width: 768px) {
    .today_timer { font-size: 14px; padding: 3px 7px; }
}


/* =========================================
   엘칸토 숏폼 컬렉션 (26' 신설)
   ========================================= */
   .shorts_collection_wrapper{width:100%;margin-top:20px;margin-bottom:50px;background-color:#181818;padding:80px 0;box-sizing:border-box;overflow:visible}
.shorts_collection_wrapper .inner_center{width:1400px;margin:0 auto;position:relative;overflow:visible}
.shorts_collection_wrapper .shorts_header{margin-bottom:25px}
.shorts_collection_wrapper .shorts_header h3{color:#fff;font-size:24px;font-weight:500;font-family:'Noto Sans KR',sans-serif;margin:0}

.shorts_card{background-color:#fff;border-radius:15px;overflow:hidden;display:block;transform:translateZ(0)}
.shorts_card .video_area{position:relative;width:100%;background:#000;cursor:pointer}
.shorts_card .video_area iframe{pointer-events:none}
.shorts_card .video_area .play_icon{position:absolute;top:15px;right:15px;width:30px;height:30px;background:rgba(0,0,0,.5);border-radius:50%;color:#fff;font-size:12px;display:flex;align-items:center;justify-content:center;border:1px solid rgba(255,255,255,.3);z-index:2}

.shorts_card .prod_area{display:flex;align-items:center;padding:15px;text-decoration:none;background:#fff}
.shorts_card .prod_area .thumb{width:90px;height:90px;border-radius:4px;overflow:hidden;margin-right:8px;flex-shrink:0}
.shorts_card .prod_area .thumb img{width:100%;height:100%;object-fit:cover}

.shorts_card .prod_area .info{flex:1;overflow:hidden}
.shorts_card .prod_area .info .brand{display:block;font-size:13px;font-weight:500;color:#666;margin-bottom:5px;font-family:'Montserrat',sans-serif}
.shorts_card .prod_area .info .name{display:block;font-size:14px;color:#000;margin:0 0 6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:'Noto Sans KR',sans-serif}

.shorts_card .prod_area .info .price_wrap{display:flex;align-items:center;gap:5px;flex-wrap:wrap}
.shorts_card .prod_area .info .price_wrap .sale-rate{color:#f12f22;font-size:15px;font-weight:700;font-family:'Montserrat',sans-serif;white-space:nowrap}
.shorts_card .prod_area .info .price_wrap .price{color:#000;font-size:15px;font-family:'Montserrat',sans-serif;white-space:nowrap}
.shorts_card .prod_area .info .price_wrap .consumer{color:#bbb;font-size:15px;text-decoration:line-through;font-family:'Montserrat',sans-serif;margin-left:2px;white-space:nowrap}

@media screen and (max-width:1440px){.shorts_collection_wrapper .inner_center{width:100%;padding-left:20px;box-sizing:border-box}}
@media screen and (max-width:1280px){.shorts_card .prod_area .thumb{width:70px;height:70px}.shorts_card .prod_area .info .name{font-size:13px}}
@media screen and (max-width:1024px){.shorts_collection_wrapper{padding-bottom:60px}}
@media screen and (max-width:768px){
.shorts_collection_wrapper{padding:40px 0}
.shorts_collection_wrapper .inner_center{padding-left:16px}
.shorts_collection_wrapper .shorts_header{padding-right:16px}
.shorts_collection_wrapper .shorts_header h3{font-size:20px}
.shorts_card .prod_area .thumb{width:50px;height:50px;margin-right:10px}
.shorts_card .prod_area .info .name{font-size:13px}
.shorts_card .prod_area .info .price_wrap .sale-rate{font-size:14px}
.shorts_card .prod_area .info .price_wrap .price{font-size:15px;font-weight:900}
.shorts_card .prod_area .info .price_wrap .consumer{font-size:13px}
}




/* =========
   주간 BEST
   ========= */
   #weekly_best{margin-bottom:50px}
#weekly_best .ctitle{margin:50px 0 15px}
.weekly_swiper_pagination{margin:20px 0;position:relative !important;display:block;text-align:left !important}
.weekly_swiper_pagination span{width:auto;height:auto;background:0 0;margin-right:17px;position:relative;font-size:13px;color:#636363;opacity:1;font-weight:300}
.weekly_swiper_pagination .swiper-pagination-bullet-active{font-weight:500;color:#000}
.weekly_swiper_pagination .swiper-pagination-bullet-active:after{content:'';position:absolute;width:5px;height:5px;left:50%;margin-left:-2.5px;background:#000;z-index:2;border-radius:50%;bottom:-10px;box-sizing:border-box}
#weekly_swiper{padding:0;box-sizing:border-box}
#weekly_swiper .btn_more{position:relative;text-align:right;margin-bottom:10px;top:0}
#weekly_swiper .swiper-slide{margin-top:0 !important}
#weekly_swiper .item-cont{display:flex;flex-wrap:wrap;justify-content:space-between;gap:0 1px}
#weekly_swiper .item-cont:after{content:unset}
#weekly_swiper .swiper-wrapper{height:100% !important}
#weekly_swiper .item-list:nth-child(2n){margin-top:0 !important;margin-left:0 !important}
#weekly_swiper .swiper-pagination-progressbar{bottom:0 !important;top:auto !important;padding:0 10px !important;text-align:center !important;box-sizing:border-box !important;width:80% !important;margin:0 10% !important;background:#a9a9a9 !important;height:1px !important}
#weekly_swiper .swiper-pagination-progressbar .swiper-pagination-progressbar-fill{background:#000}
#weekly_swiper .slick-slide{margin-right:7px}
#weekly_swiper .slick-list{margin-right:-7px !important}
#weekly_swiper .slick-dots{width:50%;margin:0 auto;position:unset}
#weekly_swiper .slick-dots li{display:inline-block;vertical-align:top;text-align:center;background:#a9a9a9;height:1px;cursor:pointer;border-radius:unset;margin:auto}
#weekly_swiper .slick-dots li.slick-active{background:#333}
#weekly_swiper .slick-dots li button{display:none}
#weekly_swiper .swiper-slide.swiper-slide-active a{display:block}






/* ==========================================================================
   탭 (Tab) 공통
   ========================================================================== */
.tab{margin-top:30px}
.tab span{display:inline-block;width:auto;height:auto;background:0 0;position:relative;font-size:13px;color:#aaa;opacity:1}
.tab span.current{font-weight:700;color:#000}
.tab span.current:after{content:'';position:absolute;width:5px;height:5px;left:50%;margin-left:-2.5px;background:#000;z-index:2;border-radius:50%;bottom:-10px;box-sizing:border-box}
.tabcontent{display:none}
.tabcontent.current{display:block}



/* ==========================================================================
   신상품 (New Arrivals)
   ========================================================================== */
#new_swiper{padding-left:0;}
#new_swiper .swiper-slide{opacity:0!important;}
#new_swiper .swiper-slide-active{opacity:1!important;overflow:hidden;}
.new_swiper_pagination{margin:20px 0;position:relative!important;display:block;text-align:left!important;}
.new_swiper_pagination span{width:auto;height:auto;background:0 0;margin-right:17px;position:relative;font-size:15px;font-family:'Noto Sans KR',sans-serif;color:#aaa;opacity:1;}
.new_swiper_pagination .swiper-pagination-bullet-active{font-weight:700;color:#000;}
.new_swiper_pagination .swiper-pagination-bullet-active:after{content:'';position:absolute;width:5px;height:5px;left:50%;margin-left:-2.5px;background:#000;z-index:2;border-radius:50%;bottom:-10px;box-sizing:border-box;}
#new_swiper .swiper-wrapper{height:100%!important;}
#new_swiper .slick-dots{width:78%;height:2px;margin:0 auto;position:unset;border-radius:10px;}
#new_swiper .slick-dots li{display:inline-block;vertical-align:top;text-align:center;height:2px;cursor:pointer;margin:auto;background:rgba(0,0,0,.1);border-radius:10px;}
#new_swiper .slick-dots li.slick-active{background:rgba(0,0,0,.5);}
#new_swiper .slick-dots li button{display:none;}
#new_swiper .item-list:nth-child(2n){margin-top:0!important;margin-left:0!important;}
#new_swiper .swiper-pagination-progressbar{bottom:25px!important;top:auto!important;padding:0 10px!important;text-align:center!important;box-sizing:border-box!important;width:80%!important;margin:0 10%!important;background:#a9a9a9!important;height:1px!important;}
#new_swiper .slick-slide{margin-right:1px;}
#new_swiper .slick-list{margin-right:-1px!important;}
#new_swiper .item-list .thumb .imgWrap .moreViewMask{display:none;}
#new_swiper .item-list:last-child .thumb .imgWrap .moreViewMask{display:block;position:absolute;width:100%;height:100%;background:rgba(0,0,0,.5);top:0;left:0;z-index:99;}
#new_swiper .item-list:last-child .thumb .imgWrap .moreViewMask a{display:block;width:100%;height:100%;}
#new_swiper .item-list:last-child .thumb .imgWrap .moreViewMask .moreViewIcon{position:absolute;width:40px;height:40px;top:50%;left:50%;margin-top:-30px;margin-left:-20px;}
#new_swiper .item-list:last-child .thumb .imgWrap .moreViewMask .moreViewIcon span:nth-child(1){position:absolute;display:block;top:0;left:50%;margin-left:-.5px;width:1px;height:40px;background:#fff;}
#new_swiper .item-list:last-child .thumb .imgWrap .moreViewMask .moreViewIcon span:nth-child(2){position:absolute;display:block;top:50%;left:0;margin-top:-.5px;height:1px;width:40px;background:#fff;}
#new_swiper .item-list:last-child .thumb .imgWrap .moreViewMask p{position:absolute;width:100%;top:50%;left:0;margin-top:10px;color:#fff;font-size:14px;text-align:center;line-height:20px;}



/* ==========================================================================
   브랜드 (Brand)
   ========================================================================== */

#brand_swiper{margin-left:20px;padding:0 13px 0 0}
#brand_swiper .swiper-slide-active{opacity:1!important;overflow:hidden}

/* 페이징 */
.brand_swiper_pagination{display:block;position:relative!important;text-align:left!important;margin-top:11.5px;padding-bottom:3px}
.brand_swiper_pagination span{width:auto;height:auto;background:0 0;margin-right:17px;position:relative;font-size:13px;color:#636363;opacity:1;font-weight:300}
.brand_swiper_pagination .swiper-pagination-bullet-active{font-weight:500;color:#000}
.brand_swiper_pagination .swiper-pagination-bullet-active:after{content:'';position:absolute;width:5px;height:5px;left:50%;margin-left:-2.5px;background:#000;z-index:2;border-radius:50%;bottom:-10px;box-sizing:border-box}

/* 배너 */
#brand_swiper .brand_bnr_wrap{position:relative;margin-bottom:5px}
#brand_swiper .brand_bnr_wrap img{width:100%}
#brand_swiper .brand_bnr_wrap .brand_info{position:absolute;bottom:0;left:0;width:100%;padding:20px 22px;box-sizing:border-box;background:linear-gradient(to bottom,rgba(0,0,0,0) 0,rgba(0,0,0,.62) 78%,rgba(0,0,0,.8) 100%)}
#brand_swiper .brand_bnr_wrap .brand_info .brand_tit{font-size:26px;color:#fff;font-family:Montserrat,sans-serif;display:block;margin-bottom:10px}
#brand_swiper .brand_bnr_wrap .brand_info .brand_txt{font-size:14px;color:#fff;font-family:'Noto Sans KR',sans-serif;display:block;margin-bottom:25px}
#brand_swiper .brand_bnr_wrap .brand_info .brand_shop{font-size:10px;color:#fff;font-family:Montserrat,sans-serif;border:1px solid #fff;padding:5px 7px;display:inline-block;transition:.3s ease-in-out}
#brand_swiper .brand_bnr_wrap .brand_info .brand_shop:hover{background:#000;color:#fff}

/* 상품 영역 */
#brand_swiper .brand_pd_wrap{background:#fff}
#brand_swiper .brand_pd_wrap:after{content:'';clear:both;display:block}
#brand_swiper .brand_pd_wrap .item-list{width:100%;margin:0;clear:both;border-bottom:1px solid #e9e9e9;display:table}
#brand_swiper .brand_pd_wrap .item-list dt.thumb{display:table-cell;width:90px;min-width:90px;vertical-align:middle;padding:5px 0}
#brand_swiper .brand_pd_wrap .item-list dd{display:table-cell;vertical-align:middle;padding:5px 7px 5px 14px;box-sizing:border-box;overflow:hidden;width:calc(100% - 90px)}
#brand_swiper .brand_pd_wrap .item-list dd .prd-name{padding:0}
#brand_swiper .brand_pd_wrap .item-list dd .prd-name a{font-size:13px!important;font-weight:400;line-height:0;word-break:break-all;white-space:pre-line}
#brand_swiper .brand_pd_wrap .item-list dd .prd-name a .name{font-size:12px;letter-spacing:-.04em;line-height:1.25;word-break:break-all;display:block;overflow:hidden;white-space:normal;text-overflow:ellipsis;margin-bottom:10px}
#brand_swiper .brand_pd_wrap .item-list dd .prd-name a .brandName{font-size:12px;margin-bottom:10px;color:#a8a8a8;line-height:1}
#brand_swiper .brand_pd_wrap .item-list dd .prd-info{float:right;margin-bottom:9px}

/* 스와이퍼 버튼 위치 */
.brand_swiper_prev{top:500px!important;left:30px!important}
.brand_swiper_next{top:500px!important;left:655px!important;right:auto!important}
.brand_swiper_next:after,.brand_swiper_prev:after{content:unset!important}



/* ========================================================================== */
/* 브랜드 / 단독프로모션 / 카테고리 3탭 타이틀 */
/* ========================================================================== */
.item-wrap.PrdArea .ctitle.main.wide_tit{
width:100%!important;
max-width:1400px!important;
margin:0 auto 20px!important;
text-align:left!important;
padding:0 20px!important;
display:block!important;
box-sizing:border-box;
}

@media screen and (max-width:1440px){
.item-wrap.PrdArea .ctitle.main.wide_tit{
padding:0 20px!important;
}
}


/* =========================================
   브랜드 탭 (엘칸토 / 인텐스 / 마쯔)
   ========================================= */
   
.PrdArea #brandtap_swiper { margin: 0 auto !important; width: 100% !important; max-width: 1400px; margin-bottom: 30px !important; }
#brandtap_swiper .swiper-slide { display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch; background: #fff; overflow: hidden; border: none !important; box-sizing: border-box; opacity: 1 !important; visibility: visible !important; }
#brandtap_swiper .brandtap_bnr_wrap { width: 100% !important; position: relative; aspect-ratio: 5/6; overflow: hidden; flex-shrink: 0; }
#brandtap_swiper .brandtap_bnr_wrap img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform .5s; }
/*#brandtap_swiper .swiper-slide:hover .brandtap_bnr_wrap img { transform: scale(1.03); }*/

.brandtap_text_info { padding: 30px 0 15px; text-align: left; background: #fff; }
.brandtap_text_info .b_tit { display: block; font-size: 26px; font-weight: 700; color: #000; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.brandtap_text_info .b_desc { display: block; font-size: 15px; color: #666; margin-bottom: 15px; line-height: 1.4; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; min-height: 42px; word-break: keep-all; }
.brandtap_text_info .b_btn { display: inline-block; border: 1px solid #ddd; color: #333; font-size: 12px; padding: 8px 15px; transition: all .3s; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; text-decoration: none; }
.brandtap_text_info .b_btn:hover { background: #000; color: #fff; border-color: #000; }

#brandtap_swiper .brandtap_pd_wrap { width: 100% !important; float: none !important; padding: 15px 0 20px !important; box-sizing: border-box; background: #fff; flex: 1; display: flex; flex-direction: column; justify-content: flex-start; }
#brandtap_swiper .brandtap_pd_wrap .item-list { width: 100% !important; margin: 5px 0 15px !important; display: flex !important; align-items: center; border-bottom: 1px solid #ebebeb; padding-bottom: 12px; }
#brandtap_swiper .brandtap_pd_wrap .item-list:last-child { margin: 0 !important; padding-bottom: 15; border-bottom: 1px solid #ebebeb; }
#brandtap_swiper .brandtap_pd_wrap .thumb { width: 90px !important; height: 90px !important; flex-shrink: 0; margin-right: 15px; }
#brandtap_swiper .brandtap_pd_wrap .thumbWrap, #brandtap_swiper .brandtap_pd_wrap .imgWrap { width: 100%; height: 100%; margin: 0 !important; }
#brandtap_swiper .brandtap_pd_wrap .imgWrap img.prdImg { width: 100%; height: 100%; object-fit: cover; }

#brandtap_swiper .brandtap_pd_wrap dd { width: calc(100% - 105px); text-align: left; margin: 0; }
#brandtap_swiper .brandtap_pd_wrap .prd-name { padding: 0 !important; }
#brandtap_swiper .brandtap_pd_wrap .prd-name a { display: block; text-decoration: none; }
#brandtap_swiper .brandtap_pd_wrap .prd-name .brandName { display: block; font-size: 13px; color: #A8A8A8; margin-bottom: 5px; }
#brandtap_swiper .brandtap_pd_wrap .prd-name .name{display:block;font-size:13px;font-weight:400;color:#181818;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;max-height:2.8em;}
#brandtap_swiper .brandtap_pd_wrap .prd-price { margin: 5px 0 !important; display: block !important; }
#brandtap_swiper .brandtap_pd_wrap .prd-price .price { font-size: 15px; font-weight: 600; color: #181818; margin-right: 5px; }
#brandtap_swiper .brandtap_pd_wrap .prd-price .consumer { font-size: 13px; color: #aaa; text-decoration: line-through; font-weight: 400; }
#brandtap_swiper .colorArea { display: block; margin-top: 8px; height: 12px; }
#brandtap_swiper .colorList { display: inline-block; width: 26px; height: 6px; margin-right: 3px; border: 1px solid #e5e5e5; vertical-align: top; }


/* 브랜드 탭 반응형 (모바일) */
@media screen and (max-width: 768px) {
    .PrdArea #brandtap_swiper { width: 100% !important; padding: 0 !important; overflow: hidden; }
    .item-wrap.PrdArea .ctitle.main { padding-left: 20px !important; box-sizing: border-box; }
    #brandtap_swiper .swiper-slide { width: 85% !important; margin-right: 15px !important; }
    #brandtap_swiper .swiper-slide:first-child { margin-left: -20px !important; }
    #brandtap_swiper .swiper-slide:last-child { margin-right: 0 !important; }
    #brandtap_swiper .brandtap_bnr_wrap { width: 100% !important; height: auto !important; overflow: hidden; aspect-ratio: 5/6; }
    .brandtap_text_info { padding: 20px 0 0 !important; }
    .brandtap_text_info .b_tit { font-size: 22px; margin-bottom: 10px; }
    .brandtap_text_info .b_desc { font-size: 14px; margin-bottom: 15px; min-height: auto; }
    .brandtap_text_info .b_btn { padding: 6px 15px; font-size: 13px; margin-bottom: 20px; }
    #brandtap_swiper .brandtap_pd_wrap { width: 88% !important; margin: 0 !important; padding: 10px 0 30px !important; border-top: 1px solid #f0f0f0; }
    #brandtap_swiper .brandtap_pd_wrap .thumb { width: 65px !important; height: 65px !important; margin-right: 12px; }
    #brandtap_swiper .brandtap_pd_wrap dd { width: calc(100% - 77px); }
    #brandtap_swiper .brandtap_pd_wrap .prd-name .brandName { font-size: 13px; margin-bottom: 5px; }
    #brandtap_swiper .brandtap_pd_wrap .prd-name .name { font-size: 13px; margin-top: 3px; }
    #brandtap_swiper .brandtap_pd_wrap .prd-price .price { font-size: 15px; }
    #brandtap_swiper .brandtap_pd_wrap .prd-price .consumer { font-size: 13px; }
}


/* =========================================
   단독 프로모션 스타일
   ========================================= */
.PrdArea #promo_swiper { margin: 0 auto !important; width: 100% !important; max-width: 1400px; margin-bottom: 30px !important; }
#promo_swiper .swiper-slide { display: flex !important; flex-direction: column; justify-content: flex-start; align-items: stretch; background: #fff; overflow: hidden; border: none !important; box-sizing: border-box; opacity: 1 !important; visibility: visible !important; }
#promo_swiper .promo_bnr_wrap { width: 100% !important; position: relative; aspect-ratio: 5/6; overflow: hidden; flex-shrink: 0; }
#promo_swiper .promo_bnr_wrap img { width: 100% !important; height: 100% !important; object-fit: cover; display: block; transition: transform .5s; }
/*#promo_swiper .swiper-slide:hover .promo_bnr_wrap img { transform: scale(1.03); }*/

.promo_text_info { padding: 30px 0 15px; text-align: left; background: #fff; }
.promo_text_info .b_tit { display: block; font-size: 26px; font-weight: 700; color: #000; margin-bottom: 8px; font-family: 'Montserrat', sans-serif; }
.promo_text_info .b_desc { display: block; font-size: 15px; color: #666; margin-bottom: 15px; line-height: 1.4; font-family: 'Noto Sans KR', sans-serif; font-weight: 500; min-height: 42px; word-break: keep-all; }
.promo_text_info .b_btn { display: inline-block; border: 1px solid #ddd; color: #333; font-size: 12px; padding: 8px 15px; transition: all .3s; font-family: 'Montserrat', sans-serif; margin-bottom: 10px; text-decoration: none; }
.promo_text_info .b_btn:hover { background: #000; color: #fff; border-color: #000; }

#promo_swiper .promo_pd_wrap { width: 100% !important; float: none !important; padding: 10px 0 20px !important; box-sizing: border-box; background: #fff; flex: 1; display: flex; flex-direction: column; justify-content: flex-start; }
#promo_swiper .promo_pd_wrap .item-list { width: 100% !important; float: none !important; margin: 5px 0 15px !important; display: flex !important; align-items: center; border-bottom: 1px solid #ebebeb; padding-bottom: 12px; min-height: auto !important; }
#promo_swiper .promo_pd_wrap .item-list:last-child { margin: 0 !important; padding-bottom: 15; border-bottom: 1px solid #ebebeb;}
#promo_swiper .promo_pd_wrap .thumb { width: 90px !important; height: 90px !important; flex-shrink: 0; margin-right: 15px; }
#promo_swiper .promo_pd_wrap .thumbWrap, #promo_swiper .promo_pd_wrap .imgWrap { width: 100%; height: 100%; margin: 0 !important; }
#promo_swiper .promo_pd_wrap .imgWrap img.prdImg { width: 100%; height: 100%; object-fit: cover; }
#promo_swiper .promo_pd_wrap dd { width: calc(100% - 105px); text-align: left; margin: 0; }
#promo_swiper .promo_pd_wrap .prd-name { padding: 0 !important; }
#promo_swiper .promo_pd_wrap .prd-name a { display: block; text-decoration: none; }
#promo_swiper .promo_pd_wrap .prd-name .brandName { display: block; font-size: 13px; color: #A8A8A8; margin-bottom: 5px; }
#promo_swiper .promo_pd_wrap .prd-name .name{display:block;font-size:13px;font-weight:400;color:#181818;margin-top:5px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;max-eight:2.8em;}
#promo_swiper .promo_pd_wrap .prd-price { margin: 5px 0 !important; display: block !important; }
#promo_swiper .promo_pd_wrap .prd-price .price { font-size: 15px; font-weight: 600; color: #181818; margin-right: 5px; }
#promo_swiper .promo_pd_wrap .prd-price .consumer { font-size: 13px; color: #aaa; text-decoration: line-through; font-weight: 400; }
#promo_swiper .colorArea { display: block; margin-top: 8px; height: 12px; }
#promo_swiper .colorList { display: inline-block; width: 26px; height: 6px; margin-right: 3px; border: 1px solid #e5e5e5; vertical-align: top; }

/* 단독 프로모션 반응형 (모바일) */
@media screen and (max-width: 768px) {
    .PrdArea #promo_swiper { width: 100% !important; padding: 0 !important; overflow: hidden; }
    .item-wrap.PrdArea .ctitle.main { padding-left: 20px !important; box-sizing: border-box; }
    #promo_swiper .swiper-slide { width: 85% !important; margin-right: 15px !important; }
    #promo_swiper .swiper-slide:first-child { margin-left: -10px !important; }
    #promo_swiper .swiper-slide:last-child { margin-right: 0 !important; }
    #promo_swiper .promo_bnr_wrap { height: auto !important; aspect-ratio: 5/6; }
    .promo_text_info { padding: 20px 0 0 !important; }
    .promo_text_info .b_tit { font-size: 22px; margin-bottom: 10px; }
    .promo_text_info .b_desc { font-size: 14px; margin-bottom: 15px; min-height: auto; }
    .promo_text_info .b_btn { padding: 6px 15px; font-size: 13px; margin-bottom: 20px; }
    #promo_swiper .promo_pd_wrap { width: 88% !important; margin: 0 !important; padding: 10px 0 30px !important; border-top: 1px solid #f0f0f0; }
    #promo_swiper .promo_pd_wrap .thumb { width: 65px !important; height: 65px !important; margin-right: 12px; }
    #promo_swiper .promo_pd_wrap dd { width: calc(100% - 77px); }
    #promo_swiper .promo_pd_wrap .prd-name .brandName { font-size: 13px; margin-bottom: 5px; }
    #promo_swiper .promo_pd_wrap .prd-name .name { font-size: 13px; margin-top: 3px; }
    #promo_swiper .promo_pd_wrap .prd-price .price { font-size: 15px; }
    #promo_swiper .promo_pd_wrap .prd-price .consumer { font-size: 13px; }
}


/* ==========================================================================
   MD'S PICK (MD Special)
   ========================================================================== */
.md_special{position:relative;margin-top:72px;padding-bottom:58px}

/* MD 픽 이미지 */
.md_special .md_pick_wrap{position:absolute;top:0;left:0;right:0;z-index:2}
.md_special .md_pick_wrap img{width:100%}
.md_special .md_pick_wrap::after{content:'';position:absolute;top:0;left:0;right:0;bottom:0;width:100%;height:100%;background:rgb(0 0 0 / 35%)}

/* 텍스트 영역 */
.md_special .md_text{position:absolute;top:0;left:50%;transform:translateX(-50%);width:100%;padding:35px 0 0;text-align:center;z-index:10}
.md_special .md_text .radius{display:inline-block;width:42px;height:17px;margin-bottom:11px;border:1px solid #fff;border-radius:50%;color:#fff;font-size:.75rem;font-weight:300;line-height:16px;letter-spacing:-.05rem}
.md_special .md_text h3{margin-bottom:10px;padding-right:0;color:#fff;font-size:21px;font-weight:500;letter-spacing:-.025em}
.md_special .md_text>p{padding-bottom:10px;color:#fff;font-size:13px;font-weight:300;letter-spacing:-.03em}
.md_special .md_text>a{border:1px solid #fff;color:#fff;font-size:11px;font-weight:300;letter-spacing:.025em;padding:5px 11px;display:inline-block}

/* 스페셜 배너 */
.md_special .special_bnr{margin:28.5px 0 0;padding:142px 20px 0;z-index:5}
.md_special .special_bnr .swiper-wrapper{margin-left:-13px}
.md_special .special_bnr .swiper-slide{position:relative;margin:0}
.md_special .special_bnr .swiper-slide:nth-child(2n){margin:0}

/* 스와이퍼 카드 */
.md_special .special_bnr .swiper-slide .thumb{border:1px solid #e1e1e1;box-sizing:border-box;margin-bottom:10px;padding-bottom:0}
.md_special .special_bnr .swiper-slide img{width:100%;height:auto}
.md_special .special_bnr .swiper-slide .box{padding:0 1.5px}
.md_special .special_bnr .swiper-slide .box .name{padding-top:17px}
.md_special .special_bnr .swiper-slide .box .price .sale{color:#ff0000}
.md_special .special_bnr .swiper-slide .box .price strong,
.md_special .special_bnr .swiper-slide .text_section{width:100%;text-align:left}
.md_special .special_bnr .swiper-slide .text_section>p{color:#000;font-size:1.083rem;font-weight:400;letter-spacing:.05rem}
.md_special .special_bnr .swiper-slide .text_section>span{border-bottom:1px solid #000;color:#000;font-size:.917rem;font-weight:300}

/* 스와이퍼 진행 바 */
.md_special .special_bnr .swiper-pagination-progressbar{position:relative;width:100%;height:1px;margin-top:28px;background:#d8d8d8}
.md_special .special_bnr .swiper-pagination-progressbar-fill{background:#000}




/* ==========================================================================
    남화 & 여화 탭 공통 CSS
   ========================================================================== */
#men_swiper,#women_swiper{margin-bottom:50px!important;position:relative;overflow:hidden}
#men_swiper .PrdArea.item-wrap,#women_swiper .PrdArea.item-wrap{width:100%!important;margin:0!important;padding:0!important;max-width:none!important}


#men_swiper .ctitle.main,#women_swiper .ctitle.main{padding:0!important;position:relative;margin-bottom:20px}
#men_swiper .ctitle.main .title,#women_swiper .ctitle.main .title{font-size:35px;font-weight:600;color:#000;font-family:'Noto Sans KR',sans-serif;display:block;letter-spacing:-1px}

.men_swiper_pagination,.women_swiper_pagination{position:static!important;text-align:left!important;transform:none!important;margin:25px 0!important;display:flex!important;flex-wrap:wrap!important;justify-content:flex-start!important;align-items:center;width:100%!important;padding:0!important}

.men_swiper_pagination .swiper-pagination-bullet,.women_swiper_pagination .swiper-pagination-bullet{
width:auto!important;height:auto!important;display:block!important;background:#fff!important;opacity:1!important;border:1px solid #e0e0e0;border-radius:50px;padding:10px 20px;margin:0 8px 5px 0!important;font-size:15px;color:#666;cursor:pointer;transition:all .3s;font-family:'Montserrat',sans-serif;font-weight:500;outline:none!important}

.men_swiper_pagination .swiper-pagination-bullet-active,.women_swiper_pagination .swiper-pagination-bullet-active{background:#000!important;border-color:#000!important;color:#fff!important;font-weight:700}

.men_swiper_pagination .swiper-pagination-bullet::after,.men_swiper_pagination .swiper-pagination-bullet::before,.women_swiper_pagination .swiper-pagination-bullet::after,.women_swiper_pagination .swiper-pagination-bullet::before,.men_swiper_pagination .swiper-pagination-bullet-active::after,.men_swiper_pagination .swiper-pagination-bullet-active::before,.women_swiper_pagination .swiper-pagination-bullet-active::after,.women_swiper_pagination .swiper-pagination-bullet-active::before{display:none!important;content:none!important}

.cate_more_btn{font-size:17px;color:#999;text-decoration:none;font-family:'Noto Sans KR',sans-serif;transition:color .3s;margin:0}
.cate_more_btn:hover{color:#000}

#men_swiper .item-cont.swiper-slide,#women_swiper .item-cont.swiper-slide{display:flex!important;align-items:stretch;justify-content:space-between;background:#fff;opacity:0;transition:opacity .3s}
#men_swiper .item-cont.swiper-slide-active,#women_swiper .item-cont.swiper-slide-active{opacity:1}

#men_swiper .men_pd_wrap,#women_swiper .women_pd_wrap{width:100%;padding:0;box-sizing:border-box;display:flex;flex-direction:column;justify-content:space-between}
#men_swiper .men_product_container,#women_swiper .women_product_container{width:100%;padding-bottom:0}

#men_swiper .men_pd_wrap .item-list,#women_swiper .women_pd_wrap .item-list{float:left;width:32%;margin-right:2%;margin-bottom:30px;min-height:auto!important}
#men_swiper .men_pd_wrap .item-list:nth-child(3n),#women_swiper .women_pd_wrap .item-list:nth-child(3n){margin-right:0}
#men_swiper .men_pd_wrap .item-list:nth-child(n+7),#women_swiper .women_pd_wrap .item-list:nth-child(n+7){display:none}

#men_swiper .thumbWrap .imgWrap img,#women_swiper .thumbWrap .imgWrap img{width:100%;display:block}
#men_swiper .item-list dd,#women_swiper .item-list dd{margin-top:10px}
#men_swiper .item-list .prd-name .brandName,#women_swiper .item-list .prd-name .brandName{display:block;font-size:12px;color:#A8A8A8; margin-bottom:8px}
#men_swiper .item-list .prd-name .name,#women_swiper .item-list .prd-name .name
{font-size:13px;font-weight:400;color:#181818;margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;max-height:2.8em}
#men_swiper .item-list .prd-price,#women_swiper .item-list .prd-price{margin:5px 0}
#men_swiper .item-list .prd-price .price,#women_swiper .item-list .prd-price .price{font-size:15px;font-weight:600;color:#000;margin-right:5px}
#men_swiper .item-list .prd-price .strike,#women_swiper .item-list .prd-price .strike{font-size:13px;color:#aaa;text-decoration:line-through;font-weight:400}
#men_swiper .item-list .colorArea,#women_swiper .item-list .colorArea{display:block;margin-top:5px;height:12px}
#men_swiper .item-list .colorList,#women_swiper .item-list .colorList{display:inline-block;width:26px;height:6px;margin-right:3px;border:1px solid #e5e5e5;vertical-align:top}

.men_swiper_prev,.men_swiper_next,.women_swiper_prev,.women_swiper_next{position:absolute;top:140px!important;margin-top:0!important;width:30px;height:30px;z-index:10;cursor:pointer;background:none!important;font-size:0!important;color:transparent!important}
.men_swiper_prev,.women_swiper_prev{right:50px!important;left:auto!important}
.men_swiper_next,.women_swiper_next{right:0!important;left:auto!important}
.men_swiper_prev img,.men_swiper_next img,.women_swiper_prev img,.women_swiper_next img{width:100%;filter:invert(1);display:block!important}
.men_swiper_prev::after,.men_swiper_next::after,.women_swiper_prev::after,.women_swiper_next::after{display:none!important;content:none!important}
.men_swiper_prev svg,.men_swiper_next svg,.women_swiper_prev svg,.women_swiper_next svg{display:none!important}


@media only screen and (max-width:1920px){
html,body{overflow-x:hidden!important}
#men_swiper,#women_swiper{width:100%!important;margin-bottom:50px!important}
#men_swiper .swiper-wrapper,#women_swiper .swiper-wrapper{width:100%!important;max-width:100%}

#men_swiper .men_pd_wrap,#women_swiper .women_pd_wrap{display:block!important;width:100%!important;padding:0 10px!important;box-sizing:border-box!important}
#men_swiper .men_pd_wrap::after,#women_swiper .women_pd_wrap::after{content:"";display:block;clear:both}

#men_swiper .men_pd_wrap .item-list,#women_swiper .women_pd_wrap .item-list{width:49.8%!important;float:left!important;margin:0!important;margin-bottom:30px!important;padding:0!important;border:none!important;min-height:auto!important;box-sizing:border-box!important;display:block!important}

#men_swiper .men_pd_wrap .item-list:nth-child(2n),#women_swiper .women_pd_wrap .item-list:nth-child(2n){margin-left:.4%!important;marginmargin-right:0!important;clear:none!important}
#men_swiper .men_pd_wrap .item-list:nth-child(2n-1),#women_swiper .women_pd_wrap .item-list:nth-child(2n-1){margin-left:0!important;margin-right:0!important;clear:both!important}
#men_swiper .men_pd_wrap .item-list:nth-child(3n),#women_swiper .women_pd_wrap .item-list:nth-child(3n){margin-right:0!important}

#men_swiper .thumbWrap .imgWrap img,#women_swiper .thumbWrap .imgWrap img{width:100%!important;display:block}
#men_swiper .item-cont.swiper-slide,#women_swiper .item-cont.swiper-slide{display:block!important;width:100%!important;margin:0!important}

#men_swiper .men_pd_wrap .item-list dl,#women_swiper .women_pd_wrap .item-list dl{width:100%;text-align:left}
#men_swiper .item-list .prd-name .brandName,#women_swiper .item-list .prd-name .brandName{display:block;margin-bottom:5px;font-size:13px}
#men_swiper .item-list .prd-name .name,#women_swiper .item-list .prd-name .name{font-size:13px;margin-top:5px}
#men_swiper .item-list .prd-price,#women_swiper .item-list .prd-price{margin-top:3px}

#men_swiper .ctitle.main .title,#women_swiper .ctitle.main .title{font-size:24px!important;margin-bottom:0}
.cate_more_btn{font-size:13px;margin-bottom:0}
.men_swiper_prev,.men_swiper_next,.women_swiper_prev,.women_swiper_next{display:none!important}

.men_swiper_pagination,.women_swiper_pagination{display:flex!important;flex-wrap:wrap;margin-top:25px!important;padding-left:0}
.men_swiper_pagination .swiper-pagination-bullet,.women_swiper_pagination .swiper-pagination-bullet{
margin:0 6px 6px 0!important;width:auto!important;padding:7px 12px;font-size:14px;background:#fff!important;border:1px solid #e0e0e0;border-radius:50px;opacity:1}
.men_swiper_pagination .swiper-pagination-bullet-active,.women_swiper_pagination .swiper-pagination-bullet-active{background:#000!important;border-color:#000!important;color:#fff!important}

#men_swiper .men_pd_wrap .item-list:nth-child(n+5),#women_swiper .women_pd_wrap .item-list:nth-child(n+5){display:none!important}
#men_swiper .men_pd_wrap.show-all .item-list:nth-child(n+5),#women_swiper .women_pd_wrap.show-all .item-list:nth-child(n+5){display:block!important}
}


.bottom_more_box{width:100%;text-align:center;margin:20px 0;clear:both;display:block}
.btn_moreGray{display:inline-block;min-width:100px;height:40px;line-height:38px;border:1px solid #e5e5e5;background:#f8f8f8;color:#666;font-size:13px;text-align:center;padding:0 20px;cursor:pointer;transition:all .3s}

@media only screen and (max-width:1920px){
#men_swiper .men_pd_wrap.show-all .item-list:nth-child(n+5),#women_swiper .women_pd_wrap.show-all .item-list:nth-child(n+5){display:block!important}
}



/* ==========================================================================
   스타픽 인플루언서픽 통합
   ========================================================================== */

 .item-wrap.PrdArea .ctitle.main{    width:60%;    margin:0 auto 20px;    padding-left:0 !important;    box-sizing:border-box    text-align:left;}
.PrdArea #star_swiper{margin:0 auto !important;width:60% !important; }
#star_swiper .swiper-slide{opacity:1 !important;visibility:visible !important;display:flex !important;flex-direction:column;background:#fff;overflow:hidden;}
#star_swiper .star_bnr_wrap{width:100% !important;float:none !important;position:relative;height:100%;overflow:hidden;}
#star_swiper .star_bnr_wrap img{width:100% !important;height:100% !important;object-fit:cover;display:block;transition:transform .5s;}
/*#star_swiper .swiper-slide:hover .star_bnr_wrap img{transform:scale(1.03);}*/

.star_text_info{padding:20px 0 15px;text-align:left;background:#fff;}
.star_text_info .b_tit{display:block;font-size:26px;font-weight:700;color:#000;margin-bottom:8px;font-family:'Montserrat',sans-serif;}
.star_text_info .b_desc{display:block;font-size:15px;color:#666;margin-bottom:15px;line-height:1.4;font-family:'Noto Sans KR',sans-serif;font-weight:500;}
.star_text_info .b_btn{display:inline-block;border:1px solid #ddd;color:#333;font-size:12px;padding:8px 25px;transition:all .3s;font-family:'Montserrat',sans-serif; margin-bottom:20px;}
.star_text_info .b_btn:hover{background:#000;color:#fff;border-color:#000;}

#star_swiper .star_pd_wrap{width:88% !important;float:none !important;padding:10px 10px 20px !important;box-sizing:border-box;background:#fff;flex:1;display:flex;flex-direction:column;justify-content:space-between;}
#star_swiper .star_pd_wrap .item-list{width:100% !important;float:none !important;margin:0 0 15px 0 !important;display:flex !important;align-items:center;border-bottom:1px solid #ebebeb;padding-bottom:12px;min-height:auto !important;}

#star_swiper .star_pd_wrap .item-list:last-child{    margin:0 !important;    padding-bottom:12px;}

#star_swiper .star_pd_wrap .thumb{width:100px !important;height:100px !important;flex-shrink:0;margin-right:15px;}
#star_swiper .star_pd_wrap .thumbWrap,#star_swiper .star_pd_wrap .imgWrap{width:100%;height:100%;margin:0 !important;}
#star_swiper .star_pd_wrap .imgWrap img.prdImg{width:100%;height:100%;object-fit:cover;}

#star_swiper .star_pd_wrap dd{width:calc(100% - 115px);text-align:left;margin:0;}

#star_swiper .star_pd_wrap .prd-name{padding:0 !important;}
#star_swiper .star_pd_wrap .prd-name a{display:block; text-decoration:none;}
#star_swiper .star_pd_wrap .prd-name .brandName{display:block;font-size:13px;color:#A8A8A8;margin-bottom:8px;}
#star_swiper .star_pd_wrap .prd-name .name{font-size:13px;font-weight:400;color:#181818;margin-top:8px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;line-height:1.4;max-height:2.8em}

#star_swiper .star_pd_wrap .prd-price{margin:5px 0 !important;display:block !important;}
#star_swiper .star_pd_wrap .prd-price .price{font-size:15px;font-weight:600;color:#000;margin-right:5px;}
#star_swiper .star_pd_wrap .prd-price .consumer,#star_swiper .star_pd_wrap .prd-price strike{font-size:13px;color:#aaa;text-decoration:line-through;font-weight:400;}

#star_swiper .colorArea{display:block;margin-top:8px;height:12px;}
#star_swiper .colorList{display:inline-block;width:26px;height:6px;margin-right:3px;border:1px solid #e5e5e5;vertical-align:top;}

.star_swiper_prev,.star_swiper_next,.star_swiper_pagination{display:none !important;}


@media screen and (max-width:1024px){
.PrdArea #star_swiper{width:95%!important;margin-left:20px!important; box-sizing:border-box}
.item-wrap.PrdArea .ctitle.main{width:100%!important;padding-left:20px!important;box-sizing:border-box}
.item-wrap.PrdArea .ctitle.main .title{font-size:20px}

#star_swiper .star_bnr_wrap{height:auto!important;aspect-ratio:4/5;flex-shrink: 0}
#star_swiper .star_bnr_wrap img{height:100%!important;object-fit:cover}

.star_text_info{padding:20px 0 0!important}
.star_text_info .b_tit{font-size:22px;margin-bottom:10px}
.star_text_info .b_desc{font-size:14px;margin-bottom:15px}
.star_text_info .b_btn{padding:6px 20px;font-size:13px;margin-bottom:20px}

#star_swiper .star_pd_wrap{width:88%!important;margin:0!important;padding:10px 0 30px!important;border-top:1px solid #f0f0f0;}
#star_swiper .star_pd_wrap .thumb{width:65px!important;height:65px!important;margin-right:12px}
#star_swiper .star_pd_wrap dd{width:calc(100% - 77px)}

#star_swiper .star_pd_wrap .prd-name .brandName{font-size:13px;margin-bottom:3px}
#star_swiper .star_pd_wrap .prd-name .name{font-size:13px;margin-top:3px;letter-spacing:-0.5px}
#star_swiper .star_pd_wrap .prd-price .price{font-size:15px; font-weight:600}
#star_swiper .star_pd_wrap .prd-price .consumer{font-size:13px}
}

@media screen and (min-width: 1025px) and (max-width: 1600px) {
    .item-wrap.PrdArea .ctitle.main {        width: 80% !important;     }
    .PrdArea #star_swiper {        width: 80% !important;     }}

#star_swiper .star_pd_wrap {    width: 88% !important;    box-sizing: border-box;}




/* ==========================================================================
   배너 및 전시 영역 (Banners & Exhibition)
   ========================================================================== */
.bannerArea {
    position: relative
}

.bannerArea:after {
    content: "";
    display: block;
    clear: both
}

.bannerArea .left {
    float: left
}

.bannerArea .right {
    float: right
}

.bannerArea a {
    display: block
}

.bannerArea.brandArea {
    padding: 0;
}

.brandArea .left,
.brandArea .right {
    box-sizing: border-box;
    width: 50%
}

.brandArea .left {
    padding-right: 3px
}

.brandArea .right {
    padding-left: 3px
}

.brandArea .link {
    display: block;
    position: relative;
    margin-bottom: 6px
}

.brandArea .link img {
    width: 100%
}

.brandArea .link:after {
    content: "";
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    border: 1px solid #ddd
}

.exhibitionSliderWrap {
    padding: 15px 10px 0;
    background-color: #f8f8f8
}

.exhibitionSliderWrap li {
    margin-bottom: 15px
}

.exhibitionSliderWrap .link {
    position: relative
}

.exhibitionSliderWrap .infoArea {
    display: block;
    height: 55px;
    text-align: center;
    padding: 0 10px;
    background-color: #fff
}

.exhibitionSliderWrap .infoArea .subTxt,
.exhibitionSliderWrap .infoArea .title {
    color: #434343;
    display: block;
    padding: 3px 0;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    line-height: 1
}

.exhibitionSliderWrap .infoArea .title {
    font-size: 14px;
    font-weight: 600;
    padding-top: 10px
}

.exhibitionSliderWrap .infoArea .subTxt {
    font-size: 11px
}

/* 추가 상품 영역 */
.addPrdArea .cateArea {
    text-align: center;
    padding-bottom: 15px;
    font-size: 0
}

.addPrdArea .cateArea .link {
    color: #777;
    font-size: 14px;
    line-height: 24px;
    display: inline-block;
    width: 30%
}

.addPrdArea .cateArea .link .txt {
    display: inline-block;
    border-bottom: 2px solid transparent
}

.addPrdArea .cateArea .link.on .txt,
.addPrdArea .cateArea .link:hover .txt {
    border-bottom-color: #333;
    color: #333
}

.addPrdArea .sliderArea {
    position: relative
}

.addPrdArea .sliderArea .itemListWrap {
    display: none
}

.addPrdArea .sliderArea .itemListWrap.on {
    display: block
}

/* ==========================================================================
   하단 배너 및 인스타그램 (Bottom Banner & Insta)
   ========================================================================== */
.bannerArea.btmSiteBanner {
    padding: 35px 0;
    display: table;
}

.bannerArea.btmSiteBanner .table-cell {
    display: table-cell;
    position: relative;
    padding: 0;
}

.btmSiteBanner .center {
    padding: 0 25px 35px
}

.btmSiteBanner .center.offlineArea {
    background-color: #f8f8f8
}

.btmSiteBanner .link {
    display: block;
    padding: 0;
    position: relative;
}

.btmSiteBanner .infoArea {
    display: block;
    text-align: center;
    position: absolute;
    bottom: 0;
    background: rgba(0, 0, 0, 0.5);
    left: 0;
    width: 100%;
    padding: 10px 0;
}

.btmSiteBanner .infoArea:after {
    display: block;
    background-color: #000;
}

.btmSiteBanner .link .title {
    font-size: 13px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    display: block;
    word-spacing: 4px;
}

.btmSiteBanner .link .subTxt {
    font-size: 14px;
    color: #555;
    line-height: 20px;
    padding: 7px 0 17px;
    display: block
}

.btmSiteBanner .imgWrap {
    display: block;
    overflow: hidden;
}

.btmSiteBanner .imgWrap img {
    width: 100%
}

/* 인스타그램 */
.instaArea .titleArea {
    text-align: center;
    padding-top: 30px
}

.instaArea .title {
    display: inline-block !important
}

.instaArea .firstLetter {
    display: block;
    font-size: 12px;
    color: #aaa;
    margin: 0 12px 18.5px;
}

.instaArea .instaBx {
    padding: 0 12px;
    box-sizing: border-box;
}

.instaArea .instaBx img {
    width: 100%
}

#viewfinderListFrame {
    margin: 0 auto;
    display: block
}

/* ==========================================================================
   중간 스와이퍼 (Mid Swiper)
   ========================================================================== */
#mid_swiper {
    margin: 0 0 50px;
    padding-bottom: 0;
}

#mid_swiper .swiper-pagination {
    bottom: 6px;
}

#mid_swiper .swiper-pagination-bullet-active {
    background: #000 !important
}

/* ==========================================================================
   원데이&주말 공통 스타일 (배경 레이어 성능 최적화)
   ========================================================================== */
.timeSale_wrapper, .weekendSale_wrapper {
    position: relative;
    background-color: #222;
    margin-top: 30px;
    margin-bottom: 50px!important;
    overflow: hidden;
    color: #fff;
    z-index: 1;
    transform: translateZ(0);
}

.timeSale_wrapper .bg-layer, .weekendSale_wrapper .bg-layer {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-size: cover;
    background-position: center center;
    background-repeat: no-repeat;
    filter: blur(10px);
    -webkit-filter: blur(10px);
    transform: translate3d(0, 0, 0) scale(1.2);
    will-change: transform, background-image;
    backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    transition: background-image 0.5s linear;
    z-index: -2;
    pointer-events: none;
}

.timeSale_wrapper .bg-dim, .weekendSale_wrapper .bg-dim {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.55);
    z-index: -1;
    transform: translateZ(0);
}

.timeSale_cta_wrap {
    text-align: center;
    margin-top: 40px;
    position: relative;
    z-index: 2;
}

.timeSale_cta {
    display: inline-flex;
    align-items: center;
    justify-content: center;
    padding: 10px 20px;
    border: 1px solid #fff;
    color: #fff;
    text-decoration: none;
    font-size: 16px;
    font-weight: 400;
    transition: all .2s ease;
}

.timeSale_cta:hover {background: #000; border: 1px solid #000; color: #fff;}

@media screen and (min-width: 1024px) {    
    .timeSale_wrapper .bg-layer, .weekendSale_wrapper .bg-layer { filter: blur(8px); -webkit-filter: blur(8px); }
}


/* ==========================================================================
   원데이특가 상세 CSS
   ========================================================================== */
/* 타이틀 */
.timeSale_wrapper .ctitle {font-size:24px; font-weight:600; text-align:center; margin:50px 0 10px; position:relative; z-index:2; line-height:1.4; letter-spacing:-.01em}

.timeSale_wrapper .ctitle h2,
.timeSale_wrapper .ctitle .number {color:#fff!important}

/* 카운트다운 */
.timeSale_wrapper .time_box {text-align:center; font-family:Montserrat,sans-serif; font-size:30px; font-weight:600; color:#fff!important; margin-top:20px; margin-bottom:30px; letter-spacing:.02em; position:relative; z-index:2;}

/* 전체박스하단여백 */
.timeSale_wrapper .PrdArea {padding:0 0 50px}

.timeSale_wrap .item-cont {background:transparent!important; text-align:center}
.timeSale_wrap .item-cont .info {margin-top:20px; overflow:hidden; padding:0 5px}

/* 상품명 */
.timeSale_wrap .item-cont .prd-name {display:block; font-size:13px; color:#fff!important; margin:0 0 12px; overflow:hidden; text-overflow:ellipsis; font-family:'Noto Sans KR',sans-serif; font-weight:400; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal}

/* 가격 영역 */
.timeSale_wrap .item-cont .price_wrap {display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap}
.timeSale_wrap .item-cont .price_wrap .price {color:#fff!important; font-size:16px; font-weight:600; font-family:'Montserrat',sans-serif; white-space:nowrap}
.timeSale_wrap .item-cont .price_wrap .consumer {color:rgba(255,255,255,.4)!important; font-size:14px; text-decoration:line-through; font-family:'Montserrat',sans-serif; white-space:nowrap}
.timeSale_wrap .item-cont .price_wrap .soldout {color:#999; font-size:14px; font-family:'Noto Sans KR',sans-serif}

/* Swiper */
.timeSale_wrap .swiper-container {padding-top:20px; padding-bottom:40px; overflow:visible}
.timeSale_wrap .swiper-slide {width:60%; margin:0 10px; background:transparent; transition:all .5s ease; transform:scale(.9) translateY(-2px); display:block; filter:brightness(.55)}
.timeSale_wrap .swiper-slide-active {opacity:1; transform:scale(1.05); z-index:10; filter:brightness(1)}

/* 썸네일 */
.timeSale_wrapper .thumb {width:100%; position:relative; padding-top:100%; overflow:hidden; margin-bottom:0; box-shadow:0 10px 20px rgba(0,0,0,.3)}
.timeSale_wrapper .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover}

/* 프로그레스 바 */
.timeSale_wrap .swiper-pagination-progressbar {top:auto!important; bottom:0!important; height:3px!important; width:70%!important; left:50%!important; transform:translateX(-50%); background:rgba(255,255,255,.15);}
.timeSale_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#fff!important}

@media (min-width: 768px) {
    .timeSale_wrap .swiper-slide {width: 350px !important;}
    .timeSale_wrapper .time_box {font-size:34px!important}
    .timeSale_wrap .swiper-container {max-width: 1100px; margin: 0 auto; overflow: hidden; }
    .timeSale_wrap .swiper-pagination-progressbar {width:35%!important; left:50%!important; transform: translateX(-50%) !important;}
}


/* ==========================================================================
   주말특가 상세 CSS
   ========================================================================== */
/* 타이틀 */
.weekendSale_wrapper .ctitle {font-size:24px; font-weight:500; text-align:center; margin:50px 0 10px; position:relative; z-index:2; line-height:1.4; letter-spacing:-.01em;}
.weekendSale_wrapper .ctitle h2,
.weekendSale_wrapper .ctitle .number {color:#fff!important;}

/* 카운트다운 */
.weekendSale_wrapper .time_box {text-align:center; font-family:Montserrat,sans-serif; font-size:30px; font-weight:600; color:#fff!important; margin-top:20px; margin-bottom:30px; letter-spacing:.02em; position:relative; z-index:2;}

/* 전체박스하단여백 */
.weekendSale_wrapper .PrdArea {padding:0 0 50px;}

.weekendSale_wrap .item-cont {background:transparent!important; text-align:center;}
.weekendSale_wrap .item-cont .info {margin-top:20px; overflow:hidden; padding:0 5px;}

/* 상품명 */
.weekendSale_wrap .item-cont .prd-name {display:block; font-size:13px; color:#fff!important; margin:0 0 12px; overflow:hidden; text-overflow:ellipsis; font-family:'Noto Sans KR',sans-serif; font-weight:400; -webkit-line-clamp:2; -webkit-box-orient:vertical; white-space:normal;}

/* 가격 영역 */
.weekendSale_wrap .item-cont .price_wrap {display:flex; align-items:center; justify-content:center; gap:10px; flex-wrap:wrap;}
.weekendSale_wrap .item-cont .price_wrap .price {color:#fff!important; font-size:16px; font-weight:600; font-family:'Montserrat',sans-serif; white-space:nowrap;}
.weekendSale_wrap .item-cont .price_wrap .consumer {color:rgba(255,255,255,.4)!important; font-size:14px; text-decoration:line-through; font-family:'Montserrat',sans-serif; white-space:nowrap;}
.weekendSale_wrap .item-cont .price_wrap .soldout {color:#999; font-size:14px; font-family:'Noto Sans KR',sans-serif;}

/* Swiper */
.weekendSale_wrap .swiper-container {padding-top:20px; padding-bottom:40px; overflow:visible;}
.weekendSale_wrap .swiper-slide {width:60%; margin:0 10px; background:transparent; transition:all .5s ease; transform:scale(.9) translateY(-2px); display:block; filter:brightness(.55);}
.weekendSale_wrap .swiper-slide-active {opacity:1; transform:scale(1.05); z-index:10; filter:brightness(1);}

/* 썸네일 */
.weekendSale_wrapper .thumb {width:100%; position:relative; padding-top:100%; overflow:hidden; margin-bottom:0; box-shadow:0 10px 20px rgba(0,0,0,.3);}
.weekendSale_wrapper .thumb img {position:absolute; top:0; left:0; width:100%; height:100%; object-fit:cover;}

/* 프로그레스 바 */
.weekendSale_wrap .swiper-pagination-progressbar {top:auto!important; bottom:0!important; height:3px!important; width:70%!important; left:50%!important; transform:translateX(-50%); background:rgba(255,255,255,.15);}
.weekendSale_wrap .swiper-pagination-progressbar .swiper-pagination-progressbar-fill {background:#fff!important;}

@media (min-width: 768px) {
    .weekendSale_wrap .swiper-slide {width: 350px !important;}
    .weekendSale_wrapper .time_box {font-size:34px!important;}
    .weekendSale_wrap .swiper-container {max-width: 1100px; margin: 0 auto; overflow: hidden;}
    .weekendSale_wrap .swiper-pagination-progressbar {width:35%!important; left:50%!important; transform: translateX(-50%) !important;}
}



/* ==========================================================================
   엘칸토 TV (Elcanto TV)
   ========================================================================== */
.elcantoTV_wrapper .ctitle p a img {
    vertical-align: middle;
    margin-right: 4px
}

.elcantoTV_wrapper .swiper-wrapper {
    padding: 28px 0 0
}

.elcantoTV_wrapper .swiper-slide {
    -webkit-transform: scale(.9);
    -moz-transform: scale(.9);
    -ms-transform: scale(.9);
    -o-transform: scale(.9);
    transform: scale(.9);
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s
}

.elcantoTV_wrapper .swiper-slide-active {
    -webkit-transform: scale(1.08);
    -moz-transform: scale(1.08);
    -ms-transform: scale(1.08);
    -o-transform: scale(1.08);
    transform: scale(1.08);
    -webkit-transition: transform .5s;
    -moz-transition: transform .5s;
    -ms-transition: transform .5s;
    -o-transition: transform .5s;
    transition: transform .5s;
    box-sizing: border-box
}

.elcantoTV_wrapper .swiper-slide .black_cover {
    position: absolute;
    z-index: 900;
    top: 0;
    left: 0;
    width: 100%;
    height: 99.5%;
    background: #000;
    opacity: .6;
    -moz-opacity: .6;
    -khtml-opacity: .6
}

.elcantoTV_wrapper .swiper-slide-active .black_cover {
    display: none
}

.elcantoTV_wrapper .mainVideo {
    position: relative;
    width: 100%;
    padding-bottom: 56.25%
}

.elcantoTV_wrapper .mainVideo iframe {
    position: absolute;
    width: 100%;
    height: 100%
}

.elcantoTV_wrapper .swiper-button-next {
    right: 178px !important
}

.elcantoTV_wrapper .swiper-button-prev {
    left: 178px !important
}

.elcantoTV_wrapper .swiper-button-next:after,
.elcantoTV_wrapper .swiper-button-prev:after {
    content: unset !important
}

/* ==========================================================================
   해체쇼 (Deconstruction Show)
   ========================================================================== */
.show_wrapper {
    position: relative;
    background: #040404;
    margin-bottom: 45px
}

.show_wrapper .ctitle.main {
    margin: 38px 0 0;
    padding: 40px 0 0
}

.show_wrapper .ctitle.main .title {
    color: #fff !important;
    text-align: center
}

.show_wrapper .show_wrap {
    padding: 29px 54px 80px !important
}

.show_wrapper .show_wrap .show_bnr {
    position: relative;
    display: inline-block;
    margin-bottom: 17px
}

.show_wrapper .show_wrap .show_bnr img:first-child {
    width: 100%
}

.show_wrapper .show_wrap .show_bnr .btn_play {
    position: absolute;
    bottom: 20px;
    left: 20px
}

.show_wrapper .show_wrap .show_tit {
    color: #000;
    font-size: 18px;
    margin-bottom: 14px;
    font-family: 'Noto Sans KR', sans-serif;
    padding-left: 17px;
    text-align: left
}

.show_wrapper .show_wrap .show_txt {
    color: #333;
    font-size: 14px;
    margin-bottom: 21px;
    font-family: 'Noto Sans KR', sans-serif;
    padding-left: 17px;
    text-align: left
}

.show_wrapper .show_wrap .show_more {
    font-size: 13px;
    color: #000;
    font-family: Montserrat, sans-serif;
    display: block;
    text-align: left;
    margin-left: 17px;
    margin-bottom: 10px
}

.show_wrapper .show_wrap .show_more img {
    vertical-align: middle;
    margin-left: 14px
}

.show_wrapper .swiper-slide {
    text-align: center
}

.show_wrapper .swiper-button-next:after,
.show_wrapper .swiper-button-prev:after {
    content: unset !important
}

.show_cont {
    display: inline-block;
    background: #fff
}

.show_cont a,
.show_cont p {
    text-align: left
}

.show_page {
    color: #fff;
    font-family: Montserrat, sans-serif;
    font-size: 14px;
    bottom: 40px !important
}



/* ==========================================================================
   (26.04) 카운트 다운 팝업
   ========================================================================== */

/* 팝업 전체 레이아웃 */
.slide_toast{width:100%;height:100%;position:fixed;top:auto;bottom:-100%;z-index:9999;visibility:hidden;opacity:0;transition:all .6s ease-in-out;}
.slide_toast.on{visibility:visible;opacity:1;bottom:0;}
.tDim{position:fixed;z-index:40;}
.tDim.on{width:100%;height:100%;background-color:rgba(0,0,0,.35);}

/* 내부 콘텐츠 박스 */
.Tpop_layer{position:absolute;width:100%;left:0;right:0;z-index:41;}
.Tpop_layer .Tpop_inner{position:relative;padding:0;background-color:#000;border-radius:30px 30px 0 0;box-shadow:0 0 10px 0 rgb(0 0 0 / 30%);}

/* 슬라이드 내부 요소 */
.Tpop_layer .Tpop_inner .slick-slide img{width:100%;display:block;}

/* 카운트다운 타이머 */
.countdown_timer{position:absolute;bottom:20px;left:25px;display:flex;gap:4px;align-items:center;z-index:9999!important;pointer-events:none;}
.countdown_timer span{background:#000;color:#fff;padding:4px 6px;border-radius:5px;font-size:16px;font-weight:bold;min-width:28px;text-align:center;display:inline-block;}
.countdown_timer .timer_text{margin-left:1px;font-weight:500;color:#181818;font-size:15px;background:none;padding:0;}
.timer_sep{color:#000;font-weight:bold;font-size:16px;}

/* 하단 버튼 영역 */
.popBtmWrap{position:relative;height:50px;background:#fff;border-top:1px solid #eee;}
.slide_toast .btn_todayClose{position:absolute;left:25px;bottom:12px;color:#777;font-size:14px;cursor:pointer;font-family:'Noto Sans KR',sans-serif;}
.slide_toast .btn_todayClose img{width:23px;margin-right:7px;vertical-align:middle;border:1px solid #ddd;border-radius:100%;}
.slide_toast .btn_layerClose{position:absolute;right:25px;bottom:20px;width:50px;height:15px;border:0;background:transparent;text-align:right;color:#1d1d1d;font-size:14px;cursor:pointer;}

/* 슬라이드 인디케이터 */
.Tpop_layer .Tpop_inner ul.slick-dots{position:absolute;right:10px;top:10px;background-color:rgba(0,0,0,.5);width:48px;height:24px;border-radius:20px;text-align:center;}
.Tpop_layer .Tpop_inner ul.slick-dots li.slick-active{color:#fff;display:block;line-height:24px;}
.Tpop_layer .Tpop_inner ul.slick-dots li:not(.slick-active){display:none;}




/* ==========================================================================
   상품 리스트 공통 (Product List Common)
   ========================================================================== */
.btn_more{text-align:center;position:absolute;right:5px;top:3px}
.btn_more a{display:inline-block;color:#A0A0A0;font-size:13px;box-sizing:border-box;background:#fff;letter-spacing:-0.04em}

.item-cont:after{content:"";display:block;clear:both}
.item-cont .item-list{width:49.8%;margin-right:0;text-align:center;position:relative;box-sizing:border-box;margin-bottom:30px;font-size:0}
.item-cont .item-list:nth-child(2n){margin-right:0;margin-left:2%}
.item-cont .item-list dd{min-height:auto}

.item-cont .item-list .thumb{width:100%;position:relative;display:block;line-height:normal;margin-bottom:10px}
.item-cont .item-list .thumbWrap{overflow:hidden;position:relative}
.item-cont .item-list .thumb .imgWrap{display:block;position:relative;overflow:hidden}
.item-cont .item-list .thumb .imgWrap a{display:inline-block;position:relative}
.item-cont .item-list .thumb img{width:100%;-webkit-transition:.3s ease-in-out;transition:.3s ease-in-out}
.item-cont .item-list .thumb .prdInfo{display:none;position:absolute;top:0;left:0;right:0;bottom:0}
.item-cont .item-list .thumb .prdInfo:after{content:"";display:inline-block;vertical-align:middle;height:100%}

.item-cont .item-list .rankInfo{position:absolute;top:0;left:0;display:block;color:#fff;background-color:#a1a1a1;width:36px;height:36px;text-align:center;font-size:18px;font-weight:600}
.item-cont .item-list .rankInfo .txt{line-height:1;display:inline-block;padding:2px 0;border-bottom:1px solid #fff;vertical-align:top;margin-top:5px}

.item-cont .item-list .thumb .defaultLink{position:absolute;top:0;left:0;right:0;bottom:0;display:block;z-index:1;background-color:rgba(255,255,255,0.01)}
.item-cont .item-list .thumb .link{color:#232323;font-size:24px;width:46px;height:46px;text-align:center;display:inline-block;margin:0 2px;vertical-align:middle;border:1px solid #ccc;border-radius:50%;background-color:#fff;opacity:.7;position:relative;z-index:1}
.item-cont .item-list .thumb .link i{vertical-align:top;line-height:46px}

.item-cont .item-list .thumb .etcInfo{position:absolute;bottom:0;left:0;right:0;font-size:14px;color:#232323;font-weight:400;height:50px;line-height:50px;text-align:center;background-color:rgba(255,255,255,.7);display:block}
.item-cont .item-list .thumb .etcInfo .val{margin-left:5px}

.item-cont .item-list .thumb:hover .imgWrap img{-webkit-transform:scale(1.02);transform:scale(1.02)}
.item-cont .item-list .thumb:hover .prdInfo{display:block}

.item-cont .item-list .my-wish-list{position:absolute;top:10px;right:10px;z-index:99}

.item-cont .colorArea{text-align:left;font-size:0;display:inline-block;float:left;padding:1px 0 0 0}
.item-cont .colorArea .colorList{display:inline-block;vertical-align:top;margin:0 4px 0 0;width:26px;height:6px;border:1px solid #e0e0e0}

.item-cont .item-list .line{color:#8f8f8f;border-top:1px solid #ddd;padding-top:4px}

.item-cont .item-list .prd-name{position:relative;line-height:unset;padding:0 0 10px;text-align:left;font-family:'Montserrat',sans-serif}

.item-cont .item-list .prd-name .brandName{font-size:13px;margin-bottom:10px;color:#A8A8A8;line-height:1}
.item-cont .item-list .prd-name .prdLink{font-size:14px;color:#000;line-height:20px;display:block}
.item-cont .item-list .prdLink .brandName,.item-cont .item-list .prdLink .name{display:block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.item-cont .item-list .prdLink .name{font-size:13px;word-break:break-all;letter-spacing:-0.04em;line-height:1.5;text-overflow:ellipsis;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;white-space:unset}
.item-cont .item-list .prd-name .preview{position:absolute;right:2px;top:2px}

.item-cont .item-list .prd-price{text-align:left;margin-bottom:10px;line-height:1}
.item-cont .item-list .price{display:inline-block;margin-top:0;font-size:15px;color:#111;font-family:'Montserrat',sans-serif;font-weight:bold;line-height:1}
.item-cont .prd-price .strike{text-decoration:line-through;margin-left:3px;display:inline-block;margin-top:0;font-size:13px;color:#A8A8A8;font-family:'Montserrat',sans-serif;font-weight:400;line-height:1}
.item-cont .prd-price .unit{font-size:13px;font-weight:normal}
.item-cont .prd-price .salePercent{font-size:24px;color:#8c8eb2;margin-right:5px}
.item-cont .prd-price .salePercent .unit{font-size:16px;font-weight:600}

.item-cont .item-list .MK-product-icons img{vertical-align:middle;height:11px;float:left}
.item-cont .item-list .prd-info{display:inline-block;float:right;margin-bottom:0;line-height:1;padding-right:3px}
.item-cont .item-list .prd-info:after{content:'';display:block;clear:both}
.item-cont .item-list .prd-info .prd-icon{float:left;height:18px}
.item-cont .item-list .prd-info .snap_review_count{float:right;color:#ed4c59;font-size:11px;height:auto;line-height:1}

.item-cont .item-list .prd-subname{clear:both;text-align:left;border-top:1px solid #e6e6e6;padding-top:9px;font-family:'Noto Sans KR',sans-serif;color:#979797;font-size:11px;font-weight:200}
.item-cont .nomg{padding-right:0}

.item-cont .item-list .thumb .imgWrap .moreViewMask{display:none}
.item-cont .item-list .thumb .imgWrap .moreViewMask a{display:block;width:100%;height:100%}
.item-cont .item-list .thumb .imgWrap .moreViewMask .moreViewIcon{position:absolute;width:40px;height:40px;top:50%;left:50%;margin-top:-30px;margin-left:-20px}
.item-cont .item-list .thumb .imgWrap .moreViewMask .moreViewIcon span:nth-child(1){position:absolute;display:block;top:0;left:50%;margin-left:-0.5px;width:1px;height:40px;background:#fff}
.item-cont .item-list .thumb .imgWrap .moreViewMask .moreViewIcon span:nth-child(2){position:absolute;display:block;top:50%;left:0;margin-top:-0.5px;height:1px;width:40px;background:#fff}
.item-cont .item-list .thumb .imgWrap .moreViewMask p{position:absolute;width:100%;top:50%;left:0;margin-top:10px;color:#fff;font-size:14px;text-align:center;line-height:20px}



/* ==========================================================================
   기타 스와이퍼 및 아이콘 (Etc Swiper & Icons)
   ========================================================================== */
.swiper-pagination-bullet-active {
    outline: 0 !important;
}

#mainForce_swiper {
    padding-left: 0;
}

#mainForce_swiper .swiper {
    padding-right: 0;
    overflow: hidden;
}

#mainForce_swiper .item-cont .item-list {
    float: none;
}

#mainForce_swiper .item-cont .item-list:nth-child(2n) {
    margin-left: 0;
}

#mainForce_swiper .item-cont .item-list .prdLink .name {
    display: block;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

#mainForce_swiper .item-cont .item-list .thumb .imgWrap .moreViewMask {
    display: none;
}

#mainForce_swiper .item-cont .item-list:last-child .thumb .imgWrap .moreViewMask {
    display: block;
    position: absolute;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.5);
    top: 0;
    left: 0;
    z-index: 99;
}

/* 스크롤바 공통 */
.swiper-scrollbar {
    width: 78% !important;
    height: 2px !important;
    margin: 0 auto;
    position: unset !important;
}



/* 플로팅 바 */
img.MK-product-label{width:40px!important;height:40px!important;}
.rightFixBtn{right:15px!important;bottom:125px!important;width:46px!important;border-radius:23px!important;}
.rightFixBtn li,.rightFixBtn li a{height:48px!important;line-height:48px!important;}
.store_icon{right:15px!important;bottom:150px!important;width:46px!important;height:46px!important;}
.rightFixBtn_wrap{display:none;}

@media screen and (min-width:769px){
.rightFixBtn{right:13px!important;bottom:125px!important;width:50px!important;border-radius:28px!important;}
.rightFixBtn li,.rightFixBtn li a{height:56px!important;line-height:56px!important;}
.store_icon{right:20px!important;bottom:170px!important;width:56px!important;height:56px!important;}
.rightFixBtn_wrap{display:block;}
}

/* BASIC css end */