@charset "utf-8";

/* 전체검색결과 스킨 */
#sch_res_detail {background:#f7f7f7;padding:30px;text-align:center;margin:0 0 10px}
#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:175px;height:45px;padding:0 5px;border-radius:3px}
#sch_res_detail .frm_input {border:1px solid #d0d3db;width:300px;height:45px;border-radius:0;border-radius:3px}
#sch_res_detail .sch_wr {position:relative;display:inline-block}
#sch_res_detail .btn_submit {padding:0 10px;height:45px;width:88px;font-size:1.083em;font-weight:bold;color:#fff;background:#434a54}

/* 검색 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_ov {text-align:center;zoom:1;height:55px;line-height:55px;background:#edf3fc;border-radius:5px;border:1px solid #d6e2f4;margin-bottom:15px;padding:0 20px}
#sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_ov h2 {float:left;display:inline-block;font-size:1.25em;color:#293d58;font-weight:normal}
#sch_res_ov h2 strong {color:#ff005a}
#sch_res_ov ul {display:inline-block;float:right;line-height:12px;font-size:0.92em;color:#5977a4;margin-top:20px}
#sch_res_ov ul:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_ov li {float:left;margin-right:5px;padding-right:5px;border-right:1px solid #5977a4}
#sch_res_ov li:last-child {margin:0;padding:0;border:0}

.sch_res_list {position:relative;margin-bottom:10px}
.sch_res_list .search_board_result{position:relative}
.sch_res_list h2 {margin:0 0 15px;font-size:1.2em}
.sch_res_list ul {margin:0 0 20px 0;padding:0;list-style:none}
.sch_res_list li {background:#fff;position:relative}
.sch_res_list .sch_tit {display:block;padding:20px 0 10px}
.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_title {display:inline-block;margin:0 0 5px;font-size:1.2em}
.sch_res_list p {padding-bottom:10px;color:#666;line-height:1.5em}
.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}

/**********************
여기서부터 빌더전용 CSS입니다.
스킨작업은 가급적 CSS를 수정하지마시고,
주석 후 새로 라인을 추가해주세요.
************************/

.rb_serch_skin {}
#container_title {display:none;}
.rb_serch_skin .rb_faq_sub_tit {font-size: 14px; text-align: center; margin-top: 20px; line-height: 130%;}
.rb_serch_skin .faq_ser_wrap {width: 400px; margin: 0 auto; position: relative; margin-top: 50px;}
.rb_serch_skin .faq_ser_wrap input {width: 100%; height:60px; border-radius: 60px; border:1px solid var(--rb-main-color); color:var(--rb-main-color); font-size: 16px; padding-left: 30px; padding-right: 60px; box-sizing: border-box;}
.rb_serch_skin .faq_ser_wrap button {position: absolute; top:20px; right:30px;}

