@charset "utf-8";

/* Select box 스타일 초기화 */ 
select {
  -webkit-appearance: none;
     -moz-appearance: none;
          appearance: none;
}

/* IE 에서 Select box 화살표 제거 */ 
select::-ms-expand { display: none; }

/* 전체검색결과 스킨 */
#sch_res_detail {background:#f7f7f7;margin-bottom: 10px; display: flex; align-items: center; justify-content: center; gap: 5px; padding: 10px 16px; flex-wrap: wrap;}
#sch_res_detail legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
#sch_res_detail select {border:1px solid #d0d3db;width:120px;height:45px;padding:0 10px; background-image: url(../../../img/common/chevron-down.svg);background-position: center right 10px;background-repeat: no-repeat;}
#sch_res_detail .frm_input {border:1px solid #d0d3db;width:260px;height:45px;border-radius:0; padding-left: 10px;}
#sch_res_detail .sch_wr {display: flex;  gap: 10px; flex-wrap: wrap;}
#sch_res_detail .btn_submit {padding:0 10px;height:45px;width:92px;font-size:1.125rem;color:#fff;background:#434a54;display: flex; align-items: center; gap: 5px;}
#sch_res_detail .btn_submit i{
  display: inline-block;
  background-image: url(../../../img/common/search_w.svg);
  width: 20px;
  height: 20px;
}

/* 검색 OR+ADN 버튼 */
.switch_field {display: flex;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 {display:inline-block;width:60px;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_ov {background:#edf3fc;border-radius:5px;border:1px solid #d6e2f4;margin-bottom:15px;padding:15px 20px; display: flex; justify-content: space-between;}
#sch_res_ov h2 {font-size:1.25rem;color:#293d58;font-weight:normal}
#sch_res_ov h2 strong {color:#ff005a}
#sch_res_ov ul {font-size:0.875rem;color:#5977a4;display: flex; gap: 8px; align-items: center;}
#sch_res_ov li {padding-left:8px; position: relative;}
#sch_res_ov li+li::after {
  content: '';
  position: absolute;
  width: 1px;
  height: 0.625rem;
  border-right:1px solid #5977a4;
  top: 50%;
  left: -1px;
  transform: translateY(-50%);
  opacity: 0.5;
}

#sch_res_board {margin-bottom:28px}
#sch_res_board h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sch_res_board li {display:inline-block;padding:2px}
#sch_res_board a {display:block;padding:5px 15px;border-radius:2rem;border:1px solid #ddd;color:#666}
#sch_res_board a:focus, #sch_res_board a:hover {text-decoration:none;background:#3a8afd;color:#fff;border-color: #3a8afd;}
#sch_res_board .cnt_cmt {font-weight:normal !important;display:inline-block;margin-left:3px;color:#666;font-size:1rem}
#sch_res_board a:hover .cnt_cmt {color:#fff}
#sch_res_board .sch_on {z-index:2;background:#3a8afd;color:#fff;border:1px solid #3a8afd;  
-webkit-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
-moz-box-shadow: inset 0 2px 5px rgb(33, 135, 202);
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}
#sch_res_board .sch_on .cnt_cmt{
  color: #fff;
}
#sch_res_board  strong{
  font-weight: normal;
}
.sch_res_list {position:relative;margin-bottom:10px}
.sch_res_list .search_board_result{position:relative}
.sch_res_list .search_board_result + .search_board_result{
  padding-top: 20px;
}
.sch_res_list h2 {font-size:1.125rem}
.sch_res_list h2 span{ font-size: 0.875rem; font-weight: normal;color: #999;}
.sch_res_list ul {margin:0 0 20px 0;padding:0;list-style:none;border-top:1px solid #ececec}
.sch_res_list li {border-bottom:1px solid #ececec;position:relative}
.sch_res_list .sch_tit {display:flex;padding:20px 0 10px;gap: 10px;}
.sch_res_list .pop_a {background:#fafafa;border-radius:50%;width:28px;height:28px;border: 1px solid #eee;transition: 0.2s all ease-out;}
.sch_res_list .pop_a:hover {background:#fff;border-color: #ddd;box-shadow: 0 4px 6px rgba(0, 0, 0, 0.2);}
.sch_res_list .pop_a i{
  display: block;
  width: 26px;
  height: 26px;
  background-image: url(../../../img/common/launch_black.svg);
  background-size: 20px;
  background-repeat: no-repeat;
  background-position: center;
}
.sch_res_title {display:inline-block;margin:0 0 5px;font-size:1.125rem}
.sch_res_list p {padding-bottom:10px;color:#666;line-height:1.5em}
.sch_res_list .sch_info {padding:10px 0;color:#999; display: flex; justify-content: space-between;}
.sch_res_list .profile_img img {border-radius:50%}
.sch_res_list .sch_datetime {margin-left:5px}
.sch_more {color:#333; border: 1px solid #eee; width: 36px; height: 36px; display: flex; align-items: center; justify-content: center; font-size: 1.5rem;
  background-image: url(../../../img/common/plus.svg); background-position: center; background-repeat: no-repeat;background-size: 26px;}
.mobile_menu_box{display: none;}
#container_title span{
  padding-bottom: 0;
}
.search_top{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin-bottom: 10px;
}
@media (max-width: 992px){
  #container_title{
    margin-top: 64px;
  }
  #sch_res_detail .frm_input, #sch_res_detail select, #sch_res_detail .sch_wr, #sch_res_detail .btn_submit{
    height: 40px;
  }
}
@media (max-width:575px){	
  #sch_res_detail .sch_wr{
    gap: 5px;
  }
  #sch_res_detail .frm_input{
    width: calc(100% - 97px);
  }
  #sch_res_detail select{
    width: calc(50% - 3px);
  }
  .switch_field{
    padding: 0;
  }
  #sch_res_ov{
    flex-direction: column;
    padding: 10px 20px;
  }
  #sch_res_ov ul{
    margin-top: 4px;
  }
  #sch_res_ov li:first-child{
    padding-left: 0;
  }
  .fontSize_2 .switch_field label, .fontSize_3 .switch_field label{
    width: 76px;
  }
  .switch_field label{
    padding: 0.125rem 10px;
  }
}