.search-wrap{
  width:100%;
  background:#f6f6f6;
  border-bottom:1px solid #d9d9d9;
}
.search-wrap > div{
  width:1170px;
  margin:0px auto;
  padding:40px 0;
}
.search-wrap > div > .search-title{
  float:left;
}
.search-wrap > div > .search-title > h3{
  font-size:18px;
  font-weight:600;
  color:#060b1f;
  margin-bottom:6px;
}
.search-wrap > div > .search-title > p{
  font-size:13px;
  color:#666666;
}
.search-wrap > div > .search-option{
  margin-top:8px;
  float:right;
}
.search-wrap > div > .search-option > label{
	position:relative;
	display:inline-block;
	font-size:12px;
  font-weight:500;
  color:#323232;
	vertical-align:middle;
  background:#fff;
}
.search-wrap > div > .search-option > label > select{
	width:190px;
	height:30px;
	border:1px solid #dadada;
  padding-left:5px;
  background:#fff;
}
.search-wrap > div > .search-option > label > select > option{
  background:#fff;
}
.search-wrap > div > .search-option > label:before{
  content:'>';
  display:inline-block;
  vertical-align:middle;
  font-size:10px;
  color:#828282;
  margin:0 12px;
}
.search-wrap > div > .search-option > label:first-child:before{
  display:none;
}
.search-wrap > div > .search-option > label:after{
  content:'';
  display:block;
  width:30px;
  height:28px;
  position:absolute;
  right:1px;
  top:1px;
  background-color:#fff;
  background-image:url(/public/img/list.png);
  background-position:10px -45px;
  pointer-events:none;
}
.search-wrap > div > .search-option > button{
  width:90px;
  height:30px;
  font-size:12px;
  color:#fff;
  background:#ff6252;
  vertical-align:top;
  margin-left:6px;
}
.list-count{
  margin:24px 0 10px 0;
}
.list-count > span{
  font-size:13px;
  font-weight:600;
  color:#666666;
}
.list-count > span > span{
  color:#e22310;
}
.list-count > label{
  font-size:13px;
  font-weight:600;
  color:#0b0b0b;
  vertical-align:middle;
}
.list-count > div > input{
  opacity:0;
  height:0px;
  width:0px;
  position:absolute;
  top:0;
  left:0;
}
.list-count > ul{
  float:right;
}
.list-count > ul > li{
  float:left;
}
.list-count > ul > li:before{
  content:'|';
  display:inline-block;
  font-size:10px;
  color:#adadad;
  vertical-align:middle;
  margin:0 6px;
}
.list-count > ul > li:first-child:before, .search_view{
  display:none;
}
.list-count > ul > li > a{
  font-size:13px;
  font-weight:600;
  color:#878787;
}
.list-count > ul > li > a:focus{
  color:#313131;
}
.list-count > div{
  display:inline-block;
  margin-left:3px;
  border: 1px solid rgb(207,207,207);
  border-radius: 3px;
  padding: 2 3;
}

.list-count > div > input[type="checkbox"] + label:before{
  content:'';
  display:inline-block;
  width:17px;
  height:13px;
  background-image:url(/public/img/list.png);
  margin-right:2px;
  vertical-align:middle;
}
.list-count > div > input[type="checkbox"]:checked + label:before{
  background-position:0px -22px;
}

.search_label{
    display: inline-block;
    max-width: 100%;
    font-weight: bold;
    color: rgb(139,139,139);
    line-height: 1.538;
    font-size: 13px;
    margin-bottom:0px;
}

.list-count > .map_modal{
  float:right;
  width:30px;
  height:30px;
  background-image:url(/public/img/list.png);
  background-position:-32px 0px;
}
/* map */  
.modal-map .uk-modal-dialog{
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  border-radius: 0px;
  padding:0 0 16px 0;
  width:1130px;
}
.modal-map h2{
  position:relative;
  font-size:20px;
  font-weight:600;
  color:#fff;
  background:#fc7e72;
  height:54px;
  line-height:54px;
  padding:0 16px;
}
.modal-map ul{
  text-align:center;
  margin:26px 0 13px 0;
}
.modal-map ul li{
  display:inline-block;
}
.modal-map ul li a{
  display:inline-block;
  font-size:18px;
  font-weight:600;
  padding:5px 19px;
  color:#474747;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  border:1px solid #e5e5e5;
  vertical-align:middle;
  background: rgb(255,255,255); /* Old browsers */
  background: -moz-linear-gradient(top,  rgba(255,255,255,1) 0%, rgba(242,242,242,1) 100%); /* FF3.6-15 */
  background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* Chrome10-25,Safari5.1-6 */
  background: linear-gradient(to bottom,  rgba(255,255,255,1) 0%,rgba(242,242,242,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f2f2f2',GradientType=0 ); /* IE6-9 */
}

.modal-map ul li a:before{
  content:'';
  display:inline-block;
  width:39px;
  height:39px;
  vertical-align:middle;
  background-image:url(../img/map/map_tap.png);
  transition:all 0.2s ease;
  -moz-transition:all 0.2s ease;
  -o-transition:all 0.2s ease;
  -webkit-transition:all 0.2s ease;
  margin-right:8px;
}
.modal-map ul li a.modal-tap-1:before{
  background-position:0 0;
}
.modal-map ul li a.modal-tap-2:before{
  background-position:-39px 0;
}
.modal-map ul li a.modal-tap-3:before{
  background-position:-78px 0;
}
.modal-map ul li a.modal-tap-4:before{
  background-position:-117px 0;
}

.modal-map ul li.active a.modal-tap-1:before{
  background-position:0 -39px;
}
.modal-map ul li.active a.modal-tap-2:before{
  background-position:-39px -39px;
}
.modal-map ul li.active a.modal-tap-3:before{
  background-position:-78px -39px;
}
.modal-map ul li.active a.modal-tap-4:before{
  background-position:-117px -39px;
}
.modal-map .modal_map{
  margin:0 16px 16px 16px;
  border:1px solid #c4c4c4;
  height:510px;
}
/* exit */
.uk-modal-close{
  width:23px;
  height:22px;
  position:absolute;
  top:16px;
  right:16px;
}
.uk-modal-close:after{
  content:'';
}
.uk-modal-close{
  background:url(/public/img/exit.png);
  padding:0;
  z-index:99;
  box-shadow:none;
  opacity:1;
}
/* clear */
.search-wrap > div:after{
  content:'';
  display:block;
  clear:both;
}

/* 반응형 */  
@media (max-width: 1199px) {
  .search-wrap > div{
    width:100%;
    padding:1.3em 1em;
  }
  .search-wrap > div > .search-title,
  .search-wrap > div > .search-option{
    float:none;
  }
  .search-wrap > div > .search-option > label:before{
    display:none;
  }
  .search-wrap > div > .search-option > label{
    width:calc(50% - 2px)
  }
  .search-wrap > div > .search-option > label:nth-child(3),
  .search-wrap > div > .search-option > label > select{
    width:100%;
  }
  .search-wrap > div > .search-option > button{
    width:100%;
    margin:0;
  }
  .modal-map .uk-modal-dialog{
    width:95%;
  }
}
@media (max-width: 767px){
  .search-wrap > div > .search-title > p{
    display:none;
  }
  .search-wrap > div > .search-option > label:after{
    display:none;
  }
}