/* BASIC css start */
/* 1. 최신 유행하는 깔끔한 글씨체 적용 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@300;400;500;700&display=swap');

body, div, p, span, a, li, dt, dd, h1, h2, h3, h4 {
    font-family: 'Noto Sans KR', sans-serif !important;
    letter-spacing: -0.5px !important; /* 글자 간격을 좁혀서 더 세련되게 */
}

/* 메인 롤링 배너 */
.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: 100px;margin-left:-12px;}
.subbnArea:after { content: ""; display: block; clear: both; }
.subbnArea .sub_banner li { float: left; margin-left: 12px; }

/* tabProduct */
#tabProduct { position:relative; margin-top:70px; }
#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 {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 {width:191px; height:191px}
#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:absolute;bottom:0px;left:0;right:0;text-align:center; }
#tabProduct .newCate_prod .prd-info-bx .prd-info {background:#fff; opacity:0.8; filter:alpha(opacity=80);padding: 10px;  }
#tabProduct .newCate_prod .prd-info-bx .prd-price del { color:#999; font-weight: normal; font-size: 12px; margin-right: 5px;}
#tabProduct .newCate_prod .prd-info-bx .prd-price {padding-top:3px;font-size:14px; font-weight: bold;color: #292929;}
#tabProduct .newCate_prod .prd-info-bx .prd-name{display:none}

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

/* 상품 타이틀 */
.h_title {padding: 70px 0 35px;text-align:center;}
.h_title h2,
.h_title h3 { font-size: 24px; font-weight:bold; color:#292929; }

/* 위클리 베스트 */
.bestCateList { position:relative }
.bestCateList .slideList ul {margin-left: -15px;}
.bestCateList .slideList li { position:relative; float:left;width: 282px;padding: 0 0 24px 20px;}
.bestCateList .slideList li .thumb img {width: 282px;
    height: 282px;}

.bestCateList .prd-info-bx {display:none;position:absolute;top:0;bottom:0;left:0;right:0;text-align:center;margin-left: 15px;}
.bestCateList .prd-info-bx .prd-info {position:absolute;top:50%;left:0;right:0;margin-top: -50px;z-index:10;}
.bestCateList .prd-info-bx .prd-subname{padding: 15px 25px; }

.bestCateList .prd-info-bx .prd-price del { color:#999; font-weight: normal; font-size: 12px; margin-right: 5px;}
.bestCateList .prd-info-bx .prd-price {padding-top:3px;font-size:14px; font-weight: bold;}
.bestCateList .prd-info-bx .bg {position:absolute; top:0; left:0; right:0;bottom:0;background:#fff; opacity:0.8; filter:alpha(opacity=80); z-index:0 }
.bestCateList .bx-pager{position:absolute;bottom: -15px;left:0;right:0;z-index:60;text-align:center;}
.bestCateList .bx-pager-item{transition:all 0.3s ease;-webkit-transition:all 0.3s ease;display:inline-block;position:relative;}
.bestCateList .bx-pager-link{display:inline-block;width:18px;height:3px;font-size:0;margin:2px;background-color: rgba(0,0,0,0.4)}
.bestCateList .bx-pager-link.active{width: 30px; background-color: rgba(0,0,0,0.8);}

/* 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 }

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

/* 오직 사진 모서리 곡율만 바꾸는 마법 코드 */
.thumb, 
#contentWrapper dl.item-list dt.thumb, 
.bestCateList .slideList li .thumb, 
#specialItem .item-wrap .item-cont .item-list .thumb a {
    overflow: hidden !important; /* 사진이 네모나게 튀어나오지 않게 */
    border-radius: 12px !important; /* 곡율 숫자입니다 (12px로 살짝 더 둥글게!) */
}


/* 2. 하단(푸터) 영역 깔끔하게 화장하기 */
#ftWrap {
    margin-top: 150px !important; /* 위쪽과 시원하게 거리 두기 */
    background-color: #fcfcfc !important; /* 배경을 아주 연한 회색으로 */
    padding-bottom: 60px !important;
}

#ftWrap .footerNavArea {
    border-top: 1px solid #eee !important;
    border-bottom: 1px solid #eee !important;
}

#ftWrap .footerInfoWrap .title {
    font-weight: 700 !important; /* 제목을 더 굵고 진하게 */
    color: #111 !important;
    margin-bottom: 15px !important;
}

