@charset "utf-8";

#search {
  width: 100%;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: center;
  margin-bottom: 100px;
}

#search .wrap {
  width: 100%;
  max-width: 1400px;
  height: auto;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 50px;
}

#search .wrap .content {
  width: 100%;
  height: auto;
}


/* 전체검색결과 스킨 */
#sch_res_detail {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  justify-content: center;
  flex-wrap: wrap;
  gap: 50px;
  max-width: 900px;
  margin: 0 auto 50px;
}

#sch_res_detail .search_input_wrap {
  width: auto;
  height: auto;
  position: relative;
}

#sch_res_detail .search_input_wrap input {
  width: 400px;
  height: 40px;
  border-radius: 10px;
  border: 1px solid #888;
  padding: 0 20px;
  font-family: 'PB_M';
	font-weight: normal;
  font-size: 14px;
  color: #888;
}

#sch_res_detail .search_input_wrap button {
  width: auto;
  height: auto;
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  font-size: 20px;
  color: #888;
  border: none;
  background: none;
}

#sch_res_detail .search_filter_btns {
  width: 100%;
  height: auto;
  display: flex;
  align-items: center;
  border-radius: 20px;
  overflow: hidden;
  border: 1px solid #888;
}

#sch_res_detail .search_filter_btns button {
  width: 33.3333%;
  height: 50px;
  background: #fff;
  border: none;
  border-right: 1px solid #888;
  font-family: 'PB_B';
	font-weight: bold;
  font-size: 20px;
  color: #888;
}

#sch_res_detail .search_filter_btns button:last-of-type {
  border-right: 0;
}

#sch_res_detail .search_filter_btns button.active {
  background: #053863;
  color: #fff;
}

.search_summary {
  text-align: center;
  margin: 0 auto 50px;
  font-family: 'PB_B';
  font-size: 20px;
  color: #888;
}

.search_summary span:first-of-type {
  color: #053863;
}

.search_summary span:last-of-type {
  color: #E82F3D;
}

#sch_result .sch_res_list {
  width: 100%;
  height: auto;
  margin-bottom: 100px;
}

#sch_result .sch_res_list:last-of-type {
  margin-bottom: 0;
}

#sch_result .sch_res_list .rank {
  width: auto;
  height: auto;
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 30px;
  font-family: 'PB_B';
  font-weight: bold;
  font-size: 20px;
  position: relative;
}

#sch_result .sch_res_list .rank img {
  width: auto;
  height: auto;
}

#sch_result .sch_res_list .rank h3 {
  color: #000;
}

#sch_result .sch_res_list .rank span {
  color: #E8E8E8;
}

#sch_result .sch_res_list .rank span.more-btn {
  font-family: 'PB_B';
  font-size: 18px;
  color: #888;
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}

#sch_result .sch_res_list .rank h4 {
  color: #053863;
}

#sch_result {
  width: 100%;
  height: auto;
  max-width: 900px;
  margin: 0 auto;
}

.empty_list {
  font-family: 'PB_B';
  font-size: 20px;
  color: #888;
}


