/* Parameter Search */
/*.product_category li {width:100%; overflow:hidden;}*/
@media screen and (max-width : 1024px) {
    /* Parameter Search */
    /*.product_category li {width:100%; overflow:hidden;}*/
    .parameter_active {display: flex; -ms-flex-direction: column; flex-direction: column; opacity: 0.3;}
    .product_group {position: relative;float: right;width: 300px;padding-bottom: 0;background: #fff;padding: 20px;}
    .product_search_header {background:#fff; width: 1200px; margin: auto; }
    .bx-clone {float: none; list-style: none; position: relative; width: 338px; margin-bottom: 22px;}
    .product_search_header .title{font-size: xx-large;color: #003d90}
    .filter-fields{display: grid; height: 180px; padding: 5px;}
    .filter-fields_slider{display: grid;float: left; width: 100%}
    .filter-fields_type2{display: grid;float: left;width: 15%; height: 180px; padding: 5px;}

    [slider] {position: relative; height: 5px; margin: 72px 0 10px -45px; transform: rotate(90deg);}
    [slider] > div {position: absolute;left: 13px;right: 15px;height: 5px;}
    [slider] > div > [inverse-left] {position: absolute;left: 0;height: 5px;border-radius: 10px;background-color: #CCC;}
    [slider] > div > [inverse-right] {position: absolute;right: 0;height: 5px;border-radius: 10px;background-color: #CCC;}
    [slider] > div > [range] {position: absolute;left: 0;height: 5px;border-radius: 14px;background-color: #003d90;}
    [slider] > div > [thumb] {position: absolute;top: -3px;z-index: 2;height: 10px;width: 10px;text-align: left;margin-left: -5px;cursor: pointer;box-shadow: 0 3px 8px rgba(0, 0, 0, 0.4);background-color: #FFF;border-radius: 50%;outline: none;}
    [slider] > input[type=range] {position: absolute;pointer-events: none;-webkit-appearance: none;z-index: 3;height: 14px;top: -2px;width: 100%;opacity: 0;}

    div[slider] > input[type=range]:focus::-webkit-slider-runnable-track {background: transparent;border: transparent;}
    div[slider] > input[type=range]:focus {outline: none;}
    div[slider] > input[type=range]::-webkit-slider-thumb {pointer-events: all;width: 28px;height: 28px;border-radius: 0px;border: 0 none;background: red;-webkit-appearance: none;}

    div[slider] > input[type=range]::-ms-fill-lower {background: transparent;border: 0 none;}
    div[slider] > input[type=range]::-ms-fill-upper {background: transparent;border: 0 none;}
    div[slider] > input[type=range]::-ms-tooltip {display: none;}

    [slider] > div > [sign] {position: absolute;margin-left: -11px;top: -39px;z-index:3;background-color: #f5f5f5;color: #00004f;width: 28px;height: 28px;border-radius: 28px;-webkit-border-radius: 28px;align-items: center;-webkit-justify-content: center;justify-content: center;text-align: center;transform: rotate(270deg);}
    /*[slider] > div > [sign]:after {position: absolute;content: '';left: 0;border-radius: 16px;top: 19px;border-left: 14px solid transparent;border-right: 14px solid transparent;border-top-width: 16px;border-top-style: solid;border-top-color: #003d90;}*/
    [slider] > div > [sign] > span {font-size: 12px;font-weight: 700;line-height: 28px;}
    [slider]:hover > div > [sign] {opacity: 1;}

    .category_txt h3 span {margin-right:9px;}

    /*.loading{width:100%;left:0px;background:#fff;z-index:1000;} !* 이 값으로 레이어의 위치를 조정합니다. *!*/
    /*.loading > img {position: absolute;top: 50%;left: 50%;z-index: 99999;}*/

    /*.search{background-color: #f5f5f5; border:1px solid #eaeaea;}*/
    /*.search {float:right; width:80%; }*/
    .search p{position:relative; width:100%; height:100px; margin-top:0 ; line-height:100px; /* background:#92989d; */ border-bottom: 1px solid #dddddd; margin-bottom:1px; font-weight:normal;}
    .search p img {position:absolute; top:45px; right:22px;  transition-duration: 0.3s}
    .search p a {color:#555555; font-size:26px; padding-left:19px; font-weight: bold;}
    .search p:hover a{color: #1d85ca}
    .search p.on img {transform:rotate(90deg);}
    .search p.on a{color: #1d85ca}
    .search p:hover img {transform:rotate(90deg); transition-duration: 0.3s}
    .search dl{width:100%; border-bottom:1px solid #eaeaea; border-top:0; padding:11px 29px;}
    .search ul {height: 200px; display: none; width:100%; border-bottom:1px solid #eaeaea; border-top:0; padding:11px 29px;}
    .search ul li{position: relative; padding-left: 20px;font-size: 15px;line-height: 40px;color: #333333;}
    .search ul li::before{line-height:29px; margin-bottom:1px; letter-spacing:-0.1px;     content: ''; width: 3px; height: 3px; background: #0D4189; position: absolute;left: 5px; top: 18px;}
    .search ul li span{color: #1d85ca; margin-right: 20px; font-weight: bold;}
    .search ul li a {font-size:14px; color:#636d7a; }

    .product_result{margin-top: 30px; margin-bottom: 30px;}
    #title{font-size: 24px;font-weight: 700;color: #000;margin-top: 14px;margin-bottom: 12px;}
    /*.category_group{display: inline-block;margin: 10px 0;}*/

    .grid__header-labels .header-label {
        -ms-flex: 1 1 auto;
        flex: 1 1 auto;
        min-height: 0;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: row;
        flex-direction: row;
        -ms-flex-align: end;
        align-items: flex-end;
        padding: 0 8px 0 15px;
    }
    .search table th .grid__header-labels {
        height: 100%;
    }
    .grid__header-labels {
        padding: 0;
        border-bottom: 4px solid #d8d8d8;
        position: relative;
        display: -ms-flexbox;
        display: flex;
        -ms-flex-direction: column;
        flex-direction: column;
    }
    .search table {
        width: 100%;
        margin-bottom: 20px;
        margin-top: 20px;
    }

    /*#product_result_list tbody:before {*/
    /*    !* This doesn't work because of border-collapse *!*/
    /*    line-height:1em;*/
    /*    content:".";*/
    /*    color:white; !* bacground color *!*/
    /*    display:block;*/
    /*}*/

    .filter_body {
        padding: 0px 10px;
        height: 140px;
        overflow-y: auto;
        overflow-x: hidden;
    }

    .radio label, .checkbox label {
        min-height: 20px;
        padding-left: 20px;
        margin-bottom: 0;
        font-weight: normal;
        cursor: pointer;
    }

    .checkbox .checkbox-check, .checkbox .radio-check, .radio .checkbox-check, .radio .radio-check {
        position: absolute;
        width: 12px;
        height: 12px;
        box-sizing: border-box;
        border: 1px solid #757575;
        top: 3px;
        left: 0;
    }

    .search{border-collapse:collapse; width:100%}
    .search thead{float:left; width:890px;}
    .search tbody{overflow-y:auto; overflow-x:hidden; float:left; width:890px; height:100px}
    .search tbody tr{display:table; width:890px;}
    .search td{width:100px}

    /*toggle*/
    .switch {
        position: relative;
        display: inline-block;
        width: 60px;
        height: 34px;
        left: 30%;
        margin-top: 10px;
    }

    .switch input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .slider {
        position: absolute;
        cursor: pointer;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #ccc;
        -webkit-transition: .4s;
        transition: .4s;
    }

    .slider:before {
        position: absolute;
        content: "";
        height: 26px;
        width: 26px;
        left: 4px;
        bottom: 4px;
        background-color: white;
        -webkit-transition: .4s;
        transition: .4s;
    }

    input:checked + .slider {
        background-color: #2196F3;
    }

    input:focus + .slider {
        box-shadow: 0 0 1px #2196F3;
    }

    input:checked + .slider:before {
        -webkit-transform: translateX(26px);
        -ms-transform: translateX(26px);
        transform: translateX(26px);
    }

    /* Rounded sliders */
    .slider.round {
        border-radius: 34px;
    }

    .slider.round:before {
        border-radius: 50%;
    }

    .filter-group {
        margin-bottom: 15px;
        margin-top: 15px;
    }
}