@charset "utf-8";

/* 전체검색결과 스킨 */
#sch_res_detail {background:#2b2b2b;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:#5d910b ;border:1px solid #5d910b ;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:#ffd401;
    border-radius:5px;
    border:1px solid #ffe14a;
    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:16px;color:#000000;font-weight:normal}
#sch_res_ov h2 strong {color:#5d910b}
#sch_res_ov h3 {float:left;display:inline-block;font-size:14px;color:#000000;font-weight:normal}
#sch_res_ov h3 strong {color:#5d910b}

/* 결과 홈 우측 */
#sch_res_ov ul {display:inline-block;float:right;line-height:12px;font-size:0.92em;color:#000000;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_board {margin-bottom:10px; background:none;}
#sch_res_board h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sch_res_board ul {zoom:1}
#sch_res_board ul:after {display:block;visibility:hidden;clear:both;content:""}
#sch_res_board li {display:inline-block;padding:2px}
#sch_res_board a {display:block;line-height:18px;padding:5px 15px;border-radius:20px;border:1px solid #5d910b ;color:#6794d3}
#sch_res_board a:focus, #sch_res_board a:hover {text-decoration:none;background:#5d910b ;color:#fff}
#sch_res_board .cnt_cmt {font-weight:normal !important;display:inline-block;margin-left:3px;color:#070707;line-height:18px;font-size:0.92em}
#sch_res_board a:hover .cnt_cmt {color:#fff}
#sch_res_board .sch_on {z-index:2;background:#5d910b ;color:#fff;font-weight:bold;border:1px solid #5d910b ;
-webkit-box-shadow: inset 0 2px 5px rgb(89, 189, 22);
-moz-box-shadow: inset 0 2px 5px rgb(72, 202, 33);
box-shadow:inset 0 2px 5px rgb(72, 202, 33)}
/* 검색 결과 리스트 */
.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;border-top:1px solid #ececec}
.sch_res_list li {border-bottom:1px solid #ececec;background:none;position:relative}
.sch_res_list .sch_tit {display:block;padding:20px 0 10px}
.sch_res_list .pop_a {display:inline-block;background:#e8eeef;color:#303030;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:#303030;line-height:1.5em}
.night-mode .sch_res_list p {padding-bottom:10px;color:#3d3d3d;line-height:1.5em}

.sch_res_list .sch_info {padding:10px 0;color:#303030}
.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:#5d910b }

.search_result_item {
    list-style: none;
    margin-bottom: 20px; /* 각 항목 사이의 간격 조정 */
    display: flex; /* 이미지와 내용을 가로로 배치 */
    align-items: flex-start; /* 내용이 상단에 정렬되도록 설정 */
    position: relative; /* 부모 요소를 기준으로 자식 요소를 배치 */
}

.search_result_thumbnail {
    flex: 0 0 auto; /* 이미지는 고정된 크기를 가짐 */
    position: relative; /* 썸네일 내부에 아이콘을 배치할 수 있도록 설정 */
}

.search_result_thumbnail img {
    max-width: 100%; /* 썸네일 이미지가 부모 요소 너비에 맞춰짐 */
    height: auto; /* 가로 세로 비율 유지 */
    display: block; /* 이미지가 링크 전체를 차지하도록 함 */
    transition: transform 0.3s ease;
}

.search_result_thumbnail img:hover {
    transform: scale(1.05); /* 마우스 오버 시 증가 */
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2); /* 그림자 */
}

/* 플레이 아이콘 스타일 */
.play-icon {
    position: absolute;
    top: 50%; /* 부모 요소의 50% 높이 */
    left: 50%; /* 부모 요소의 50% 너비 */
    transform: translate(-50%, -50%); /* 중심으로 이동 */
    font-size: 48px;
    color: rgb(255, 217, 3);
    z-index: 1; /* 아이콘이 썸네일 위에 표시되도록 설정 */
    pointer-events: none; /* 아이콘이 클릭되지 않도록 설정 */
}

.search-thumbnail:hover + .play-icon {
    color: rgba(21, 255, 0, 0.9);
}

.search_result_content {
    flex: 1 1 auto; /* 내용은 가능한한 많은 공간을 차지 */
}

/* 이미지가 없을 때 숨김 */
.search_result_item:not(:has(.search_result_thumbnail)) .search_result_thumbnail {
    display: none;
}

.search-thumbnail:hover {
    transform: scale(1.05);
    box-shadow: 0px 4px 15px rgba(0, 0, 0, 0.2);
}

.search_result_item {
    list-style: none;
    margin-bottom: 20px;
    display: flex; /* 이미지와 내용을 가로로 배치 */
    align-items: flex-start; /* 내용이 상단에 정렬되도록 설정 */
}

.search_result_content {
    flex: 1 1 auto; /* 내용은 가능한한 많은 공간을 차지 */
}

.search_result_item a img {
    display: block; /* 이미지가 링크 전체를 차지하도록 함 */
}
/* 모바일 미디어 쿼리 */
@media screen and (max-width: 768px) {
    .search_result_thumbnail {
        max-width: 50%;
    }

    .search_result_thumbnail img {
        width: 100%;
    }

    .search_result_content {
        flex: 1 1 50%;
        padding-left: 10px;
    }
}