.slide_box{
            position: relative;
            width:100%;
            height:400px;

             margin-top:134px;
        }
        .gray_bar{
            width:100%;
            height:50px;
            background:#fafafa;
          
        }
         
    /* ------------------------------------------------------- */
    .content{
        width:1200px;
        margin: 0 auto;
        text-align: center;
        margin-top:60px;
        /* background:#ccc; */
        margin-bottom: 120px;
    }
  
    .section1{
        width:220px;
        float:left;
        /* background:pink; */
        position: relative;
        
    }
    .section1-1{
        width:220px;
        height:50px;
        background:#fff;
        /* border:1px solid #bbb; */
        box-sizing: border-box;
        text-align: left;
    }
    .section1-1 > p{
        font-size:14px;
        margin-bottom:10px;
    }
    .section1-1 >span.category_name{
        font-size:26px;
        font-weight: bold;
    }
    .section1-1 >span:last-child{
        font-size:14px;
        color:#393939;
        font-weight: bold;
        margin-left:10px;
     
    }
    .section1-2{
        width:220px;
       
        background:#fff;
        /* border:1px solid #bbb; */
        box-sizing: border-box;
        margin-top:50px;
    }
    .section1-2 > ul{
        width:100%;
        list-style: none;
       
        text-align: left;
    }
   
    .section1-2 > ul > li{
        width:100%;
        padding:15px 18px;
        border-bottom:1px solid #bbb;
        box-sizing: border-box;
        background:#fff;
        cursor: pointer;
        line-height: 18px;
        list-style: none;
        font-weight: bold;
        list-style: none;
        text-decoration: none;
        position: relative;
    }

    .section1-2 > ul > li > a{
    
        width:100%;
        height:45px;
        text-decoration: none;
        font-weight: bold;
        color:#000;
    }
    .section1-2 > ul > li:nth-child(1),
    .section1-2 > ul > li:nth-child(2){
        background:#000;
        color:#fff;
    }
    .section1-2 > ul > li:nth-child(1) a,
    .section1-2 > ul > li:nth-child(2) a{
        color:#fff;
    }

    .product > li{
        padding:5px;
        list-style: none;
    }
    .section1-2 .product > li >a{
        font-weight: normal;
        color:#000;
        font-size: 14px;
        border-bottom:none;
        list-style: none;
        text-decoration: none;
    }

    .product{
        display: none;
        margin-top:10px;
    }
  
   /* ---------------------------------------- */
    .section2{
        width:950px;
        float: right;
        margin-top:24px;
        position: relative;
    } 
    .filter{
        width:100%;
        height:50px;
        background:#fff;
        border:1px solid #ccc;
       
        text-align: right;
        padding:8px 16px 8px;
        box-sizing: border-box;
    }
    .filter > p{
        display: inline-block;
        /* width:100%; */
        /* height:50px; */
        text-align: left;
        font-weight: bold;
     
    }
    select{
        float: right;
        width:150px;
        height:34px;
        padding:0 20px 0 20px;
        font-size:15px;
        border:1px solid #ccc;
        color:#595959;
        font-family: 'Noto Sans KR', sans-serif;
        background:url('img/list_down.png') no-repeat;
        background-position: right;
        background-size: contain;
        -moz-appearance:none; /* Firefox */
        -webkit-appearance:none; /* Safari and Chrome */
        
    }
    select::-ms-expand{
    display:none /* 화살표 없애기 for IE10, 11*/
       }
    .thumb_section{
        width:100%;
        
        margin-top:25px;
    }
    .thumbnail{
        width:100%;   
        height:359px;
        margin-bottom:24px;
        padding:10px;
        box-sizing: border-box;
    }
    
    .thumb_sec{
        width: calc((100% - (10px * 3)) / 4);
        background:#fff;
        float: left;
        margin-right:10px;
        box-sizing: border-box;
        text-align: left;
    }
    .thumb_relative1{
        position: absolute;
        left:2.5px;
        box-sizing: border-box;
    }
   .thumb_relative2{
       position: absolute;
       left:242.5px;
       box-sizing: border-box;   
   }
   .thumb_relative3{
       position: absolute;
       left:482.5px;
       box-sizing: border-box;
   }
   .thumb_relative4{
       position: absolute;
       left:722.5px;
       box-sizing: border-box;
   }
   .thumb_relative1 > div{
       position: absolute;
       top:0;
       left:0;
   }
   .thumb_relative2 > div{
       position: absolute;
       top:0;
       left:0;    
   }
   .thumb_relative3 > div{
       position: absolute;
       top:0;
       left:0;    
   }
   .thumb_relative4 > div{
       position: absolute;
       top:0;
       left:0;    
   }
    ul.another_color{
        width: 100%;
        height:70px;
      
        /* background:yellowgreen; */
        display: none;
        list-style: none;
        text-align: center;
    }
    ul.another_color > li{display:inline-block;}
    ul.another_color > li img{
        width:70px;
        height:70px;
    }
    .product_info{
        position: relative;
        bottom:0;
        padding:0 10px 10px 10px;
        box-sizing: border-box;
    }
    .thumb_sec:last-child{
        margin-right:0;
    }
    p.product_name{
      
        font-weight: bold;
        font-size: 14px;
        margin-top:10px;
    }
    p.product_subname{
        color:#777;
        font-size:14px;
    }
    .product_namewrap{
        width:100%;
        height:70px;
    }
    p.new{
        width:60px;
        height:25px;
        text-align: left;
        margin-top:6px;
        box-sizing: border-box;
        background:#e72b1e;
        text-align: center;
        float: left;
        color:#fff;
    }
    .cost{
        width:100%;
        height:30px;
        text-align: right;
        /* margin-top:20px; */
        box-sizing: border-box;

        position: relative;
    }
    .thumb_sec span{
       
        display: inline-block;
        
        color:#000;
        font-weight: bold;
    }
    .thumb_sec div.sale{
        display: inline-block;
        font-size:25px;
        font-weight: bold;
        color:#e72b1e;
        margin-right:4px;
        margin-left:2px;
        box-sizing: border-box;
    }
    .thumb_sec span.won{
        margin-top:12px;
        display: inline-block;
       
        color:#777;
        font-size:14px;
        font-weight: normal;
        
    }
    .strike{
        font-size:14px;
        color:#9c9c9c;
        position: absolute;
        right:10px;
        bottom:20px;
        text-decoration: line-through;
        
    }
    .thumb_sec {
        transition: all .4s ;
        cursor: pointer;
       
        box-sizing: border-box;
    } 
 
    .thumb{transition: all .1s}
    .thumb_sec:hover .another_color{
        display: block;
    }
    .thumb_sec:hover .thumb{
        background:#fff;
        box-shadow: 0 0 4px 0 rgba(0,0,0,0.2);
        z-index: 995;
    }
   
    .thumb_sec:hover .product_info{
      
        padding:0 20px 20px 20px;
       
        box-sizing: border-box;
    }
    .category_onoff{
        width:20px;
        height:20px;
        display: inline-block;
        position: absolute;
        right:0;
        top:13px;
        margin-right: 15px;
        background:url('img/list_onoff.png') no-repeat;
    }
    .category_onoff.close{
        background-position: -19px 0;
    }