.common-search-bar{max-width:800px;width:100%;margin:80px auto;height:60px;position:relative}
.common-search-bar .search-bar{height:inherit}
.common-search-bar .search-bar>div,.common-search-bar .search-bar>input{align-self:center}
.common-search-bar .search-bar .search-input-wrap{position:relative;height:inherit}
.common-search-bar .search-bar .search-input-wrap .search-btn{position:absolute;left:20px;top:calc(50% - -3px);transform:translateY(-50%)}
.common-search-bar .search-bar .search-input-wrap .search-input{border-radius:100px;border:1px solid #757575;padding:15px 52px 15px 60px;width:100%;height:100%;font-size:16px;font-style:normal;font-weight:400;font-family:'Roboto';overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.common-search-bar .search-bar .search-input-wrap .search-input::placeholder{color:#ccc;font-family:'Roboto';font-size:16px;font-style:normal;font-weight:400;line-height:150%}
.common-search-bar .search-bar .search-input-wrap .search-input.inputted{background-color:#f2f2f2;border:2px solid #757575;outline-color:unset}
.common-search-bar .search-bar .search-input-wrap .search-input.inputted:focus{border:2px solid #00707a;outline:0}
.common-search-bar .search-bar .search-input-wrap .search-input:focus{outline:unset;border:2px solid #00707a}
.common-search-bar .search-bar .search-input-wrap .search-input:focus ~ .search-btn svg path{fill:#000}
.common-search-bar .search-bar .search-input-wrap .dropdown{display:none;box-shadow:0 0 20px 0 rgba(0,0,0,0.1);border-radius:24px;border:1px solid #f2f2f2;max-width:1124px;width:100%;z-index:2;position:absolute;padding:20px 0;background-color:#fff;top:calc(100% + 12px)}
.common-search-bar .search-bar .search-input-wrap .dropdown ul{display:flex;flex-direction:column;max-height:66.7vh;overflow:auto}
.common-search-bar .search-bar .search-input-wrap .dropdown ul::-webkit-scrollbar{width:0}
.common-search-bar .search-bar .search-input-wrap .dropdown ul li{font-style:normal;font-weight:400;font-size:14px;font-family:'Roboto'}
@media(min-width:1024px){.common-search-bar .search-bar .search-input-wrap .dropdown ul.scroll{margin-right:10px}
.common-search-bar .search-bar .search-input-wrap .dropdown ul.scroll::-webkit-scrollbar{width:6px}
.common-search-bar .search-bar .search-input-wrap .dropdown ul.scroll::-webkit-scrollbar-track{background:#f2f2f2;-webkit-border-radius:100px;border-radius:100px}
.common-search-bar .search-bar .search-input-wrap .dropdown ul.scroll::-webkit-scrollbar-thumb{-webkit-border-radius:100px;border-radius:100px;background:#757575}
}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-title{padding:9px 24px;font-style:normal;font-weight:400;font-size:12px;font-family:'Roboto';color:#757575;display:flex;justify-content:space-between}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .category-title .clear{transform:none;position:unset}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list{gap:4px}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li{padding:6px 24px;cursor:pointer;display:flex;gap:4px;max-height:32px;overflow:hidden}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li:hover{color:#00626b;background-color:#e6ece9}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li:hover .history-icon svg *{fill:#00626b}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li:hover>*{color:#00626b}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li>*{display:flex;color:#000}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li a{width:100%;display:block;text-decoration:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .sub-list li span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .divider{padding:16px 24px}
.common-search-bar .search-bar .search-input-wrap .dropdown .category-list .divider span{display:block;height:1px;background-color:#f2f2f2}
.common-search-bar .search-bar .search-input-wrap .dropdown.active{display:block}
.common-search-bar .search-bar .search-input-wrap .clear{position:absolute;right:20px;color:#757575;top:calc(50% - -2px);transform:translateY(-50%);cursor:pointer}
.common-search-bar .search-bar .search-input-wrap .clear span{display:none}
.common-search-bar .search-bar .cancel{display:none}
.common-search-bar .search-bar .close-btn{cursor:pointer}
@media(max-width:1023px){.common-search-bar{max-width:983px;width:100%;margin:40px auto;padding:0 20px}
.common-search-bar .search-bar{max-width:800px;width:100%;margin:0 auto}
}
@media(max-width:767px){.common-search-bar{max-width:100%}
.common-search-bar .search-bar{max-width:728px}
}
@media(max-width:575px){.common-search-bar .search-bar{max-width:535px}
}