@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_board {margin-bottom:28px}
#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:28px;padding:5px 15px;border-radius:30px;border:1px solid #d6e9ff;color:#6794d3}
#sch_res_board a:focus, #sch_res_board a:hover {text-decoration:none;background:#3a8afd;color:#fff}
#sch_res_board .cnt_cmt {font-weight:normal !important;display:inline-block;margin-left:3px;color:#3497d9;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:#3a8afd;color:#fff;font-weight:bold;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_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:#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}

/* 벤치마킹 구조를 반영한 다크 검색 페이지 */
#sch_res_detail,
#sch_result {box-sizing:border-box;color:#e5e7eb;font-size:14px}
#sch_res_detail *,
#sch_result * {box-sizing:border-box}

#sch_res_detail {
	display:grid;
	grid-template-columns:175px 175px minmax(280px,1fr);
	gap:10px 6px;
	width:100%;
	margin:0 0 24px;
	padding:30px;
	border:1px solid rgba(255,255,255,.08);
	border-radius:6px;
	background:rgba(255,255,255,.055);
	text-align:left;
}
#sch_res_detail legend {position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
#sch_res_detail select,
#sch_res_detail .frm_input {
	width:100%;
	height:45px;
	padding:0 14px;
	border:1px solid #3b414b;
	border-radius:3px;
	background:#191b20;
	color:#e5e7eb;
	font-size:16px;
	outline:none;
}
#sch_res_detail select:focus,
#sch_res_detail .frm_input:focus {border-color:#60a5fa;box-shadow:0 0 0 3px rgba(59,130,246,.18)}
#sch_res_detail .sch_wr {display:grid;grid-template-columns:minmax(0,1fr) 88px;gap:6px;width:100%}
#sch_res_detail .btn_submit {
	display:inline-flex;
	align-items:center;
	justify-content:center;
	gap:7px;
	width:88px;
	height:45px;
	padding:0 10px;
	border:1px solid #4b5563;
	border-radius:3px;
	background:#4b5059;
	color:#fff;
	font-size:15px;
	font-weight:800;
	cursor:pointer;
}
#sch_res_detail .btn_submit:hover,
#sch_res_detail .btn_submit:focus-visible {border-color:#3b82f6;background:#2563eb}

.switch_field {grid-column:1/-1;display:flex;justify-content:center;padding:0;margin:0}
.switch_field input {position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.switch_field label {
	float:none;
	display:inline-flex;
	align-items:center;
	justify-content:center;
	width:auto;
	min-width:49px;
	height:36px;
	padding:0 13px;
	border:1px solid #4b5059;
	background:#24262c;
	color:#9ca3af;
	font-weight:800;
	box-shadow:none;
	cursor:pointer;
}
.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}
.switch_field input:checked + label {border-color:#8b9099;background:#8b9099;color:#fff;box-shadow:none}
.switch_field input:focus-visible + label {outline:3px solid rgba(59,130,246,.25);outline-offset:2px}

#sch_result {width:100%}
#sch_result hr {display:none}
#sch_res_ov {
	display:flex;
	align-items:center;
	justify-content:space-between;
	gap:20px;
	width:100%;
	height:auto;
	min-height:55px;
	margin:0 0 15px;
	padding:12px 20px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:5px;
	background:rgba(255,255,255,.065);
	line-height:1.4;
}
#sch_res_ov h2 {float:none;margin:0;color:#f3f4f6;font-size:18px;font-weight:800}
#sch_res_ov h2 strong {color:inherit;border-bottom:2px solid #ff4f6d}
#sch_res_ov ul {display:flex;float:none;flex-wrap:wrap;justify-content:flex-end;gap:0;margin:0 0 0 auto;padding:0;color:#aeb4bf;font-size:13px;line-height:1.4;text-align:right;list-style:none}
#sch_res_ov li {float:none;margin:0;padding:0 8px;border-right:1px solid #555c67}
#sch_res_ov li:last-child {padding-right:0;border-right:0}

