button {
        border: none !important;
    }

    #list-top-sec{
        width: 100%;
        display: flex;
        flex-direction: column;
    }
    #list-top-sec .list-top{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 15px;
    }
    #list-top-sec .list-top.wide {
        position: relative;
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
    }
    #list-top-sec .list-top .top-tit-box{
        margin-top: 20px;
        width: 100%;
        display: flex;
        align-items: center;
        justify-content: space-between;
        margin-bottom: 20px;
    }
    #list-top-sec .list-top .top-tit-box .sort-bx{
        display: flex;
        width: 50%;
        display: flex;
        align-items: center;
    }
    #list-top-sec .list-top .top-tit-box .sort-bx span{
        font-size: 14px;
        font-weight: 400;
        line-height: 20px;
        font-family: "Noto Sans KR", sans-serif;
        color: #323333;
    }
    #list-top-sec .list-top .top-tit-box .sort-bx p{
        font-size: 14px;
        font-weight: 300;
        line-height: 20px;
        font-family: "Noto Sans KR", sans-serif;
        color: #646566;
        padding: 0 30px 0 3px;
    }

    /*//서치///*/

    /*서치*/
    #list-top-sec .list-top .top-tit-box .search-box {
        padding: 0;
    }

    #list-top-sec .list-top .top-tit-box .search-box form{
        position: relative;
        display: flex;
        align-items: center;
        justify-content: flex-end;
        flex-flow: row nowrap;
        padding: 0;
    }
    #list-top-sec .list-top .top-tit-box .search-box form span{
        position: relative;
        overflow: hidden;
    }
    #list-top-sec .list-top .top-tit-box .search-box form span input.search-form{
        position: relative;
        z-index: 0;
        display: flex;
        padding: 0 10px;
        width: 250px;
        height: 35px;
        font-size: 14px;
        font-weight: 400;
        color: rgb(34, 34, 34);
        background-color: transparent;
        border: 1px solid #afb2b3;
        outline: none;
    }
    #list-top-sec .list-top .top-tit-box .search-box form button.search-btn{
        display: flex;
        justify-content: center;
        align-items: center;
        width: 100px;
        height: 35px;
        font-size: 14px;
        font-weight: 300;
        color: rgb(255, 255, 255);
        background-color: #4b4c4d;
        border: none;
        outline: none;
        cursor: pointer;
    }


    /**/

    #pdCont-sec{
        overflow: hidden;
        margin-bottom: 70px;
    }
    #wide{
        width: 100%;
        max-width: 1500px;
        margin: 0 auto;
        padding: 0 15px;
    }

    #pdCont-sec .pdCont_wrap{
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 0 15px;

    }
    #pdCont-sec .pdCont_wrap .con-wrap{
        width: 100%;
        display: flex;
    }

    #pdCont-sec .pdCont_wrap .list_topBox{
        align-items: center;
        padding: 10px;
        width: 100%;
    }

    #pdCont-sec .pdCont_wrap .list_topBox .topBox{
        display: flex;
        padding: 20px 0;
    }

    #pdCont-sec .pdCont_wrap .list_topBox .topBox{

    }




    #list_box .best-box {
        display: flex;
        flex-direction: column;
        position: relative;
        background-color: rgb(255, 255, 255);
        margin-bottom: 30px;
        border: 1px solid #d9dce3;
    }
    #list_box .best-box .over_line{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        transition: all ease 0.5s;
    }
    #list_box .best-box:hover .over_line{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    #list_box .best-box .item_a {
        width: 100%;
        padding: 10px;
        border-bottom: none;
    }

    #list_box .best-box .item_a .img-bx{
        position: relative;
        width: 100%;
    }

    #list_box .best-box .item_a .img-bx .item_wrap{
        overflow: hidden;
        position: relative;
        display: flex;
        flex-direction: column;
        width: 100%;
    }

    #list_box .best-box .item_a .img-bx .item_wrap .item{
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        justify-content: center;
        align-items: center;
        background-color: #ffffff;
        transition: all 1s cubic-bezier(.1, .98, .33, .97);
    }
    #list_box .best-box .item_a .img-bx .item_wrap .item img{
        background-repeat: no-repeat;
        background-position: center;
        background-size: cover;
        width: fit-content;
        max-width: 100%;
        height: auto;
    }

    #list_box .best-box .item_a .img-bx .item_wrap .item.tem_1{
        transform: translateX(100%);
        opacity: 0;
    }

    #list_box .best-box .item_a .img-bx .item_wrap .item.tem_2{
        transform: translateX(0);
        opacity: 1;
    }

    #list_box .best-box .item_a .img-bx .item_wrap:hover .item.tem_1{
        transform: translateX(0);
        opacity: 1;
    }
    #list_box .best-box .item_a .img-bx .item_wrap:hover .item.tem_2{
        transform: translateX(-100%);
        opacity: 0;
    }



    #list_box .best-box .item_tex_box{
        position: relative;
        width: 100%;
        display: flex;
        flex-direction: column;
        padding: 5px 20px 20px;
        border-top: none;
    }
    #list_box .best-box .item_tex_box .tex_h3{
        font-size: 18px;
        font-weight: 500;
        line-height: 32px;
        color: #323333;
        text-align: left;
        display: flex;
        justify-content: flex-start;
    }
    #list_box .best-box .item_tex_box .tex_p{
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
        color: #323333;
        text-align: left;
        display: flex;
        justify-content: flex-start;
        margin-bottom: 10px;
    }

    #list_box .best-box .item_tex_box .price_bx{
        display: flex;
        justify-content: space-between;
        margin: auto 0 10px;
    }
    #list_box .best-box .item_tex_box .price_bx .qty_down{
        padding: 5px 10px;
        line-height: 13px;
        font-size: 13px;
        background-color: #66656e;
        color: #ffffff;
    }
    #list_box .best-box .item_tex_box .price_bx .qty_up{
        padding: 5px 10px;
        line-height: 13px;
        font-size: 13px;
        background-color: #409fb0;
        color: #ffffff;
    }
    #list_box .best-box .item_tex_box .price_bx .priceNum{
        width: auto;
        display: flex;
        align-items: flex-start;
    }

    #list_box .best-box .item_tex_box .price_bx .tex_h4{
        font-size: 16px;
        font-weight: 500;
        line-height: 24px;
        color: #3c7094;
    }
    #list_box .best-box .item_tex_box .price_bx .tex_h4_del{
        margin-left: 10px;
        font-size: 15px;
        font-weight: 300;
        line-height: 24px;
        color: #a2a2a2;
    }
    #list_box .best-box .item_tex_box .price_bx .tag_new span{
        font-size: 13px;
        font-weight: 300;
        line-height: 13px;
        color: #ffffff;
        padding: 3px 10px;
        background-color: #0a58ca;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
    }
    #list_box .best-box .item_tex_box .price_bx .tag_hot{
        margin-left: 10px;
    }
    #list_box .best-box .item_tex_box .price_bx .tag_hot span{
        font-size: 13px;
        font-weight: 300;
        line-height: 13px;
        color: #ffffff;
        padding: 3px 10px;
        background-color: #ad5498;
        border-top-left-radius: 9px;
        border-top-right-radius: 9px;
        border-bottom-left-radius: 9px;
        border-bottom-right-radius: 9px;
    }

    #list_box .best-box .item_tex_box .bt_box{
        width: 100%;
        display: flex;
        justify-content: center;
        align-items: center;
        margin-top: 10px;
    }
    #list_box .best-box .item_tex_box .bt_box button, #list_box .best-box .item_tex_box .bt_box a{
        display: flex;
        align-items: center;
        justify-content: center;
        width: calc(100% / 4);
        height: 35px;
        font-size: 13px;
        font-weight: 300;
        line-height: 13px;
        color: #323333;
        border: 1px solid #afb2b3;
        cursor: pointer;
        margin: 1px;
        background-color: #ffffff;
        transition: all ease 0.5s;
    }


    #list_box .best-box .item_tex_box .bt_box button.cart, #list_box .best-box .item_tex_box .bt_box a.cart{
        background-color: #2f66af;
        color: #ffffff;
    }
    #list_box .best-box .item_tex_box .bt_box button.wish, #list_box .best-box .item_tex_box .bt_box a.wish{
        background-color: #2f66af;
        color: #ffffff;
    }
    #list_box .best-box .item_tex_box .bt_box button.cpmpare, #list_box .best-box .item_tex_box .bt_box a.cpmpare{
        background-color: #2f66af;
        color: #ffffff;
    }
    #list_box .best-box .item_tex_box .bt_box button:hover, #list_box .best-box .item_tex_box .bt_box a:hover{
        border: 1px solid #e56873;
        background-color: #e56873;
        color: #ffffff;
    }

    #pc_sum,#note_sum,#tablet_sum,#mobile_sum{
        display: none;
    }
    #full_sum{
        display: flex;
    }

