@charset "utf-8";

.searchBoxWrap {display:flex ; flex-direction:column; width:100%; height:100%; overflow:auto;}

.searchFormBox {display:flex; justify-content:center; align-items:center; padding:10px 0; margin:20px 20px 0; border-radius:4px; background:var(--bg-sub-color); box-sizing:border-box;}
.searchFormBox select {width:140px; margin:0 4px;}
.searchFormBox .inputWrap {width:200px; margin:0 4px;}
.searchFormBox button.prime {margin:0 10px; height:40px;}
.searchFormBox .optBox {display:flex;}

.searchWrap {margin:20px;}
.searchWrap .searchInfo {margin:20px 0; display:flex; justify-content:space-between; align-items:center; padding:20px; border-radius:4px; background:var(--bg-sub-color);}
.searchWrap .searchInfo h3 {font-size:20px;}
.searchWrap .searchInfo h3 strong {color:var(--prime-color);}
.searchWrap .searchInfo ul {display:flex; align-items:center; list-style:none;}
.searchWrap .searchInfo ul li {margin:0 10px;}
.searchWrap .empty_list {display:flex; justify-content:center; align-items:center; height:200px;}

.searchTab {margin:20px 0;}
.searchTab ul {display:flex; flex-wrap:wrap; gap:10px; list-style:none;}
.searchTab ul li {}
.searchTab ul li a {display:block; padding:10px 16px; box-sizing:border-box; border-radius:4px; font-weight:700; background:var(--bg-sub-color);}
.searchTab ul li a.sch_on {background:var(--prime-color); color:#fff;}
.searchTab ul li a strong {}
.searchTab ul li a .cnt_cmt {margin-left:4px; padding:2px 6px; border-radius:4px; background:#333; color:#fff;}

.searchListWrap {border-top:1px solid var(--border-main-color); margin-bottom:20px;}
.searchListWrap .searchList {}
.searchListWrap .searchList .title {display:flex; justify-content:space-between; align-items:center; padding:10px; background:var(--bg-sub-color); border-bottom:1px solid var(--border-sub-color);}
.searchListWrap .searchList .title h2 {}
.searchListWrap .searchList .title h2 a {font-size:18px; font-weight:400; font-weight:600;}
.searchListWrap .searchList ul {list-style:none;}
.searchListWrap .searchList ul li {border-bottom:1px solid var(--border-sub-color); padding:20px 0;}
.searchListWrap .searchList ul li .sch_tit {}
.searchListWrap .searchList ul li .sch_tit a {display:block; margin-bottom:10px; font-size:20px; font-weight:700;}
.searchListWrap .searchList ul li .sch_info {display:flex; justify-content:space-between; align-items:center; margin-top:10px;}
.searchListWrap .searchList ul li p {font-size:18px; line-height:1.6;}


/* --------------------------------------------------------
RESPONSE
----------------------------------------------------------*/

@media (max-width:768px) {
    .searchWrap .searchInfo {justify-content:center; flex-direction:column;}
    .searchFormBox {justify-content:center; flex-direction:column; padding:20px;}
    .searchFormBox select {width:100%; margin:4px 0;}
    .searchFormBox .inputWrap {width:100%; margin:4px 0;}
    .searchFormBox button.prime {width:100%; margin:4px 0;}
    .searchFormBox .optBox {margin-top:10px;}
}