@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:#d3272f ;border:1px solid #fd115d ;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:none;border-radius:5px;border:1px solid #f1f1f1;margin-bottom:15px;padding:0 10px;}
#sch_res_ov:after {display:block;visibility:hidden;clear:both;content:""}
/* =========================
   전체검색결과 다크모드
========================= */
/* 검색 영역 박스 */
.dark-mode #sch_res_detail {background:#1e1e1e;}
/* select, input */
.dark-mode #sch_res_detail select,
.dark-mode #sch_res_detail .frm_input {background:#2a2a2a;border:1px solid #444;color:#eee;}
/* 검색 버튼 */
.dark-mode #sch_res_detail .btn_submit {background:#3a3f46;color:#fff;}
/* OR + AND 스위치 버튼 기본 */
.dark-mode .switch_field label {background:#2a2a2a;color:#bbb;border:1px solid #444;box-shadow:none;}
/* 선택됐을 때 */
.dark-mode .switch_field input:checked + label {background:#d3272f;border:1px solid #fd115d;color:#fff;}
/* 검색 결과 상단 요약 박스 */
.dark-mode #sch_res_ov {background:#2b2b2b;border:1px solid #444;color:#ffd76a;}
/* 결과 홈 */
#sch_res_ov h2 {display: inline-block;font-size: 16px;color: #000000;font-weight: normal;text-align: center;width: 100%;}
#sch_res_ov h2 strong {color:#d3272f}
#sch_res_ov h3 {float:left;display:inline-block;font-size:14px;color:#000000;font-weight:normal}
#sch_res_ov h3 strong {color:#d3272f}

/* 결과 홈 우측 */
#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:10px;border:1px solid #fd115d;color:#6794d3}
#sch_res_board a:focus, #sch_res_board a:hover {text-decoration:none;background:#d3272f ;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:#d3272f;color:#fff;font-weight:bold;border:1px solid #a81d23;
  -webkit-box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);
  -moz-box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);
  box-shadow: inset 0 2px 5px rgba(0,0,0,0.25);
}
/* =========================
   검색 결과 상단 다크모드
========================= */
.dark-mode #sch_res_ov h2,
.dark-mode #sch_res_ov h3 {color:#e5e5e5;}
.dark-mode #sch_res_ov h2 strong,
.dark-mode #sch_res_ov h3 strong {color:#fd115d;}
.dark-mode #sch_res_ov ul {color:#bbb;}
.dark-mode #sch_res_ov li {border-right:1px solid #444;}
/* =========================
   검색 카테고리 다크모드
========================= */
.dark-mode #sch_res_board a {border:1px solid #fd115d;color:#8ab4f8;background:#1e1e1e;}
.dark-mode #sch_res_board a:hover {background:#d3272f;color:#fff;}
.dark-mode #sch_res_board .cnt_cmt {color:#bbb;}
.dark-mode #sch_res_board .sch_on {background:#d3272f;color:#fff;border:1px solid #fd115d;box-shadow:none;}
/* =========================
   검색 결과 리스트 다크모드
========================= */
/* 리스트 상단 라인 */
.dark-mode .sch_res_list ul {border-top:1px solid #333;}
/* 각 항목 구분선 */
.dark-mode .sch_res_list li {border-bottom:1px solid #333;}
/* 제목 */
.dark-mode .sch_res_list h2,
.dark-mode .dark-mode .sch_res_title {color:#f1f1f1;}
.dark-mode .search_board_result h2 {color:#f1f1f1;}
.dark-mode .search_board_result h2 a {color:#f1f1f1;}
.dark-mode .sch_res_title {color:#ffffff;}
.dark-mode .sch_res_title:hover {color:#fd115d;}
/* 내용 본문 */
.dark-mode .sch_res_list p {color:#cfcfcf;}
/* 작성 정보 (작성자, 날짜 등) */
.dark-mode .sch_res_list .sch_info {color:#9e9e9e;}
/* 동그란 아이콘 버튼 */
.dark-mode .sch_res_list .pop_a {background:#2a2a2a;color:#ddd;}
/* 더보기 버튼 */
.dark-mode .sch_more {color:#fd115d;}

/* 검색 결과 리스트 */
.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 .sch_tit + p {
    /* PC 기본 스타일 */
    font-size: 14px;
    color: #555;
    margin: 5px 0 10px 0;
}

.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:#d3272f }

.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%;left: 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_item a img {display: block;}
@media screen and (max-width: 767px) {.sch_res_list .sch_tit {display:block;padding:0px 0 0px !important;}
    .search_result_thumbnail {max-width: 50%;}.search_result_thumbnail img { width: 100%;}

    .search_result_content {
        flex: none;       /* flex 해제 */
        width: 100%;      /* 꽉 채우기 */
    }    
}

/* 전체 배경과 글자색 */
.dark-mode .search_result_item {
    background-color: #1e1e1e;  
    color: #e0e0e0;             
    border-radius: 6px;
    padding: 10px;
}

/* 썸네일 테두리와 hover 효과 */
.dark-mode .search_result_thumbnail img {
    border: 1px solid #333;
    box-shadow: 0 2px 8px rgba(0,0,0,0.6);
}
.dark-mode .search_result_thumbnail img:hover {
    transform: scale(1.05);
    box-shadow: 0 4px 15px rgba(255,255,255,0.2);
}

/* 플레이 아이콘 색상 */
.dark-mode .play-icon {
    color: #ffcc00; 
}
.dark-mode .search-thumbnail:hover + .play-icon {
    color: #00ff99;
}

/* 내용 영역 */
.dark-mode .search_result_content {
    color: #f5f5f5;
}

/* 링크 색상 */
.dark-mode .search_result_item a {
    color: #66b2ff;
    text-decoration: none;
}
.dark-mode .search_result_item a:hover {
    color: #99ccff;
    text-decoration: underline;
}