/* =========================================================
   365피싱 PC 상품목록 최종 수정
   PC만 적용 / 상세페이지 영향 없음 / 모바일 영향 없음
   ========================================================= */

@media screen and (min-width: 701px) {

    /* -----------------------------------------
       상품목록 전체
       ----------------------------------------- */
    #productClass {
        width: 1200px !important;
        max-width: 1200px !important;
        margin-left: auto !important;
        margin-right: auto !important;
        box-sizing: border-box !important;
    }

    #productClass .item-wrap {
        width: 1200px !important;
        max-width: 1200px !important;
        margin: 0 auto !important;
        padding: 0 !important;
        box-sizing: border-box !important;
        overflow: hidden !important;
    }


    /* -----------------------------------------
       NEW PRODUCT 가운데 정렬
       ----------------------------------------- */
    #productClass .item-hd {
        width: 100% !important;
        margin: 40px 0 20px !important;
        padding: 0 !important;
        text-align: center !important;
    }

    #productClass .item-hd *,
    #productClass .cateTit,
    #productClass .cateTit h3 {
        text-align: center !important;
    }


    /* -----------------------------------------
       현재 위치 숨김
       ----------------------------------------- */
    #productClass .loc-navi,
    #productClass .page-location,
    #productClass .location,
    #productClass .breadcrumb {
        display: none !important;
    }


    /* -----------------------------------------
       검색결과 정렬 6개 삭제
       공간도 차지하지 않게 함
       ----------------------------------------- */
    #productClass .item-info .item-order,
    #productClass .item-info .sort,
    #productClass .total-sort .sort,
    #productClass .sort,
    #productClass .sorting,
    #productClass .prd-sort,
    #productClass .search-sort {
        display: none !important;
    }

    #productClass .item-info {
        padding: 0 !important;
        margin: 0 0 20px !important;
        border: 0 !important;
    }


    /* -----------------------------------------
       상품 5열
       ----------------------------------------- */
    #productClass .item-cont {
        display: grid !important;
        grid-template-columns: repeat(5, 224px) !important;
        column-gap: 20px !important;
        row-gap: 40px !important;

        width: 1200px !important;
        max-width: 1200px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        float: none !important;
        overflow: visible !important;

        box-sizing: border-box !important;
    }


    /* FONT 태그가 상품을 묶지 못하게 함 */
    #productClass .item-cont > font,
    #productClass .item-cont font {
        display: contents !important;
    }


    /* -----------------------------------------
       상품
       ----------------------------------------- */
    #productClass .item-cont .item-list {
        display: block !important;

        width: 224px !important;
        max-width: 224px !important;
        min-width: 224px !important;

        margin: 0 !important;
        padding: 0 !important;

        float: none !important;
        clear: none !important;

        text-align: center !important;
        list-style: none !important;

        box-sizing: border-box !important;
    }


    /* 상품 안의 점 제거 */
    #productClass .item-cont .item-list,
    #productClass .item-cont .item-list ul,
    #productClass .item-cont .item-list ol,
    #productClass .item-cont .item-list li {
        list-style: none !important;
        list-style-type: none !important;
    }

    #productClass .item-cont .item-list li::before,
    #productClass .item-cont .item-list li::after {
        content: none !important;
        display: none !important;
    }


    /* -----------------------------------------
       상품 사진
       ----------------------------------------- */
    #productClass .item-cont .item-list .thumb {
        display: block !important;

        width: 224px !important;
        height: 224px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }

    #productClass .item-cont .item-list .thumb a {
        display: block !important;
        width: 224px !important;
        height: 224px !important;
    }

    #productClass .item-cont .item-list .thumb img {
        display: block !important;

        width: 224px !important;
        height: 224px !important;
        max-width: 224px !important;
        max-height: 224px !important;

        margin: 0 auto !important;
        padding: 0 !important;

        object-fit: contain !important;

        transform: none !important;
    }


    /* -----------------------------------------
       상품 정보
       ----------------------------------------- */
    #productClass .item-cont .item-list .prd-info {
        display: block !important;

        width: 224px !important;

        margin: 0 !important;
        padding: 12px 3px 0 !important;

        overflow: hidden !important;

        box-sizing: border-box !important;
    }


    /* 상품명 */
    #productClass .item-cont .item-list .prd-name {
        display: block !important;

        width: 224px !important;
        min-height: 42px !important;
        height: 42px !important;

        margin: 0 !important;
        padding: 0 !important;

        overflow: hidden !important;

        font-size: 14px !important;
        line-height: 21px !important;

        text-align: center !important;
    }


    /* 가격 */
    #productClass .item-cont .item-list .prd-price {
        display: block !important;

        width: 224px !important;

        margin: 6px 0 0 !important;
        padding: 0 !important;

        font-size: 16px !important;
        line-height: 22px !important;

        text-align: center !important;
    }


    /* -----------------------------------------
       PREVIEW 완전 삭제
       ----------------------------------------- */
    #productClass .item-cont .item-list .prd-preview,
    #productClass .item-cont .item-list .preview,
    #productClass .item-cont .item-list .btn-preview,
    #productClass .item-cont .item-list a[href*="preview"] {
        display: none !important;
        visibility: hidden !important;
        height: 0 !important;
        margin: 0 !important;
        padding: 0 !important;
    }


    /* -----------------------------------------
       상품 페이지 숫자 중앙 정렬
       ----------------------------------------- */
    #productClass .item-page {
        display: block !important;

        width: 100% !important;

        margin: 50px auto 0 !important;
        padding: 20px 0 !important;

        clear: both !important;

        text-align: center !important;
        box-sizing: border-box !important;
    }

    #productClass .item-page a {
        display: inline-block !important;
        float: none !important;

        padding: 0 5px !important;

        text-align: center !important;
    }


    /* -----------------------------------------
       상품 확대효과 제거
       ----------------------------------------- */
    #productClass .item-cont .item-list:hover {
        transform: none !important;
        box-shadow: none !important;
    }

    #productClass .item-cont .item-list:hover .thumb img {
        transform: none !important;
    }

}