/*/////////////////////////////////////////////////////////////////*/

    #list_box{
        width: 100%;
        position: relative;
        display: flex;
        flex-wrap: wrap;
    }
    #list_box .best-box {
        width: calc((100% / 4) - 15px);
        margin: 0 10px 20px;
    }

    #list_box .best-box:nth-child(4n+1) {
        margin-left: 0;
        margin-right: 10px;
    }

    #list_box .best-box:nth-child(4n+4) {
        margin-left: 10px;
        margin-right: 0;
    }

    #list_box .best-box:hover .over_line{
        border: 10px solid #d7d8e0;
    }
    #list_box .best-box .item_a .img-bx .item_wrap{
        min-height: 300px;
        height: 300px;
    }

    @media (max-width: 1500px) {

        #list_box .best-box .item_a .img-bx .item_wrap{
            min-height: 240px;
            height: 240px;
        }
        #list_box .best-box .item_tex_box {
            padding: 5px 10px 10px;
            border-top: none;
        }
        #list_box .best-box .item_tex_box .tex_h3{
            font-size: 18px;
            font-weight: 500;
            line-height: 26px;
        }

        #full_sum,#note_sum,#tablet_sum,#mobile_sum{
            display: none;
        }
        #pc_sum{
            display: flex;
        }
        #list_box .best-box .item_tex_box .price_bx {
            margin: auto 5px 10px;
        }
    }
    @media (max-width: 1200px) {
        #list_box .best-box {
            width: calc((100% / 3) - 12px);
            margin: 0 10px 20px;
        }

        #list_box .best-box:nth-child(4n+1) {
            margin-left: 0;
            margin-right: 7px;
        }

        #list_box .best-box:nth-child(4n+4) {
            margin: 0 7px 20px;
        }
        #list_box .best-box:nth-child(4n+3) {
            margin-left: 7px;
            margin-right: 0;
        }

        #list_box .best-box:hover .over_line{
            border: 10px solid #d7d8e0;
        }

        #list_box .best-box {
            margin-bottom: 20px;
        }
        #list_box .best-box .item_a .img-bx .item_wrap{
            min-height: 280px;
            height: 280px;
        }
        #list_box .best-box .item_tex_box {
            padding: 5px 10px 10px;
            border-top: none;
        }
        #list_box .best-box .item_tex_box .tex_h3{
            font-size: 18px;
            font-weight: 500;
            line-height: 26px;
        }

        #full_sum,#note_sum,#tablet_sum,#mobile_sum{
            display: none;
        }
        #pc_sum{
            display: flex;
        }
        #list_box .best-box .item_tex_box .price_bx {
            margin: auto 5px 10px;
        }
    }

    @media (max-width: 992px) {

        #list_box .best-box:hover .over_line{
            border: 10px solid #d7d8e0;
        }

        #list_box .best-box {
            margin-bottom: 20px;
        }
        #list_box .best-box .item_a .img-bx .item_wrap{
            min-height: 210px;
            height: 210px;
        }
        #list_box .best-box .item_tex_box {
            padding: 5px 10px 10px;
            border-top: none;
        }
        #list_box .best-box .item_tex_box .tex_h3{
            font-size: 17px;
            font-weight: 500;
            line-height: 25px;
        }

        #pc_sum{
            display: flex;
        }
        #list_box .best-box .item_tex_box .price_bx {
            margin: auto 5px 10px;
        }
    }

    @media (max-width: 768px) {

        #list_box .best-box {
            width: calc((100% / 2) - 10px);
            margin: 0 0 20px !important;
        }

        #list_box .best-box:nth-child(4n+1) {
            margin-right: 10px !important;
        }

        #list_box .best-box:nth-child(4n+4) {
            margin-left: 10px !important;
        }
        #list_box .best-box:nth-child(4n+3) {
            margin-left: 0;
            margin-right: 10px !important;
        }
        #list_box .best-box:nth-child(4n+2) {
            margin-right: 0;
            margin-left: 10px !important;
        }


        #list_box .best-box:hover .over_line{
            border: 10px solid #d7d8e0;
        }

        #list_box .best-box {
            margin-bottom: 20px;
        }
        #list_box .best-box .item_a .img-bx .item_wrap{
            min-height: 210px;
            height: 210px;
        }
        #list_box .best-box .item_tex_box {
            padding: 5px 10px 10px;
            border-top: none;
        }
        #list_box .best-box .item_tex_box .tex_h3{
            font-size: 17px;
            font-weight: 500;
            line-height: 25px;
        }

        #pc_sum{
            display: flex;
        }
        #list_box .best-box .item_tex_box .price_bx {
            margin: auto 5px 10px;
        }
    }


    @media (max-width: 576px) {
        #pdCont-sec{
            margin-bottom: 40px;
        }
        #list_box .best-box {
            width: 100%;
            margin-bottom: 20px !important;
        }
        #list_box .best-box:nth-child(4n+1),
        #list_box .best-box:nth-child(4n+2),
        #list_box .best-box:nth-child(4n+3),
        #list_box .best-box:nth-child(4n+4){
            margin-left: 0 !important;
            margin-right: 0 !important;
        }

        #list_box .best-box:hover .over_line{
            border: 10px solid #d7d8e0;
        }

        #list_box .best-box {
            margin-bottom: 20px;
        }
        #list_box .best-box .item_a .img-bx .item_wrap{
            min-height: 280px;
            height: 280px;
        }
        #list_box .best-box .item_tex_box {
            padding: 5px 10px 10px;
            border-top: none;
        }
        #list_box .best-box .item_tex_box .tex_h3{
            font-size: 17px;
            font-weight: 500;
            line-height: 25px;
        }

        #pc_sum{
            display: flex;
        }
        #list_box .best-box .item_tex_box .price_bx {
            margin: auto 5px 10px;
        }

    }

        /*검색*/



        #list-top-sec .list-top .top-tit-box .search-box form span input.search-form{
            position: relative;
            z-index: 0;
            display: flex;
            padding: 0 10px;
            width: 150px;
            height: 35px;
            font-size: 14px;
            font-weight: 400;
            color: rgb(34, 34, 34);
            background-color: transparent;
            border: 1px solid #afb2b3;
            outline: none;
        }
        #list-top-sec .list-top .top-tit-box .search-box form button.search-btn{
            display: flex;
            justify-content: center;
            align-items: center;
            width: 100px;
            height: 35px;
            font-size: 14px;
            font-weight: 300;
            color: rgb(255, 255, 255);
            background-color: #4b4c4d;
            border: none;
            outline: none;
            cursor: pointer;
        }