/* 검색 OR+ADN 버튼 */
.switch_field {display:inline-block;vertical-align:middle;padding:10px 5px}
.switch_field input {position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden}
.switch_field label {float:left}
.switch_field label {display:inline-block;width:50px;background-color:#fff;color:rgba(0, 0, 0, 0.6);font-size:1em;font-weight:normal;text-align:center;text-shadow:none;padding:6px 14px;border:1px solid #bbc0c6;
-webkit-box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1);
box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1);
-webkit-transition:all 0.1s ease-in-out;
-moz-transition:all 0.1s ease-in-out;
-ms-transition:all 0.1s ease-in-out;
-o-transition:all 0.1s ease-in-out;
transition:all 0.1s ease-in-out}
.switch_field label:hover {cursor:pointer}
.switch_field input:checked + label {background-color:#3a8afd;border:1px solid #3a8afd;color:#fff;-webkit-box-shadow:none;box-shadow:none}
.switch_field label:first-of-type {border-radius:4px 0 0 4px;border-right:0}
.switch_field label:last-of-type {border-radius:0 4px 4px 0}




.sch_res_list li {border-bottom:1px solid #ececec;background:#fff;position:relative}
.sch_res_list .pop_a {display:inline-block;background:#e8eeef;color:#6f777f;border-radius:50%;text-align:center;width:26px;height:26px;line-height:26px}
.sch_res_list .sch_info {padding:10px 0;color:#777}
.sch_res_list .sch_info:after {display:block;visibility:hidden;clear:both;content:""}
.sch_res_list .profile_img img {border-radius:50%}
.sch_res_list .sch_datetime {margin-left:5px}
.sch_more {position:absolute;right:0;top:5px;text-align:right;font-weight:normal;color:#3a8afd}



.sch_res_list ul {
  width: 100%;
  height: auto;
  display: flex;
  flex-wrap: wrap;
  gap: 30px;
}

.sch_res_list ul li {
  width: 100%;
  height: auto;
  padding: 30px;
  border-radius: 20px;
  border: 1px solid #888;
  position: relative;
  cursor: pointer;
}

.sch_res_list ul li .type {
  width: auto;
  height: 20px;
  border-radius: 5px;
  background: #053863;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  padding: 0 10px;
  font-family: 'PB_R';
  font-size: 14px;
  color: #fff;
  margin-bottom: 20px;
  white-space: nowrap;
}

.sch_word {
  font-family: 'PB_B';
  color: #053863;
}

.sch_res_list ul li .sch_res_title {
  font-family: 'PB_B';
	font-weight: bold;
  font-size: 18px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  display: block;
  margin-bottom: 20px;
}

.sch_res_list .search_group {
  margin-bottom: 50px;
}

.sch_res_list .search_group:last-of-type {
  margin-bottom: 0;
}

.sch_res_list ul li p {
  font-family: 'PB_R';
  font-weight: normal;
  font-size: 16px;
  color: #888;
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
}

@media (max-width: 1400px) {
  #search .wrap {
    max-width: 90%;
  }
}

@media (max-width: 900px) {
  #sch_res_detail .search_filter_btns button {
    height: 40px;
    font-size: 18px;
  }
}

@media (max-width: 700px) {
  #sch_res_detail .search_filter_btns button {
    font-size: 16px;
  }

  #sch_result .sch_res_list .rank {
    font-size: 16px;
  }

  #sch_result .sch_res_list .rank img {
    height: 18px;
  }

  #sch_result .sch_res_list .rank span.more-btn {
    font-size: 16px;
  }

  .sch_res_list ul li {
    padding: 20px;
  }

  .sch_res_list ul li .type {
    font-size: 12px;
    margin-bottom: 10px;
  }

  .sch_res_list ul li .sch_res_title {
    font-size: 16px;
    margin-bottom: 10px;
  }

  .sch_res_list ul li p {
    font-size: 14px;
  }
}

@media (max-width: 500px) {
  #sch_res_detail .search_input_wrap input {
    width: 100%;
    height: 35px;
    padding: 0 10px;
    font-size: 12px;
  }

  #sch_res_detail .search_input_wrap button {
    right: 10px;
    font-size: 15px;
  }

  #sch_res_detail {
    gap: 30px;
  }

  #sch_res_detail .search_filter_btns button {
    height: 30px;
    font-size: 12px;
  }

  #sch_res_detail .search_filter_btns {
    border-radius: 5px;
  }

  .search_summary {
    font-size: 16px;
  }

  .empty_list {
    font-size: 16px;
  }
}

@media (max-width: 400px) {
  #sch_res_detail .search_input_wrap input {
    height: 30px;
    border-radius: 5px;
  }

  #sch_res_detail .search_filter_btns button {
    height: 25px;
    font-size: 10px;
  }

  #sch_result .sch_res_list .rank {
    font-size: 14px;
    margin-bottom: 20px;
  }
  
  .sch_res_list ul li .type {
    height: 15px;
    font-size: 9px;
  }

  .sch_res_list ul li .sch_res_title {
    font-size: 12px;
  }

  .sch_res_list ul li p {
    font-size: 10px;
  }

  .sch_res_list ul li {
    border-radius: 10px;
  }

  .sch_res_list ul li .hover {
    width: 40px;
    height: 25px;
    font-size: 12px;
  }

  #sch_result .sch_res_list {
    margin-bottom: 50px;
  }

  .search_summary {
    font-size: 14px;
  }

  .empty_list {
    font-size: 14px;
  }

  #sch_result .sch_res_list .rank span.more-btn {
    font-size: 14px;
  }
}