/*-----------------------------------------------------*/



/*------------ list view 페이지---------------------------*/
 .fixwidth-content{background-color:white;position:relative;}
#total-search, #search-page{padding:220px 10px 20px 10px;background-color:white;font-size:var(--font-medium);color:black;box-sizing:boder-box;}
.header-search{padding-bottom:10px;border-bottom:1px solid var(--grey-line-color);}
.header-search .tui-datepicker-input{position:relative;font-size:var(--font-medium);display:flex;flex-direction: row; justify-content: space-between;align-items:center;}
.header-search .tui-datepicker-input i{width:10%;}
.header-search .tui-datepicker-input input{display:inline-block;width:60%;border:none;padding:0 0 0 5px;margin:0;font-size:var(--font-medium);}
.header-search .tui-datepicker-input span{width:15%;display:inline-block;}

.header-search .input-search{border:1px solid var(--grey-line-color);margin-bottom:10px;}
.header-search .input-search input{width:90%;height:40px;outline:none;border:none;padding:0 10px;margin:0px;font-size:var(--font-medium);} 
.header-search .input-search button{background-color:white;width:10%;padding:0;}
.header-search .input-search i{font-size:20px;color:var(--grey-dark-color);}
.header-search .date-person{padding:0;width:100%;margin:0px 0px;display:flex;flex-direction: row; justify-content: space-between;}
.header-search .date-person button{width:49%;height:40px;background-color:transparent;font-size:var(--font-medium);border:1px solid var(--grey-line-color);}
.header-search .date-check-dv, .price-check-dv{width:100%;font-size:var(--font-small);padding:10px 0 5px 5px;}
.header-search label{padding-left:10px;padding-top:0px;}
.header-search .price-dv{padding-top:10px;}
.header-search .input-price-dv{width:100%;display:flex;flex-direction: row; justify-content: space-between;vertical-align:middle;padding : 5px 5px 10px 5px;}
.header-search .input-price-dv span{display:inline-block;line-height:35px;vertical-align:middle;}
.header-search .input-price-dv input{width:28%;height:35px;outline:none;border:1px solid var(--grey-line-color);padding:0 5px;text-align:right;font-size:var(--font-medium);}
.header-search .date-search, .price-dv .price-search{accent-color: var(--brand-color);}

 .hot-keyword{width:100%;margin:20px 0px;font-size:var(--font-bt-size);box-sizing:boder-box;padding-top:20px;}
 .hot-keyword .keyword-dv{width:100%;display:flex;flex-direction: row; justify-content: space-between;padding-bottom:10px;padding-right:10px;}
#total-search span{display:inline-block;}
 .keyword-dv .keyword{width:90%;}
 .picked-area-dv{margin:20px 0px;box-sizing:boder-box;padding-top:10px;}
.stitle{font-weight:600;}
 .recent-dv .keyword-list{margin-top:10px;}
 div[class^="recent-serach_"].clicked{border:1px solid var(--brand-color);}
 div[class^="recent-serach_"]:hover{cursor:pointer;}
 .recent-dv{padding:10px 0;border-top:1px solid var(--grey-line-color);border-bottom:1px solid var(--grey-line-color);font-size:var(--font-small);}
 .recent-dv .remove-all{color:var(--sg-blue-color);background-color:transparent;font-size:var(--font-small);}
 .recent-dv .stitle-dv{display:flex;flex-direction: row; justify-content: space-between;}
 .recent-dv .keyword{font-size:var(--font-medium);font-weight:600;}
 div[class^="recent-serach_"]{background-color:var(--back-color);padding:5px 10px;margin-bottom:10px;border:none;}
 
#search-page{margin-top:20px;}
#search-page .review:hover{cursor:pointer;}


#back-win.search{position:fixed;height:100%;margin:auto}

#modal-win-search{position:fixed;height:180px;left:50%;top:170px;z-index:99;background-color: white;}
#modal-win-search .two-col{width:100%;padding:20px 20px;height:45px;} 
#modal-win-search .two-col span{width:35%;text-align: center;}
#modal-win-search .two-col div{width:65%;}
#modal-win-search .two-col input{text-align:center;font-weight:600;}
#modal-win-search .input-dv{display:flex; width:100%;justify-content: space-between;flex-direction: row;align-content: center;}
#modal-win-search .confirm-dv{width:100%;text-align: center;margin:20px 0;}
#modal-win-search .confirm-dv .confirm-bt{width:4rem;height:35px;text-align: center;}

/*-----------date picker 설정 ---------------------------*/
.daterangepicker td.in-range{background-color:var(--brand-light-color); color:var(--brand-color);}
.daterangepicker td.available, td.available:hover{color:var(--sg-blue-color);font-weight:600;}
.daterangepicker td.weekend.available{color:var(--brand-color);font-weight:600;}
.daterangepicker td.off.disabled{color:var(--grey-line-color);}