#sch_res_board {display:flex;flex-wrap:wrap;gap:8px;width:100%;height:auto;margin:0 0 30px;padding:0;list-style:none}
#sch_res_board li {display:block;padding:0}
#sch_res_board a {
	display:flex;
	align-items:center;
	gap:5px;
	min-height:40px;
	padding:0 17px;
	border:1px solid rgba(255,255,255,.12);
	border-radius:999px;
	background:transparent;
	color:#aeb4bf;
	line-height:1;
}
#sch_res_board a:hover,
#sch_res_board a:focus-visible,
#sch_res_board .sch_on {border-color:#d4d6da;background:#d4d6da;color:#24262b;text-decoration:none;box-shadow:none}
#sch_res_board .cnt_cmt {display:inline;color:inherit;font-size:12px;font-weight:800!important;line-height:1}

.sch_res_list {position:relative;margin:0 0 20px}
.sch_res_list .search_board_result {position:relative;margin:0 0 34px}
.sch_res_list h2 {margin:0 0 15px;color:#f1f3f5;font-size:18px;font-weight:850}
.sch_res_list h2 a {color:inherit}
.sch_more {position:absolute;right:0;top:2px;color:#9ca3af;font-size:13px;font-weight:700}
.sch_more:hover,.sch_more:focus-visible {color:#60a5fa}
.sch_res_list ul {margin:0;padding:0;border-top:1px solid rgba(255,255,255,.12);list-style:none}
.sch_res_list li {position:relative;margin:0;padding:22px 20px;border-bottom:1px solid rgba(255,255,255,.11);background:rgba(255,255,255,.065)}
.sch_res_list .sch_tit {display:flex;align-items:center;gap:8px;padding:0 0 10px}
.sch_res_title {display:inline-block;margin:0;color:#f7f7f8;font-size:18px;font-weight:850}
.sch_res_title:hover,.sch_res_title:focus-visible {color:#60a5fa}
.sch_res_list .pop_a {display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;width:26px;height:26px;border-radius:50%;background:#50545b;color:#d7d9dd;line-height:1}
.sch_res_list .pop_a:hover,.sch_res_list .pop_a:focus-visible {background:#2563eb;color:#fff}
.sch_res_list p {display:-webkit-box;margin:0;padding:0 0 12px;overflow:hidden;color:#b7bdc7;line-height:1.65;-webkit-line-clamp:3;-webkit-box-orient:vertical}
.sch_res_list .sch_info {display:flex;align-items:center;gap:10px;padding:10px 0 0;color:#929aa7;font-size:13px}
.sch_res_list .sch_datetime {margin:0}
.sch_res_list .sch_word {
	padding:0 0 1px;
	border-bottom:2px solid #ff4f6d;
	background:transparent!important;
	color:inherit!important;
	font-weight:inherit;
}
#sch_result .empty_list {padding:80px 20px;border:1px solid rgba(255,255,255,.1);border-radius:6px;background:rgba(255,255,255,.04);color:#9ca3af;text-align:center}

#sch_result .pg_wrap {display:block;margin:32px 0;text-align:center}
#sch_result .pg_page,
#sch_result .pg_current {border-color:#3e4550;background:#20232a;color:#c7ccd5}
#sch_result .pg_current {border-color:#2563eb;background:#2563eb;color:#fff}

@media (max-width:900px) {
	#sch_res_detail {grid-template-columns:1fr 1fr;padding:22px}
	#sch_res_detail .sch_wr {grid-column:1/-1}
	#sch_res_ov {align-items:flex-start;flex-direction:column;gap:8px}
	#sch_res_ov ul {justify-content:flex-start;width:100%;margin-left:0;text-align:left}
}

@media (max-width:600px) {
	#sch_res_detail {grid-template-columns:1fr;padding:16px}
	#sch_res_detail .sch_wr {grid-column:auto;grid-template-columns:minmax(0,1fr) 76px}
	#sch_res_detail .btn_submit {width:76px}
	.switch_field {grid-column:auto}
	#sch_res_ov {padding:15px}
	#sch_res_ov ul {display:grid;gap:4px}
	#sch_res_ov li {padding:0;border:0}
	#sch_res_board {gap:6px}
	#sch_res_board a {min-height:36px;padding:0 13px}
	.sch_res_list li {padding:18px 15px}
	.sch_res_title {font-size:16px}
	.sch_res_list .sch_info {align-items:flex-start;flex-direction:column;gap:4px}
}
