/* 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;}*/

.detail_txt{float:left;/* width:930px; */margin-left: 150px;font-size:16px;color:#555;line-height:28px;}


.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;
}