@charset "utf-8";

.shop-content:has(#search) > .headline { border:0; }

#sch_result { padding-top:20px; }

/* 전체검색결과 스킨 */
#sch_res_detail { padding-bottom:50px; border-bottom:1px solid #E2E2E2;  }
#sch_res_detail fieldset { --col-gap: 10px; overflow:hidden; display:flex; align-items:center; justify-content:center; gap:var(--col-gap); padding-block:50px; 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:15px; background-color:white; border-color:#ddd; border-radius:3px; font-size:var(--md-size); }
#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)); padding-right:74px; font-size:var(--md-size); color:#707070; }
#sch_res_detail .btn_submit { --percentage: .2469; width:min(calc((100% - var(--col-gap)) * var(--percentage)), 200px); padding-block:23px; border-radius:3px; font-size:var(--md-size); }

/* 검색 OR+ADN 버튼 */
.switch_field { overflow:hidden; display:flex; align-items:center; position:relative; width:11%; background-color:white; border-radius:5px; border:1px solid #ddd; }
.switch_field::before { content:'AND'; display:flex; align-items:center; justify-content:center; position:absolute; top:-1px; left:-1px; width:calc(50% + 1px); height:calc(100% + 2px); background-color:var(--primary-color); border:1px solid #ddd; border-radius:5px; color:white; transition:left .3s ease; }
.switch_field input {position:absolute !important;clip:rect(0, 0, 0, 0);height:1px;width:1px;border:0;overflow:hidden}
.switch_field label { width:50%; padding-block:11px; text-align:center; }
.switch_field label:hover {cursor:pointer}
.switch_field input:checked + label {  }
.switch_field:has(input:last-of-type:checked)::before { content:'OR'; left:50%; }

#sch_res_ov { padding-block:28px; padding-inline:35px; background-color:#FEEBED; border-radius:10px; }
#sch_res_ov h2 { font-weight:400; font-size:var(--md-size); }
#sch_res_ov h2 strong { font-weight:600; color:var(--primary-color); }
#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 { display:flex; flex-wrap:wrap; align-items:center; gap:10px; margin-top:30px; }
#sch_res_board h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#sch_res_board li {  }
#sch_res_board a { display:block; min-width:130px; padding-block:13px; padding-inline:30px; background-color:white; border:1px solid currentColor; border-radius:5em; font-weight:500; font-size:var(--md-size); color:#F67E8A; text-align:center; }
#sch_res_board a:focus, #sch_res_board a:hover { background-color:var(--primary-color); border-color:var(--primary-color); color:white; }
#sch_res_board .cnt_cmt { overflow:hidden; position:absolute; top:0px; left:0px; width:1px; height:1px; margin:-1px; padding:0; font-size:1px; clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%); }
#sch_res_board a:hover .cnt_cmt {color:#fff}
#sch_res_board .sch_on {z-index:2;background-color:var(--primary-color);border-color:var(--primary-color);color:#fff;}

#search .headline { padding:0; margin-bottom:30px; border:0; }
.sch_res_list { position:relative; margin-top:80px; }
.sch_res_list .search_board_result{ position:relative; }
.sch_res_list .search_board_result:not(:first-child) { padding-top:80px; margin-top:50px; border-top:1px solid #E2E2E2; }
.sch_res_list h2 { display:flex; gap:7px; font-weight:600; font-size:var(--lg-size); }
.sch_res_list h2::before {content:''; width:5px; height:5px; background-color:var(--primary-color); border-radius:1px; }
.sch_res_list .sch_more {}
.sch_res_list ul { --col-gap: 25px; --row-gap: 80px; --cols: 5; display:-ms-grid; display:grid; -ms-grid-columns:(1fr)[var(--cols)]; grid-template-columns:repeat(var(--cols), 1fr);  gap:var(--row-gap) var(--col-gap); }
.sch_res_list li { position:relative; /*width:calc((100% - ((var(--cols) - 1) * var(--col-gap))) / var(--cols));*/ width:100%; }
.sch_res_list .sch_thumb { overflow:hidden; position:relative; border-radius:10px; }
.sch_res_list .sch_thumb a, .sch_res_list .sch_thumb span { display:flex; align-items:center; justify-content:center; width:100%; height:100%; aspect-ratio:1; }
.sch_res_list .sch_thumb span { background:#eaeaea; font-weight:700; font-size:1.25em; color:#777; text-transform:uppercase; }
.sch_res_list .sch_thumb .new_icon { display:block; position:absolute; top:0; left:0; width:auto; height:auto; padding-block:8px; padding-inline:16px; background-color:var(--primary-color); font-weight:600; font-size:var(--base-size); color:white; aspect-ratio:auto; }
.sch_res_list .sch_thumb .no_image { background-image:url('/static/images/common/no_image.png'); background-position:center; background-repeat:no-repeat; background-size:cover; text-indent:-9999px; }
.sch_res_list .sch_tit { display:block; }
.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:600; font-size:var(--lg-size); line-height:1.5; }
.sch_res_list p { line-height:1.5; }
.sch_res_list .sch_info { padding-inline:10px; margin-top:30px; }
.sch_res_list .profile_img img {border-radius:50%}
.sch_res_list .sch_datetime {margin-left:5px}



@media all and (max-width: 1279px) {
    #sch_res_detail select { --percentage: .29104; width:calc((100% - var(--col-gap)) * var(--percentage)); }
    #sch_res_detail .sch_wr { --percentage: .70896; width:calc((100% - var(--col-gap)) * var(--percentage)); }
    #sch_res_detail .frm_input { --percentage: .77659; }
    #sch_res_detail .btn_submit { --percentage: .22341; }
    #sch_res_detail .sch_wr .has-value { --percentage: .22341; --gap: 30px; right:calc((100% - var(--col-gap)) * var(--percentage) + var(--gap)); }


    .sch_res_list ul { --cols: 4; }
}

@media all and (max-width: 768px) {
    #sch_res_detail { padding-inline:0; padding-bottom:25px; border:0; }
    #sch_res_detail fieldset { --col-gap: 5px; padding-block:18px; border-radius:0; }
    #sch_res_detail select { height:35px; padding-inline:10px; font-size:var(--base-size); }
    #sch_res_detail .frm_input { height:35px; font-size:var(--base-size); }
    #sch_res_detail .btn_submit { padding-block:9px; font-size:var(--base-size); }
    #sch_res_detail .sch_wr .has-value { --gap: 20px; width:18px; height:18px; }

    #sch_result { padding-top:0; }
    #sch_res_ov { padding-block:9px; padding-inline:12px; border-radius:5px; }
    #sch_res_ov h2 { font-size:var(--base-size); }
    .sch_res_list { margin-top:50px; }
    #search .headline { margin-bottom:20px; }
    .sch_res_list .search_board_result:not(:first-child) { padding-top:50px; margin-top:50px; }
    .sch_res_list h2 { gap:3px; font-size:var(--sm-size); }
    .sch_res_list ul { --col-gap: 10px; --row-gap: 25px; --cols: 2; }
    .sch_res_list .sch_thumb { border-radius:5px; }
    .sch_res_list .sch_thumb .new_icon { padding-block:4px; padding-inline:8px; font-size:12px; }
    .sch_res_list .sch_info { padding-inline:5px; margin-top:15px; }
    .sch_res_title { font-size:var(--sm-size); }
    .sch_res_list p { font-size:12px; }
}