/* BASIC css start */
/* 메인 롤링 배너 */
.sliderWrap { position:relative; min-width:1200px; height:560px; overflow:hidden }
.sliderWrap .sliderArea { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:560px }
.sliderWrap .sliderArea img{width:100%;}
.sliderArea .bx-pager{position:absolute;bottom:20px;left:0;right:0;z-index:60;text-align:center;}
.sliderArea .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.sliderArea .bx-pager-link{display:inline-block;width:18px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
.sliderArea .bx-pager-link.active{width: 30px; background-color: rgba(0,0,0,0.8);}
.sliderArea .bx-controls-direction {position:absolute;top:50%;left:50%;z-index:60;text-align:center;opacity: 0;}
.sliderArea:hover .bx-controls-direction {opacity:1.0;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
.sliderArea .bx-prev, .sliderArea .bx-next{position:absolute;top:0;margin-top:-25px;font-size:36px;display:inline-block;width:50px;height:50px;color:#777;}
.sliderArea .bx-prev i, .sliderArea .bx-next i {line-height: 50px;}
.sliderArea .bx-prev{left:0;margin-left:-600px;}
.sliderArea .bx-next{right:0;margin-right:-600px;}
.sliderArea .bx-prev:hover,
.sliderArea .bx-next:hover{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;background-color: rgba(0,0,0,0.8); color:#fff; }

/* 메인 서브 배너 */
.subbnArea {position: relative;margin-top: 12px;margin-left:-12px;}
.subbnArea:after { content: ""; display: block; clear: both; }
.subbnArea .sub_banner li { float: left; margin-left: 12px; }

/* tabProduct */
#tabProduct { visibility:hidden; position:relative; margin-top:10px; }
#tabProduct .newCate_prod { position:relative }
#tabProduct .newCate_prod .newCateTab {zoom: 1;overflow: hidden;}
#tabProduct .newCate_prod .newCateTab li{ float:left; width:20%; }
#tabProduct .newCate_prod .newCateTab li a {
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
display:block;height:50px;font-size:14px;color:#999;text-align:center;line-height:50px;border-top: 1px solid #ddd;border-bottom:1px solid #a7a7a7;background:#f8f8f8;}
#tabProduct .newCate_prod .newCateTab li:first-child a { border-left: 1px solid #ddd;}
#tabProduct .newCate_prod .newCateTab li:last-child a { border-right: 1px solid #ddd;}
#tabProduct .newCate_prod .newCateTab li a.active { color:#111; background-color:#fff; border: 1px solid #a7a7a7; border-bottom: 1px solid #fff; }
#tabProduct .newCate_prod .newCateList {position:relative;border: 1px solid #a7a7a7;border-top:0;padding:19px;}
#tabProduct .newCate_prod .newCateList a {display:block;}
#tabProduct .newCate_prod .slideList ul {margin-left: -3px;}
#tabProduct .newCate_prod .slideList li {float: left;position:relative;width: 191px;margin: 0 0 3px 3px;}
#tabProduct .newCate_prod .slideList li.item1 {width: 384px;}
#tabProduct .newCate_prod .slideList li .thumb img {width:100%;}
#tabProduct .newCate_prod .slideList li .thumb:hover img {opacity:0.7; filter:alpha(opacity=70);}
#tabProduct .newCate_prod .slideList .ncsNum {display: block;position: absolute;top: 0;left:0;width: 60px;height: 24px;line-height: 24px;text-align: center;background: #000;opacity:0.6;filter:alpha(opacity=60);color:#fff;z-index: 9;}
#tabProduct .newCate_prod .prd-info-bx {position:relative;text-align:center; }
#tabProduct .newCate_prod .prd-info-bx .prd-info {background:#fff; opacity:0.8; filter:alpha(opacity=80);padding: 10px 2px; min-height:132px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price del { color:#999; font-weight: normal; font-size: 12px; margin-right: 5px;display:none;}
#tabProduct .newCate_prod .prd-info-bx .prd-price {padding-top:3px;font-size:14px; font-weight: bold;color: #292929;}

/* 메인 중간 배너 */
.mdlArea01 { margin-top: 50px; }
.mdlArea02 {margin-top: 90px;}

/* 상품 타이틀 */
.h_title {padding: 70px 0 35px;text-align:center; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.h_title h3 { font-size: 24px; font-weight:normal; color:#292929; }

/* 위클리 베스트(이번 주 핫한 상품) - 신상품과 동일한 카드 레이아웃으로 변경되었으므로 #newArrivals 와 동일한 스타일 적용 */
/* 별도 스타일이 필요한 경우 #weeklyHot 으로 오버라이드 가능 */

/* 베스트리뷰 모음 */
#reviewBoard .review-wrap .tiny a img {width: 200px;}
.best_review_tit {font-size: 32px; text-align: center; margin-top: 50px;}
.best_power_review_list {width:1100px; margin:auto; display:block; overflow:hidden;}
.best_review {float:left; width:240px; border: 1px solid rgb(220, 220, 220); margin:15px; margin-bottom: 80px;}
.best_review .review {padding:15px; border-bottom: 1px solid rgb(200, 200, 200);}
.best_review .review .review_text {height:30px; padding-top:5px; padding-bottom:15px; color:black; font-weight: normal;}
.click {width:240px;}
.count {float:right;}
.write {padding-top:10px;}
.date {float:right;}
.product_img {width: 50px; margin:10px; float:left;}
.product {width:230px; margin:10px}
.product .product_name {padding-top:10px; margin-bottom:5px;}
.rating {font-weight: normal;}

/* special item */
#specialItem .item-wrap .item-cont .item-list{ width:282px; padding:0 24px 40px 0 }
#specialItem .item-wrap .item-cont .item-list .thumb a { width: 100%; }
#specialItem .item-wrap .item-cont .nomg { padding-right:0px }
#specialItem .item-wrap .prd-name {font-weight: normal;}

/* 인스타그램 */
.instaWrap .h_title h3 span {font-size: 14px;margin-left: 5px;font-weight: normal;}
.instaWrap {text-align:center; }


/* ===== 상품 아이콘 (썸네일 우측 상단 오버레이) ===== */

/* 썸네일 컨테이너 - position 기준점 설정, 이미지 너비에 딱 맞도록 block 처리 */
.item-list .thumb,
.itemWrap .thumb {
    position: relative;
    display: block;        /* inline-block 대신 block - 컨테이너가 이미지보다 커지지 않도록 */
    line-height: 0;        /* inline 요소(img)의 baseline 여백 제거 */
}

/* 썸네일 안의 a 태그도 block으로 - 이미지 영역에 정확히 맞춤 */
.item-list .thumb > a,
.itemWrap .thumb > a {
    display: block;
}

/* 아이콘 영역 - 우측 상단 */
.item-list .thumb .prd-icons,
.itemWrap .thumb .prd-icons {
    position: absolute;
    top: 0;
    right: 0;
    z-index: 2;
    max-width: 70px;            
    display: flex;
    flex-direction: column;
    gap: 4px;
    pointer-events: none;  /* 아이콘이 상품 클릭을 가리지 않도록 */
}

/* 아이콘 이미지 - 부모(prd-icons) 너비에 맞춰 자동 스케일 */
.item-list .prd-icons img,
.itemWrap .prd-icons img {
    display: block;
    width: 100%;           /* prd-icons 너비(=썸네일의 30%)에 맞춤 */
    height: auto;
    margin: 0;
}

/* 아이콘이 span으로 감싸진 텍스트 라벨인 경우 */
.item-list .prd-icons span,
.itemWrap .prd-icons span {
    display: block;
    line-height: 1.4;
}
/* BASIC css end */