@charset "utf-8";

#searchResult { padding-top:80px; }
#searchResult .headline-wrap h2 { font-size:40px; }

/* 전체검색결과 스킨 */
#sch_res_detail { --col-gap: 10px; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:var(--col-gap); padding-block:40px; padding-inline:12px; background-color:#F6F6F6; border-radius:15px; }
#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 { width:min(15%, 240px); height:70px; padding-inline:20px; background-color:white; border-color:#ddd; border-radius:3px; font-size:20px; }
#sch_res_detail .sch_wr { display:flex; align-items:center; gap:var(--col-gap); position:relative; width:52%; }
#sch_res_detail .sch_wr .has-value { --percentage: .2469; --gap: 40px; display:none; position:absolute; top:50%; right:calc(min(calc((100% - var(--col-gap)) * var(--percentage)), 200px) + var(--gap)); width:34px; height:34px; background-color:#F6F6F6; border:0; border-radius:50%; translate:0% -50%; }
#sch_res_detail .sch_wr .has-value::before, #sch_res_detail .sch_wr .has-value::after { content:''; position:absolute; top:50%; left:50%; width:47%; height:2px; background-color:currentColor; translate:-50% -50%; rotate:45deg; }
#sch_res_detail .sch_wr .has-value::before { rotate:-45deg; }
#sch_res_detail .frm_input { --percentage: .7407; width:calc((100% - var(--col-gap)) * var(--percentage)); height:70px; padding-inline:20px 74px; background-color:white; font-size:20px; color:#707070; }
#sch_res_detail .btn_submit { --percentage: .2469; width:min(calc((100% - var(--col-gap)) * var(--percentage)), 200px); padding-block:25px; background-color:black; border-radius:3px; font-size:20px; color:white; }

/* 검색 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;
box-shadow:inset 0 5px 8px rgb(234, 234, 234), 0 1px rgba(255, 255, 255, 0.1);
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;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;
box-shadow:inset 0 2px 5px rgb(33, 135, 202)}

.sch_res_list { position:relative; margin-top:80px; }
.sch_res_list .search_board_result{ position:relative; }
.sch_res_list h2 {margin:0 0 15px;font-size:1.2em}
.sch_res_list ul { display:-ms-grid; display:grid; -ms-grid-columns:(1fr)[4]; grid-template-columns:repeat(4, 1fr); gap:40px; }
.sch_res_list li { position:relative; width:100%; }
.sch_res_list .sch_thumb { overflow:hidden; display:flex; align-items:center; justify-content:center; position:relative; border-radius:10px; aspect-ratio:1; }
.sch_res_list .sch_thumb a { display:block; }
.sch_res_list .gall_view { display:none; align-items:center; justify-content:center; gap:10px; position:absolute; min-width:140px; padding-block:22px; padding-inline:39px; background-color:rgb(22 22 22 / .7); border-radius:5em; font-family:var(--paperlogy); font-weight:500; color:white; pointer-events:none; }
.sch_res_list .sch_thumb:has(a:hover) .gall_view { display:flex; }
.sch_res_list .sch_tit { margin-top:20px; }
.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; font-weight:500; font-size:22px; }
.sch_res_title .sch_word { padding:0; margin:0; background:none; color:inherit; line-height:1; }
.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}



@media all and (max-width: 1024px) {
    #searchResult { padding-block:50px 90px; }
    #searchResult .headline-wrap { margin-bottom:20px; }
    #searchResult .headline-wrap h2 { font-size:23px; }
    #sch_res_detail { --col-gap: 5px; display:-ms-grid; display:grid; -ms-grid-columns:19fr 47fr; grid-template-columns:19fr 47fr; padding-block:17px; margin-inline:-20px; border-radius:0; }
    #sch_res_detail select { width:100%; height:35px; padding-inline:10px; border-radius:1px; font-size:var(--xs-size); }
    #sch_res_detail .sch_wr { width:100%; }
    #sch_res_detail .frm_input { --percentage: .7826; height:35px; padding-inline:10px 37px; border-radius:1px; font-size:var(--xs-size); }
    #sch_res_detail .btn_submit { --percentage: .2174; padding-block:10px; border-radius:1px; font-size:var(--xs-size); }
    #sch_res_detail .sch_wr .has-value { --percentage: .2174; right:calc((100% * .2174) + var(--col-gap) + 10px); width:17px; height:17px; }
    #sch_res_detail .sch_wr .has-value::before, #sch_res_detail .sch_wr .has-value::after { height:1px; }

    #sch_result { margin-inline:-8px; }
    .sch_res_list { margin-top:60px; }
    .sch_res_list ul { -ms-grid-columns:(1fr)[2]; grid-template-columns:repeat(2, 1fr); gap:30px 10px; }
    .sch_res_list .sch_thumb { border-radius:5px; }
    .sch_res_list .sch_tit { margin-top:12px; }
    .sch_res_title { font-size:var(--base-size); }
    .sch_res_list .sch_thumb:has(a:hover) .gall_view { display:none; }
}