.search_sticky{
    position:sticky;
    top:60px;
    background:var(--whiteff);
    z-index: 1;
    padding:10px 0;;
}
.search_sticky .pop_btn{
    width:100%;
    display:flex;
    gap:5px;
    border:1px solid var(--graydd);
    padding:5px;
}
.search_sticky .pop_btn span{
    padding-left: 23px;
    font-size:14px;
    color:#222;;
}
.search_sticky .pop_btn span:first-of-type{
    background:url(../images/search_icon01.jpg) 3px center no-repeat;
    background-size:17px;
}
.search_sticky .pop_btn span:nth-of-type(2){
    background:url(../images/search_icon02.jpg) 3px center no-repeat;
    background-size:17px;
}
.search_sticky .pop_btn span:last-of-type{
    background:url(../images/search_icon03.jpg) 3px center no-repeat;
    background-size:17px;
}
.search_sticky .search_form{
    width:100%;
    border:1px solid var(--graydd);
    border-radius: 2px;;
    display: flex;;
    margin-top:5px;
}
.search_sticky .search_form input[type="text"]{
    width:calc(100% - 35px);
    height:35px;
    padding-left:5px;
}
.search_sticky .search_form input[type="text"]:focus::placeholder{
    color:transparent;
}
.search_sticky .search_form .search_btn2{
    width:30px;
    height:30px;
    background:var(--whiteff) url(../images/ico-search-black.svg) center 80% no-repeat;
    background-size:20px;
}

/* 달력팝업 */

.sort_pop{
    /* width:80%;
    max-width:768px; */
    width:auto;
    height:auto;
    max-height:100%;
    border-radius: 5px;
    background:var(--whiteff);
    padding:20px;
    position:fixed;
    top:50%;
    left:50%;
    transform: translate(-50%, -50%);
    z-index: 1002;
    display:none;
}
.sort_pop span.close{
    width:30px;
    height:30px;
    background:url(../images/ico-close-white.svg) center no-repeat;
    background-size:20px;
    position:absolute;
    top:-40px;
    left:50%;
    transform: translateX(-50%);
}
.cal_nav {
    display:flex;
    justify-content: space-between;
    max-width:300px;
    margin:0 auto 20px;
}
.cal_nav a{color:transparent}
.cal_nav .go-prev{
    background:url("../images/ico-prev.svg?v=1")no-repeat 50% 50% / 10px;
}
.cal_nav .go-next{
    background:url("../images/ic_arrow_right.svg?v=1")no-repeat 50% 50% / 23px;
}
.cal_nav .year-month{
    text-align: center;
    width:100%;
    font-size:16px;
    display: flex;
    gap:10px;
}
.cal_nav .year-month select{
    border:1px solid var(--graydd);
    height:30px;
    padding:0 10px;
    border-radius: 5px;;
}
.cal_nav .year-month .month{}
.cal_nav .year-month .year{}
.cal_wrap{
    width:100%;
    max-width:300px;
    margin:auto;
}
.cal_wrap .days{
    display:flex;
    align-items: center;
    justify-content: space-between;;
}
.cal_wrap .days .day{
    width:calc(100%/7);
    height:32px;
    font-weight: 600;
    font-size:14px;
    color:var(--gray44);
    text-align: center;
}
.cal_wrap .days .day.sun{
    color:var(--redec);
}
.cal_wrap .dates{
    display:flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
}
.cal_wrap .dates button.day{
    width:calc(100%/7);
    height:32px;
    font-weight: 400;
    font-size:14px;
    text-align: center;
    line-height: 29px;;
}
.cal_wrap .dates button.day.today,
.cal_wrap .dates button.day.on{
    background:var(--surfcolor);
    border:2px solid #faba91;
    color:#fff;
}

.sort_pop .sec_input_wrap{
    margin:20px 0 0;
    padding:0 10px;
}
.sort_pop .sec_input_wrap .sec_input{
    width:100%;
    height:35px;
    border:1px solid var(--graydd);
    border-radius: 2px;;
    padding-left:30px;
    line-height: 1;
}
.sort_pop .sec_input_wrap .sec_input select{
    background:none;
    height:35px;
    font-size:14px;
    line-height:30px;
    color:var(--gray44);
}
.sort_pop .sec_input_wrap .sec_input.clock{
    background:url(../images/search_icon03.jpg) 5px center no-repeat;
    background-size:19px;
    margin-bottom:10px;
}
.sort_pop .sec_input_wrap .sec_input.person{
    background:url(../images/search_icon01.jpg) 5px center no-repeat;
    background-size:19px;
}

@media (width <= 620px){
    .sort_pop{
        width:80%;
    }
}