@charset "utf-8";

#searchall {padding-bottom: 100px;}
/* 전체검색결과 스킨 */
#sch_res_detail {background:#f5f5f5 ;padding:50px 10px;text-align:center;margin:20px 0px}
#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: 150px;
    height: 60px;
    font-size: 16px;
    display: inline-block;
    padding-left: 10px;
    border-radius: 4px;
    -o-appearance: none;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background: #ffffff url(/img/icon_select.svg) calc(100% - 5px) center no-repeat;
    background-size: 20px;}
#sch_res_detail .search_detail select {    width: 100px;    height: 40px; font-size: 16px;}
#sch_res_detail .frm_input {border:1px solid #d0d3db;width:50%;height:60px; font-size: 18px; border-radius:0;border-radius:3px}
#sch_res_detail .sch_wr {position:relative;display:inline-block}
#sch_res_detail .btn_submit {
    width: 100px;
    display: inline-block;
    background-color: var(--maincolor);
    color: #ffffff;
    font-size: 20px;
    font-family: 'Paperlogy', sans-serif;
    border-radius: 10px;
    height: 60px;
    border: 0;

}
.btn_reset {    width: 100px;
    display: inline-block;
    background-color: #777;
    color: #ffffff;
    font-size: 20px;
    font-family: 'Paperlogy', sans-serif;
    border-radius: 10px;
    height: 60px;
    border: 0;
}
.noimg {
    width: 100%;
    background: #eeeeee url(/img/no_img2.jpg) center no-repeat;
    position: relative;
    aspect-ratio: 4 / 2.97;
}
.thumb_wrap { aspect-ratio: 4 / 2.97; /* 원하는 비율 */
  width: 100%;            /* 부모의 가로폭에 맞춤 */
  overflow: hidden;  border-radius: 10px; box-shadow: 1px 5px 10px 4px #00000020; 
  margin-bottom: 20px;}

.thumb_wrap img {
  width: 100%;
  height: 100%;
  object-fit: cover;       /* 비율 유지하며 꽉 채움 */
  object-position: center; /* 가운데 정렬 */
  display: block;
}  

/* 검색 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 #dddddd;color:#555555}
#sch_res_board a:focus, #sch_res_board a:hover {text-decoration:none;background: #999999;color:#fff}
#sch_res_board .cnt_cmt {font-weight:600;display:inline-block;margin-left:5px;color:#2da2f7;line-height:18px;font-size:1em}
#sch_res_board a:hover .cnt_cmt {color:#fff}
#sch_res_board .sch_on {z-index:2;background:var(--maincolor) ;color:#fff;font-weight:bold;}

.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.4em; background-color: #f3f3f3;     margin: 50px 0 20px;
    padding: 10px 20px;    border-top: 2px solid #969696; }
.sch_res_list ul {margin:0 0 20px 0;padding:0;list-style:none;border-top:1px solid #ececec;
    display: grid; gap: 30px 50px; grid-template-columns: 1fr 1fr 1fr 1fr; }
.sch_res_list li {border-bottom:0px solid #ececec;background:#fff;position:relative}
.sch_res_list .sch_tit {display:block;padding:20px 0 10px;     text-align: center;}

.sch_res_list .icon {font-size: 11px; color: #ffffff; width: fit-content; padding: 4px 5px; border-radius: 2px; margin: auto;
    font-weight: 600; text-transform: uppercase; margin: 5px; display: inline-block; }
.sch_res_list  .icon.ebook {background-color: #2f9647;}    
.sch_res_list  .icon.img {background-color: #4f99c7;}
.sch_res_list  .icon.video {background-color: #f1956c;}
.sch_res_list  .icon.docs {background-color: #69a487;}
.sch_res_list  .icon.youtube {background-color: #f72954;}
.sch_res_list .year {margin: 5px; display: inline-block;  padding: 2px 5px; border-radius: 2px; background-color: #ededed;}

.pg_wrap  {float:none; display: block; text-align: center;}


.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:block;margin:10px;font-size:1.2em; word-break: keep-all; }
.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 .search_detail { padding: 50px 0px 0;     }
#sch_res_detail .search_detail ul{ text-align: center;}
#sch_res_detail .search_detail ul li{display: inline-block; margin: 0 10px;}


#sch_res_detail .search_detail h5 {font-size: 22px; color: var(--maincolor); font-weight: 600; border-bottom: 1px solid #cacaca; padding-bottom: 10px; margin-bottom: 20px; }
#sch_res_detail .search_detail p {font-size: 20px; font-weight: 400; display: inline-block; padding-right: 20px; }

#sch_res_detail .search_detail  input[type=text]{ border: 1px solid #cbcbcb;  font-size: 18px; border-radius: 10px; padding: 10px;
    background: url(/img/icon_calendar.svg) calc(100% - 10px) center no-repeat; background-size: 24px; max-width: 200px; }
#sch_res_detail .search_detail  input[type=text]:focus {        border: 1px solid #dddddd;        outline: none;    }    

#sch_res_detail .search_detail input[type="radio"].checkmark {display:none; }
#sch_res_detail .search_detail input[type="radio"].checkmark + label {
	    border: 2px solid #e1e5e9; margin-bottom: 0;   border-radius: 50px;	padding: 10px 20px 10px 20px; 	min-width: 80px; font-weight: 400;
	font-size: 15px; 	display: inline-block;	cursor: pointer;	line-height: 20px;	color: #222222; margin-right: 3px;}
#sch_res_detail .search_detail input[type="radio"].checkmark:checked + label { background:var(--maincolor); color: #ffffff;     border: 2px solid #e1e5e9; position: relative; }
#sch_res_detail .search_detail .checkdiv {display: inline-block; margin: 0px;}

.search_area {width: 100%; display: flex; justify-content: center; align-items: center; gap: 10px;}

.empty_list {
    grid-column: 1 / -1;
    text-align: center;
    padding: 40px !important;
    font-size: 16px;
    background: #f9f9f9;
    border: 1px dashed #ccc;
    margin: 50px 0;
}


@media (max-width: 768px) {
    #searchall {padding-bottom: 50px;}
    .search_area {display: block;}
    #sch_res_detail select {width: 49%; height: 40px; margin-bottom: 5px;font-size: 15px;}
    #sch_res_detail .frm_input {width: calc(100% - 130px); height: 40px; font-size: 15px;}
    #sch_res_detail .btn_submit {width: 60px; font-size: 15px; height: 40px; border-radius: 4px;}
    .btn_reset {width: 60px; font-size: 15px; height: 40px;border-radius: 4px;}
    #sch_res_detail .search_detail {padding-top: 20px;}
    #sch_res_detail .search_detail p {font-size: 16px; display: block; margin-bottom: 10px; margin-top: 10px;}
    #sch_res_detail .search_detail select {width: 110px; font-size: 15px;}
    #sch_res_detail .search_detail ul {text-align: left;}
    #sch_res_detail .search_detail input[type="radio"].checkmark + label {font-size: 15px; padding: 5px 12px; min-width: 60px; margin-bottom: 5px;}




    .sch_res_list ul { display: grid; gap: 20px; grid-template-columns:  1fr 1fr; }
    .noimg {     background-size: 120%; }
}