/* BASIC css start */
#contentWrapper {width: 1200px;margin:0 auto;border-left:1px solid #000;border-right:1px solid #000;box-sizing: border-box;overflow: hidden;}

/* 메인 배너 */
.main_banner {width:100%;margin: 0 auto;overflow:hidden;position: relative; border-bottom:1px solid #000; }
.main_banner .main_banner_pagination {position:absolute;left:0;top: inherit!important;bottom:0;border-top:1px solid #000;box-sizing:border-box;background:rgba(255,255,255,.6);width:100%;height: 8px!important;z-index: 10;}
.main_banner .main_banner_pagination>span {height: 100%;background: #000;}
.main_banner .swiper-button-prev {background:url(//skin.makeshop.co.kr/skin/vintagehood/imgs/swiper-prev.png)no-repeat center; width:32px; height:62px; background-size:cover; left: 25px; margin-top: -31px;}
.main_banner .swiper-button-next {background:url(//skin.makeshop.co.kr/skin/vintagehood/imgs/swiper-next.png)no-repeat center; width:32px; height:62px; background-size:cover; right: 25px; margin-top: -31px;}
.main_banner .swiper-button-prev:after,
.main_banner .swiper-button-next:after,
.main_banner .swiper-rtl .swiper-button-next:after,
.main_banner .swiper-rtl .swiper-button-next:after {display:none;}

/* 이미지 배너 */
.imgBanner { margin:30px auto 0; position:relative; width:1100px; overflow:hidden }
.imgBanner ul { *zoom:1 }
.imgBanner ul:after { display:block; clear:both; content:'' }
.imgBanner ul li { padding-right:10px; float:left }
/* 修复：最后一个li取消右侧padding */
.imgBanner ul li:last-child { padding-right: 0 !important; }

/* 상품 목록 영역 */
.product-wrap { margin:0 auto; position:relative; width:1200px }
.product-wrap .cateTit {box-sizing:border-box;padding: 0;padding-left:30px;text-align:left;height:60px;line-height:60px;border-bottom:1px solid #000;overflow: hidden;position: relative;}
.product-wrap .cateTit h3 { font-size:26px; font-weight:700; color:#000; line-height:60px; }
/* 修复：标题图片垂直居中 */
.product-wrap .cateTit>img {float:left;padding: 0;margin-right: 10px;height: 60px;width: auto;object-fit: contain;}
.product-wrap .more_btn { font-size:20px; color:#000; font-weight:700; text-align:center; height:60px; line-height:60px; display:block; border-bottom:1px solid #000; }

/* 新增：商品列表基础样式 */
.product-wrap .item-cont { overflow: hidden; }
.product-wrap .item-list {
    float: left;
    width: 25%;
    box-sizing: border-box;
    padding: 15px;
    border-right: 1px solid #eee;
    border-bottom: 1px solid #eee;
}
.product-wrap .item-list:nth-child(4n) { border-right: none; }
.product-wrap .item-list .thumb img {
    width: 100%;
    height: auto;
    aspect-ratio: 1/1;
    object-fit: contain;
    display: block;
    margin: 0 auto;
}
.product-wrap .prd-name {
    font-size: 14px;
    margin: 8px 0;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
}
.product-wrap .prd-price {
    font-size: 16px;
    font-weight: 700;
    color: #000;
}
.product-wrap .percent {
    color: #ff2d2d;
    margin-left: 4px;
}
.product-wrap .prd-price:contains('Sold Out') {
    color: #999;
    font-size: 14px;
    font-weight: 400;
}

/* 고정 이미지 배너 */
.fixedBnnr { position:relative; width:100%; min-width:1100px; height:220px; background:url(//image.makeshop.co.kr/makeshop/d3/basic_simple/main/fixbn.jpg) center top no-repeat fixed }
.fixedBnnr .inner { margin:0 auto; position:relative; width:1100px; text-align:center }
.fixedBnnr .inner .tx { padding-top:100px; font-size:16px; color:#fff; letter-spacing:16px }

/* 베스트상품 영역 */
.best_bottom { overflow:hidden; border-bottom:1px solid #000; }
.best_bottom .item-cont { border-bottom:none; } 
.best_bottom>div { float:left; }
.best_bottom .best_pagination {width: 300px !important;}
.best_bottom .best_pagination span {
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:100%;background:none;box-sizing:border-box;padding:0 30px;font-size:20px;color:#b4b4b4;opacity: 1;font-weight: 400;height: 60px;line-height: 60px;border-bottom: 1px solid #000;border-radius: 0; margin:0 !important;
}
.best_bottom .best_pagination span.swiper-pagination-bullet-active { font-weight:700; color:#000;}
.best_bottom .best_slide {width: calc(100% - 300px);box-sizing: border-box;overflow: hidden;border-left: 1px solid #000;}
.item-wrap .best_bottom .best_slide .item-cont  .item-list {border-bottom:none;border:none;width: 299px;}

.best_slide_arrow { position:absolute; right:0; top:0; }
.best_slide_arrow>a { width:60px; height:60px; float:left; border-left:1px solid #000; box-sizing:border-box; cursor:pointer; }
.best_slide_arrow>a.best_left { background:url(//skin.makeshop.co.kr/skin/vintagehood/imgs/best_slide_left.png) no-repeat center; }
.best_slide_arrow>a.best_right { background:url(//skin.makeshop.co.kr/skin/vintagehood/imgs/best_slide_right.png) no-repeat center; }

/* 중간배너 */
.center_banner { overflow:hidden; }
.center_banner>a { width:50%; float:left; border-bottom:1px solid #000; box-sizing:border-box; }
.center_banner>a:first-of-type { border-right:1px solid #000; box-sizing:border-box; }
.center_banner>a img { width:100%; height:548px; object-fit: cover !important; }

.sale_banner { width:100%; display:block; border-bottom:1px solid #000; }
.sale_banner img { width:100%; }

/* 新增：hover交互效果 */
.product-wrap .more_btn:hover {
    background-color: #f5f5f5;
    color: #ff2d2d;
    transition: all 0.2s;
}
.main_banner .swiper-button-prev:hover,
.main_banner .swiper-button-next:hover,
.best_slide_arrow>a:hover {
    opacity: 0.8;
    transition: opacity 0.2s;
}
.product-wrap .item-list:hover {
    box-shadow: 0 2px 8px rgba(0,0,0,0.05);
    transform: translateY(-2px);
    transition: all 0.2s;
}

/* 新增：移动端适配 */
@media (max-width: 1200px) {
    #contentWrapper {
        width: 100% !important;
        padding: 0 10px;
    }
    .product-wrap {
        width: 100% !important;
    }
    .imgBanner, .fixedBnnr .inner {
        width: 100% !important;
        padding: 0 10px;
        box-sizing: border-box;
    }
    .fixedBnnr {
        min-width: auto !important;
        background-attachment: scroll !important;
        height: 150px !important;
    }
    .fixedBnnr .inner .tx {
        padding-top: 60px !important;
        font-size: 14px !important;
        letter-spacing: 8px !important;
    }
    .center_banner>a img {
        height: auto !important;
    }
}
/* BASIC css end */