#ftWrap .footerInfoWrap p, 
#ftWrap .footerInfoWrap address {
    font-size: 13px !important;
    line-height: 1.8 !important; /* 줄 간격을 넓혀서 읽기 편하게 */
    color: #777 !important;
}

#ftWrap .footerInfoWrap .csNumber {
    font-size: 28px !important; /* 전화번호를 더 크고 신뢰감 있게 */
    color: #111 !important;
}


/* [최종] 제목은 다 보여주고 가격은 강조하는 코드 */

/* 1. 상품 제목: 자르지 않고 전체 다 보여주기 */
.prd-name {
    font-size: 15px !important;
    font-weight: 500 !important;
    color: #333 !important;
    margin-top: 15px !important;
    display: block !important;
    white-space: normal !important; /* 줄바꿈 허용 */
    overflow: visible !important;  /* 넘쳐도 다 보여줌 */
    line-height: 1.4 !important;
    min-height: 42px; /* 제목이 짧아도 가격 위치를 맞추기 위한 최소 높이 */
}

/* 2. 상품 설명: 연하고 작게 */
.prd-subname {
    font-size: 13px !important;
    color: #999 !important;
    margin-top: 5px !important;
    display: block !important;
    white-space: normal !important;
}

/* 3. 가격 정보: 강조 및 색상 입히기 */
.prd-price {
    margin-top: 10px !important;
    font-size: 16px !important;
}

/* 원래 가격: 가운데 줄 */
.prd-price del {
    color: #bbb !important;
    font-size: 13px !important;
    font-weight: normal !important;
    margin-right: 5px !important;
}

/* 할인 가격: 포인트 색상 (오렌지 레드) */
.prd-price span {
    color: #e64a19 !important; 
    font-weight: 700 !important;
}

/* 베스트 상품 영역 가격 크게 */
.bestCateList .prd-info-bx .prd-price {
    font-size: 18px !important;
}


/* 'SEASON BEST 데일리 슈즈' 영역 최종 수정 (가격 가독성 강화 버전) */

/* 1. 이 구역에서만 제목(이름)과 설명(서브네임) 숨기기 */
#tabProduct .newCate_prod .prd-name,
#tabProduct .newCate_prod .prd-subname {
    display: none !important; 
}

/* 2. 가격 상자 위치와 투명도 조절 */
#tabProduct .newCate_prod .prd-info-bx {
    bottom: 0 !important;
}

#tabProduct .newCate_prod .prd-info-bx .prd-info {
    padding: 5px 0 !important; 
    background: rgba(255, 255, 255, 0.7) !important;
}

/* 3. 가격 디자인 설정 */
#tabProduct .newCate_prod .prd-price {
    font-size: 14px !important;
    margin-top: 0 !important;
}

/* 할인된 최종 가격 (오렌지 레드 유지) */
#tabProduct .newCate_prod .prd-price span {
    color: #e64a19 !important; 
    font-weight: 700 !important;
}

/* ⭐ 여기만 할인 전 가격을 진한 검정으로 수정 */
#tabProduct .newCate_prod .prd-price del {
    color: #111 !important; /* 연한 회색에서 진한 검정으로 변경 */
    font-size: 12px !important; /* 글씨 크기도 살짝 키움 */
    font-weight: 500 !important; /* 살짝 더 두껍게 */
    margin-right: 6px !important;
    text-decoration: line-through !important; /* 줄 긋기는 유지 */
}


/* 'BEST OF BEST' 영역 할인 전 가격 수정 */

/* 할인 전 가격 (가운데 줄 그어진 가격)을 진한 검정으로 */
.bestCateList .prd-info-bx .prd-price del {
    color: #111 !important; /* 회색에서 진한 검정으로 변경 */
    font-size: 13px !important; /* 글씨 크기 */
    font-weight: 500 !important; /* 살짝 두껍게 */
    text-decoration: line-through !important; /* 줄 긋기 유지 */
    margin-right: 7px !important;
    opacity: 1 !important; /* 투명도 없이 선명하게 */
}

/* 할인된 최종 가격은 기존처럼 오렌지 레드 유지 */
.bestCateList .prd-info-bx .prd-price span {
    color: #e64a19 !important;
    font-weight: 700 !important;
}
/* BASIC css end */