@charset "UTF-8";

.sear_wrap{}

.sear_top{display: flex;border-bottom: 1px solid var(--krds-gray-20);padding-bottom: 12px;justify-content:space-between;align-items: center;}
.sear_top_tit{font-size: 32px;line-height: 1.5;letter-spacing: 0;font-weight: 700;color: var(--krds-black);}
.sear_top_sns{display:flex;gap: 4px;}

.sear_box{margin: 64px 0;}
.sear_box_inner{width: 700px;margin: 0 auto;}
.sear_box_top{position: relative;border: 1px solid #014099;box-sizing: border-box;display: flex;justify-content: center;height: 55px;border-radius: 25px;}
.sear_box_top:before{position: absolute;display: block;content: '';background: url(../images/board/img_srh_cha.png) no-repeat center;width: 57px;height: 76px;left: -40px;top: 50%;transform: translateY(-50%);}
.sear_box_top > select{border: 0;outline: none;cursor: pointer;background: url(../images/board/ico_sel_down.png) no-repeat;background-position: calc(100% - 20px) center;font-size: 17px;font-weight: 400;color: #222;width: 110px;padding: 0 24px;box-sizing: border-box;}
.sear_box_input{ flex: 1;position:relative;}
.sear_box_top > .sear_box_input input[type="text"]{font-size: 17px;font-weight: 400;color: #222;border: 0;position:relative;height: 100%;width: 100%;box-sizing: border-box;padding: 0 24px;}
.sear_box_input:before{position: absolute;display: block;content: '';border-left: 2px solid #e3e5e8;width:1px;height:28px;left:0;top:50%;transform:translateY(-50%);z-index: 1;}
.sear_box_top > input[type="submit"]{background: #014099 url(../images/board/img_total_srh.png) no-repeat center;border: 0;color: transparent;font-size: 0px;width: 65px;border-radius: 0 25px 25px 0;}

.sear_box_bott{margin-top: 20px;display: flex;align-items: center;gap: 8px;}
.sear_box_bott > p{font-size: 17px;font-weight: 500;color: #000;position: relative;padding-left:20px;}
.sear_box_bott > p:before{position:absolute;content:'';display:block;width:4px;height:4px;background-color:#000;left:0;top:50%;transform:translateY(-50%);}
.sear_box_tag{display: flex;align-items: center;gap: 4px;}
.sear_box_tag > li > a{padding: 3px 15px;border-radius: 30px;background-color: #f5f7f8;font-size: 17px;font-weight: 400;color: #000;word-break: keep-all;box-sizing: border-box;display: block;}

.sear_result_wrap > p{font-size: 19px;font-weight: 700;color: #1e2124;margin: 64px 0;text-align: center;background-color: #eef2f7;padding: 32px 0;word-break: keep-all;}
.sear_result_wrap > p > span{color: #0b50d0;}

.reser_tab{display: flex;}
.reser_tab > li{flex: 1;}
.reser_tab > li + li > a{}
.reser_tab > li:first-of-type > a{border-radius:4px 0 0 4px;}
.reser_tab > li:last-of-type > a{ border-right: 1px solid #b1b8be;border-radius:0 4px 4px 0;}
.reser_tab > li > a{text-align: center;font-size: 17px;border: 1px solid #b1b8be;box-sizing: border-box;display: flex;height: 70px;flex-direction: column;justify-content: center;gap: 8px;font-weight: 700;color: #464c53;border-right:0;}

.reser_tab > li > a > span{line-height: 1;}
.reser_tab > li > a > em{line-height: 1;}

.reser_tab > li.on > a{border:0;background: #063a74;color: #fff;}

.sear_sec{margin-top: 32px;}
.sear_sec_top:first-of-type{margin-top:0;}
.sear_sec_top{/* padding: 32px 0; border-bottom: 1px solid #cdd1d5;border-top: 2px dotted #8a9a9e; */margin-top: 64px;padding-bottom: 12px;}
.sear_sec_top > p{display: flex;color: #000;font-weight: 700;box-sizing: border-box;font-size: 19px;line-height: 1;gap: 12px;align-items: center;}
.sear_sec_top > p .sear_sec_tit{background-color: #ecf2fe;color: #464c53;padding: 8px 12px;}
.sear_sec_top > p .sear_sec_count{color: #0b50d0;}
.sear_sec_top > p .sear_sec_count > em{color: #464c53;}

.sear_cont{border-top: 1px solid #cdd1d5;}
.sear_cont > li{border-bottom: 1px solid #cdd1d5;box-sizing: border-box;padding: 32px 0;}

.sear_dep_list{border-top: 1px solid #cdd1d5;box-sizing: border-box;}
.sear_dep_list > li{margin-top: 32px;}
.sear_dep_list > li:last-of-type{margin-bottom: 32px;}
.sear_cont_dep{display: flex;font-size: 17px;font-weight: 400;color: #464c53;gap: 8px;position:relative;padding-left:12px;display: flex;gap:12px;flex-wrap: wrap;}
.sear_cont_dep:before{position:absolute;content:'';display:block;width:4px;height:4px;background-color:#464c53;left:0;top:12px;}
.sear_cont_dep > p{position: relative;}
.sear_cont_dep + .sear_dep_txt{margin-top:12px;}
.sear_dep_txt{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #464c53;font-size: 17px;}

.sear_dep_list > li:hover > .sear_cont_dep{text-decoration: underline;text-underline-offset:4px;}
.sear_dep_list > li:hover > .sear_dep_txt{text-decoration: underline;text-underline-offset:4px;}

.sear_cont_link > .sear_cont_tit{color: #464c53;font-size: 19px;font-weight: 700;}
.sear_cont_link > .sear_cont_txt{display: -webkit-box;overflow: hidden;text-overflow: ellipsis;-webkit-box-orient: vertical;-webkit-line-clamp: 2;color: #464c53;font-size: 17px;font-weight:400;line-height: 1.5;}
.sear_cont_link  > .sear_cont_tit + .sear_cont_txt{margin-top:12px;}
.sear_add_btn{font-size: 17px;color: #000;text-align: right;margin: 12px 0;line-height: 1;display: block;}

.sear_cont_link:hover > .sear_cont_tit{text-decoration: underline;text-underline-offset:4px;}
.sear_cont_link:hover > .sear_cont_txt{text-decoration: underline;text-underline-offset:4px;}

@media (max-width: 1280px) {
    

    .sear_box_bott{flex-wrap: wrap;gap: 12px 8px;}
    .sear_box_tag{flex-wrap: wrap;}

    .sear_result_wrap > p{padding: 32px 8px;box-sizing: border-box;}

    .reser_tab{overflow-x: auto;}
    .reser_tab > li > a{padding: 8px;box-sizing: border-box;}

    .reser_tab > li{flex: auto;}

    .reser_tab > li > a > span{word-break: keep-all;}

    
}
@media (max-width: 1024px) {

    .sear_box{margin: 56px 0;}
    .sear_box_top > select{padding: 0 20px;}
    .sear_box_top > .sear_box_input input[type="text"]{padding: 0 20px;}
    .sear_box_top > input[type="submit"]{width: 56px;}

    .sear_box_tag > li > a{letter-spacing: -0.75px;}

    .sear_result_wrap > p{margin: 56px 0;padding: 20px 8px;}

    .sear_sec_top{margin-top: 56px;}
    .sear_cont > li{padding: 28px 0;}

    .sear_dep_list > li{margin-top: 28px;}
    .sear_dep_list > li:last-of-type{margin-bottom: 28px;}
    .sear_cont_dep{gap: 12px 4px;line-height: 1;}

    
}
@media (max-width: 860px) {
    
    .sear_top_tit{font-size: 25px;}

    .sear_box_inner{width: calc(100% - 40px);margin: 0 0 0 auto;}

    
}
@media (max-width: 640px) {
    
    .sear_top_tit{font-size: 21px;}

    .sear_box{margin: 40px 0;}
    .sear_box_top{height: 52px;}
    .sear_box_top:before{background-size: 100% auto;width: 48px;}
    .sear_box_top > select{font-size: 16px;padding: 0 12px;width: 95px;background-position: calc(100% - 12px) center;}
    .sear_box_top > .sear_box_input input[type="text"]{font-size: 16px;padding: 0 12px;}
    .sear_box_top > input[type="submit"]{width: 44px;background-position: calc(50% - 2px) calc(50% + 2px);background-size: 26px auto;}

    .sear_box_bott{  margin-top: 16px;}
    .sear_box_bott > p{font-size: 16px;padding-left: 16px;}
    .sear_box_tag > li > a{font-size: 16px; padding: 3px 12px;}

    .sear_result_wrap > p{margin: 40px 0;padding: 28px 8px;font-size: 17px;}

    .reser_tab > li > a{font-size: 16px;height: auto;}

    .sear_sec_top{margin-top: 40px;}
    .sear_sec_top > p{gap: 8px;font-size: 17px;}
    .sear_sec_top > p .sear_sec_tit{font-size: 17px;}

    .sear_cont > li{padding: 20px 0;}

    .sear_dep_list > li{margin-top: 20px;}
    .sear_dep_list > li:last-of-type{margin-bottom: 20px;}
    .sear_cont_dep{font-size: 16px;gap: 8px 4px;}
    .sear_cont_dep:before{top: 7px;}
    .sear_dep_txt{font-size: 16px;}

    .sear_cont_link > .sear_cont_tit{font-size: 17px;}
    .sear_cont_link > .sear_cont_txt{font-size: 16px;}
    .sear_cont_link  > .sear_cont_tit + .sear_cont_txt{margin-top: 8px;}
    .sear_add_btn{font-size: 16px;}

    
}
@media (max-width: 480px) {

    .sear_box_inner{width: calc(100% - 25px);}
    .sear_box_top{height: 44px;}
    .sear_box_top:before{width: 33px;left: -25px;}
    .sear_box_top > select{font-size: 14px;width: 80px;}
    .sear_box_top > .sear_box_input input[type="text"]{font-size: 14px;}
    .sear_box_top > input[type="submit"]{width: 40px;background-size: 22px auto;}

    .sear_box_bott{gap: 8px 8px;margin-top: 12px;}
    .sear_box_bott > p{font-size: 14px;padding-left: 12px;}
    .sear_box_tag > li > a{font-size: 14px;padding: 3px 8px;}

    .sear_result_wrap > p{font-size: 16px;padding: 20px 8px;}

    .reser_tab > li > a{font-size: 14px;}

    .sear_sec_top > p{font-size: 16px;}
    .sear_sec_top > p .sear_sec_tit{font-size: 16px;}
    .sear_cont_dep{font-size: 14px;padding-left: 8px;}
    .sear_cont_dep:before{top: 6px;width: 3px;height: 3px;}
    .sear_dep_txt{font-size: 14px;}

    .sear_cont_link > .sear_cont_tit{font-size: 16px;}
    .sear_cont_link > .sear_cont_txt{font-size: 14px;}
    .sear_add_btn{font-size: 14px;}

    
}