@charset "UTF-8";

.main-prod-list{
    margin-bottom:24px;
}
@media (max-width:1024px){
    .main-prod-list{
        margin-bottom:12px;
    }
}

/*상품정보*/
.prod-txt-box{
    padding:10px 0 7px;
}
.prod-txt-box .prod-name{
    display:-webkit-box;
    width:100%;
    max-height:38px;
    color:#2E2E2E;
    font-size:13px;
    line-height:19px;
    white-space:normal;
    text-overflow:ellipsis;
    -webkit-line-clamp:2;
    -webkit-box-orient:vertical;
    overflow:hidden;
}
.prod-txt-box .prod-subtxt{
    margin-top:4px;
    color:#999;
    font-size:12px;
    line-height:17px;
    white-space:nowrap;
    text-overflow:ellipsis;
    overflow:hidden;
}
.prc-box del{
    display:block;
    margin-bottom:-3px;
    color:#999;
    font-size:11px;
}
.prc-box .per{
    margin-right:7px;
    font-family:'Arial';
    color:#2E2E2E;
    font-size:13px;
}
.prc-box .per span{
    font-size:14px;
}
.prc-box strong{
    display:inline-block;
    color:#f20000;
    font-size:13px;
    font-weight:600;
    letter-spacing:-.5px;
}
.prc-box strong span{
    font-size:14px;
}
.list-item-info .badge-wrap{
    display:inline-block;
    margin-top:12px;
}
.list-item-info .icon_area{
    margin-top:12px;
    vertical-align:top;
}
@media (max-width:1024px){
    .prod-txt-box{
        padding:5px 0 0;
    }
    .prod-txt-box .prod-name{
        max-height:30px;
        font-size:12px;
        line-height:15px;
    }
    .prod-txt-box .prod-subtxt{
        margin-top:2px;
        font-size:11px;
    }
    .prc-box del{
        margin-bottom:-6px;
        font-size:10px;
    }
    .prc-box .per{
        margin-right:5px;
        font-size:11px;
    }
    .prc-box .per span{
        font-size:12px;
    }
    .prc-box strong{
        font-size:11px;
    }
    .prc-box strong span{
        font-size:12px;
    }
    .list-item-info .badge-wrap{
        margin-top:7px;
    }
    .list-item-info .icon_area{
        margin-top:7px;
    }
}

/*상품이미지영역*/
.list-item-img{
    position:relative;
}
.list-item-img .imgwrap,
.list-item-img .imgwrap .inner::after{
    border-radius:4px;
}
.list-item-img .soldWrap{
    position:absolute;
    top:0;
    right:0;
    bottom:0;
    left:0;
    background:rgb(0 0 0 / 50%);
}
.list-item-img .soldWrap img{
    top:50%;
    left:50%;
    width:142px !important;
    height:auto !important;
    transform:translate(-50%, -50%);
}
.list-item-img .swiper-container{
    display:none;
}
@media (min-width:1025px){
    /*.grd1-w .imgwrap,*/
    /*.grd3-w .imgwrap{*/
    /*    padding-bottom:120% !important;*/
    /*}*/
    .grd2-w .list-item-img .soldWrap img{
        width:206px !important;
    }
    .grd3-w .list-item-img .soldWrap img{
        width:170px !important;
    }
    .list-w .list-item-img .soldWrap img{
        width:98px !important;
    }
}
@media (max-width:1024px) {
    .grd3-m .list-item-img .soldWrap img{
        width:48% !important;
    }
    .grd2-m .list-item-img .soldWrap img{
        width:40% !important;
    }
    .grd1-m .list-item-img .soldWrap img{
        width:190px !important;
    }
    .list-m .list-item-img .soldWrap img{
        width:57% !important;
    }
    .list-item-img .swiper-container{
        display:block;
    }
    .list-item-img .img-one{
        display:none !important;
    }
    .grd1-m .list-item-img .imgwrap,
    .grd1-m .list-item-img .imgwrap .inner::after{
        border-radius:0px;
    }
    /*.grd2-m .imgwrap,*/
    /*.grd3-m .imgwrap{*/
    /*    padding-bottom:120% !important;*/
    /*}*/
}
@media (max-width:575px){
    .grd3-m .list-item-img .soldWrap img{
        width:57% !important;
    }
    .grd2-m .list-item-img .soldWrap img{
        width:52% !important;
    }
    .grd1-m .list-item-img .soldWrap img{
        width:35% !important;
    }
}