.rb_serch_skin .no_data {border-top:1px solid #ddd;}

.rb_serch_skin #faq_con .con_inner .closer_btn {color:var(--rb-main-color);}
.rb_serch_skin #faq_wrap li h3.faq_li_open a {color:#000; font-family:'font-B',sans-serif;}
.rb_serch_skin #faq_wrap li h3 {font-family:'font-R',sans-serif; font-size: 18px; font-weight: normal; min-height: 60px; padding-top: 20px; padding-bottom: 20px;}
.rb_serch_skin #faq_wrap li h3 .tit_bg {font-family:'font-B',sans-serif; top:18px; font-size: 24px;}
.rb_serch_skin #faq_wrap li h3 .tit_btn {top:20px;}
.rb_serch_skin #faq_con .con_inner .closer_btn {top:20px;}
.rb_serch_skin #faq_con .con_inner {padding-top: 0px;}
.rb_serch_skin #faq_con .con_inner img {max-width:100%;}

.rb_serch_skin .btns_gr_wrap .btns_gr .fl_btns {width: 50px; height:50px; border:1px solid #ddd; background-color: #fff; border-radius: 6px; text-align: center; margin-bottom: 10px; position: relative; display: block; line-height: 45px;}
.rb_serch_skin .btns_gr_wrap .btns_gr .fl_btns:hover {border-color:var(--rb-main-color);}

.rb_serch_skin .rb_faq_sub_tit select {height: 35px;border-radius: 6px;padding-left: 15px;padding-right: 15px; width: 135px;}
.rb_serch_skin #bo_cate_ul .cnt_cmt {color:#999 !important;display:none;}
.rb_serch_skin #sch_res_ov {display:flex;align-items:center;justify-content:space-between;height:auto;margin:26px 0 30px;padding:0 0 18px;border:0;border-bottom:1px solid #eee;border-radius:0;background:transparent;text-align:left;line-height:1.4;}
.rb_serch_skin .sch_res_list .sch_datetime {font-size: 12px;}
.rb_serch_skin #sch_res_ov h2 {color:#999; line-height: 1.4; margin-bottom: 0px;}
.rb_serch_skin #sch_res_ov h2 strong {color:#000;}
.rb_serch_skin #sch_res_ov ul {float:none;display:flex;gap:8px;margin:0;color:#8a94a3;font-size:13px;line-height:1.4;}
.rb_serch_skin #sch_res_ov li {float:none;margin:0;padding:0;border:0;}
.rb_serch_skin #sch_res_ov li + li::before {content:"|";margin-right:8px;color:#c5cbd3;}
.rb_serch_skin .sch_res_list {}
.rb_serch_skin .pop_a_blank {color:#999; font-size: 12px; word-break: keep-all;}
.rb_serch_skin .pop_a_blank:hover {color:#000;}
.rb_serch_skin .sch_res_list .search_board_result {margin-bottom: 30px;}
.rb_serch_skin .content-divider {display:flex;align-items:center;margin-top:30px}
.rb_serch_skin .content-divider::before, .rb_serch_skin .content-divider::after {content:"";flex:1;height:1px;background:#eee}
.rb_serch_skin .content-more-btn {display:flex;align-items:center;flex:0 0 auto;gap:6px;height:32px;margin:0 16px;padding:0 8px;border:0;border-radius:8px;background:transparent;color:#999;font-size:14px;cursor:pointer;white-space:nowrap}
.rb_serch_skin .content-more-btn:hover, .rb_serch_skin .content-more-btn:focus {background-color:#f5f5f5;color:#000}
.rb_serch_skin .content-more-btn::after {content:"";display:block;flex:0 0 18px;width:18px;height:18px;background-color:currentColor;-webkit-mask:url("/theme/rb.basic/skin/board/rb.bbs/img/chev.svg?v=1") center/18px 18px no-repeat;mask:url("/theme/rb.basic/skin/board/rb.bbs/img/chev.svg?v=1") center/18px 18px no-repeat}
.rb_serch_skin .content-more-btn[hidden] {display:none!important}
.rb_search_related {display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:20px 0 0;padding-top:20px;border-top:1px solid #eee}
.rb_search_related strong {margin-right:4px;color:#999;font-size:13px}
.rb_search_related a {display:inline-flex;align-items:center;height:30px;padding:0 13px;border:1px solid #e5e8ef;border-radius:30px;color:#666;font-size:13px;background:#fff}
.rb_search_related a:hover {border-color:#25282B;color:#25282B}

.rb_serch_skin .search_board_result .search_video_gallery .gallery-list {grid-template-columns:repeat(4, minmax(0, 1fr));}
@media all and (max-width:1024px) {
    .rb_serch_skin .search_board_result .search_video_gallery .gallery-list {grid-template-columns:repeat(3, minmax(0, 1fr));}
}
@media all and (max-width:768px) {
    .rb_serch_skin .search_board_result .search_video_gallery .gallery-list {grid-template-columns:repeat(2, minmax(0, 1fr));}
}

/* } */
