/* ported page css: goods */

    body{
        width: 100%;
        overflow-x: hidden;
    }
    .goods_banner{
        width: 100%;
        display: flex;
        justify-content: center;
        margin-top: 5rem;
    }
    .goods_banner img{
        width: 100%;
        max-width: 126rem;
        cursor: pointer;
    }
    a{
        color: #333;
        text-decoration: none; 
        outline: none;   
    }
    a:hover, a:active{
        text-decoration: none; 
        color: #333;  
    }

    /* 카테고리박스  */

    select:focus{
        outline:none;
    }

    .goods_category{
        width:92%;
        max-width:126rem;
        height:5rem;
        margin:auto;
        display:flex;
        align-items: center;
    }
    .goods_category .main_category{
        width:9rem;
        height:3rem;
    }
    .goods_category .main_category select{
        width:100%;
        height:100%;
        cursor:pointer;
        border:1px solid #eee;
    }
    .goods_category .sub_category{
        width:9rem;
        height:3rem;
    }
    .goods_category .sub_category select{
        width:100%;
        height:100%;
        cursor:pointer;
        border:1px solid #eee;
    }

    /* 상품 정렬 */
    
    .product_list{
        width:100%;
        max-width:126rem;
        min-height:4.5rem;
        margin:auto;
        display:flex;
        flex-flow:wrap;
        justify-content: space-between;
        margin-top: 2rem;
        box-sizing: border-box;
    }
    @media all and (min-width:0px) and (max-width:700px){
        picture{
            margin-top: 0;
        }
        .product_list{
            display: grid;
            grid-template-columns: repeat(2, minmax(0, 1fr));
            column-gap: 2rem;
            row-gap: 2rem;
            margin-top: 2.5rem;
            padding-left: 4%;
            padding-right: 4%;
        }
        .product_list .product:empty{
            display: none;
        }
        .product_list .product{
            width: 100%;
            max-width: none;
            display: flex;
            flex-flow: column;

            cursor:pointer;
            margin-bottom: 0;

        }
        .product_list .product:hover .product_image img{
            opacity:0.85
        }
        .product_list .product .product_image{
            width:100%;
            height:auto;
        }
        .product_list .product .product_image img{
            width:100%;
            border:none
        }
        .product_list .product .product_title{
            font-size:1.5rem;
            color:#333;
            margin-top:1rem;
        }
        .product_list .product .product_sub_title{
            font-size:1.1rem;
            color:#969696;
        }
        .product_list .product .product_price{
            color:#333;
            font-size:1.6rem;
            margin-top:0.5rem;
        }
    }
    @media all and (min-width:700px) and (max-width:1260px){
        .product_list{
            display: grid;
            grid-template-columns: repeat(3, minmax(0, 1fr));
            column-gap: 2rem;
            row-gap: 2rem;
            padding-left: 4%;
            padding-right: 4%;
        }
        .product_list .product:empty{
            display: none;
        }
        .product_list .product{
            width: 100%;
            max-width: none;
            display: flex;
            flex-flow: column;
            cursor:pointer;
            margin-top: 0;
        }
        .product_list .product:hover .product_image img{
            opacity:0.85
        }
        .product_list .product .product_image{
            width:100%;
            height:auto;
        }
        .product_list .product .product_image img{
            width:100%;
            height:100%;
            border:none
        }
        .product_list .product .product_title{
            font-size:1.6rem;
            padding-top:8px;
            margin-top:1rem;
            color:black;
        }
        .product_list .product .product_sub_title{
            font-size:1.3rem;
            padding-top:4px;
            color:#969696;
        }
        .product_list .product .product_price{
            font-size:1.8rem;
            padding-top:0.5rem;
            color:black;
        }
    }
    @media all and (min-width:1260px){
        .product_list{
            display: flex;
            flex-flow: wrap;
            justify-content: space-between;
        }
        .product_list .product{
            width:30%;
            max-width:30rem;

            display: flex;
            flex-flow: column;

            cursor:pointer;
            margin-top:3rem;
        }
        .product_list .product:hover .product_image img{
            opacity:0.85
        }

        .product_list .product:empty{
            height:0;
        }
        .product_list .product .product_image{
            width:100%;
            height:auto;
        }
        .product_list .product .product_image img{
            width:100%;
            height:100%;
            border:none
        }
        .product_list .product .product_title{
            font-size:1.6rem;
            margin-top:1rem;
            color:black;
        }
        .product_list .product .product_sub_title{
            font-size:1.4rem;
            color:#969696;
        }
        .product_list .product .product_price{
            color:black;
            font-size:1.8rem;
            margin-top:0.5rem;
        }
    }