/*상품리스트:그리드형*/
div[class*="grd"] ul{
    font-size:0;
}
div[class*="grd"] li{
    display:inline-block;
    padding-bottom:45px;
    background:#fff;
    vertical-align:top;
}
@media (min-width:1025px){
    .grd1-w li{
        width:calc((100% - 60px) / 4);
        margin-right:20px;
    }
    .grd1-w li:nth-child(4n){
        margin-right:0;
    }
    .grd2-w li{
        width:calc((100% - 30px) / 2);
        margin-right:30px;
    }
    .grd2-w li:nth-child(2n){
        margin-right:0;
    }
    .grd3-w li{
        width:calc((100% - 52px) / 3);
        margin-right:26px;
    }
    .grd3-w li:nth-child(3n){
        margin-right:0;
    }
}
@media (max-width:1024px){
    div[class*="grd"] li{
        padding-bottom:25px;
    }
    .grd3-m li{
        width:33.33333333%;
        padding:0 3px;
    }
    .grd2-m li{
        width:50%;
        padding:0 3px;
    }
    .grd1-m li{
        width:100%;
    }
    .grd1-m .list-item-info{
        padding:3px 7px 0;
    }
}

/*상품리스트:리스트형*/
@media (min-width:1025px){
    .list-w ul{
        padding-bottom:25px;
        border-top:1px solid #eee;
    }
    .list-w li{
        width:100%;
        padding-bottom:0 !important;
    }
    .list-w li a{
        display:block;
        padding:17px 0;
        font-size:0;
        border-bottom:1px solid #eee;
    }
    .list-w li a > div{
        display:inline-block;
        vertical-align:top;
    }
    .list-w .list-item-img{
        position:relative;
        width:160px;
        height:auto;
    }
    .list-w .list-item-info{
        width:calc(100% - 160px);
        padding-left:22px;
    }
    .list-w .prod-txt-box{
        padding-bottom:12px;
    }
    .list-w .prod-txt-box .prod-name{
        font-size:15px;
    }
    .list-w .prc-box del{
        margin-bottom:-2px;
        font-size:12px;
    }
    .list-w .prc-box .per,
    .list-w .prc-box strong{
        font-size:14px;
    }
    .list-w .prc-box .per span,
    .list-w .prc-box strong span{
        font-size:15px;
    }
}
@media (max-width:1024px){
    .list-m ul{
        border-top:1px solid #eee;
        margin:0 10px;
    }
    .list-m li{
        width:100%;
        padding:0 !important;
    }
    .list-m li a{
        display:block;
        padding:10px 0;
        font-size:0;
        border-bottom:1px solid #eee;
    }
    .list-m li a > div{
        display:inline-block;
        vertical-align:top;
    }
    .list-m .list-item-img{
        width:130px;
        height:auto;
    }
    .list-m .list-item-info{
        width:calc(100% - 130px);
        padding-left:12px;
    }
}

/*최근본상품*/
.recent-list{
    margin-top:40px;
}
.recent-list li{
    position:relative;
}
.recent-list .prod-txt-box .prod-name{
    width:95%;
}
.recent-list .btn-delete{
    position:absolute;
    top:17px;
    right:0;
}
.recent-list .btn-delete::before{
    width:12px;
    height:12px;
}
@media (max-width:1024px){
    .recent-list{
        margin-top:30px;
    }
    .recent-list .prod-txt-box .prod-name{
        width:90%;
    }
    .recent-list .btn-delete{
        top:10px;
        padding:3px;
    }
    .recent-list .btn-delete::before{
        width:9px;
        height:9px;
    }
}