.autocomplete-wrap { position: absolute; -ms-flex: 1 1 auto; flex: 1 1 auto; width: 1%; margin-bottom: 0; z-index: 99999999; } /** 자동완성 플러그인*/ .autocomplete-wrap>.autocomplete-result>ul>li>a { padding: 5px 10px; text-align: left; display: block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .autocomplete-wrap>.autocomplete-result>ul>li>a .autocomplete-result-item-footer{display: block;color: #6c757d;font-size: 0.9rem;} .autocomplete-wrap>.autocomplete-result { position: relative; z-index: 999; background-color: #FFFFFF; width: 100%; display: block; } .autocomplete-result { position: absolute; z-index: 999; background-color: #FFFFFF; width: 100%; display: none; } .autocomplete-wrap.active input { outline: none !important; box-shadow: none !important; border-color: #80bdff; } .autocomplete-wrap.active>input { border-bottom-style: dashed; } .autocomplete-wrap input { border-bottom-left-radius: 0; border-bottom-right-radius: 0; } /* border-top: 1px dashed #80bdff; */ .autocomplete-wrap>.autocomplete-result { margin-top: -1px; } .autocomplete-wrap>.autocomplete-result>ul { display: block; width: 100%; } .autocomplete-wrap>.autocomplete-result>.addnSrchValu { background-color: #fdf3f3 !important; padding-left: 30px; background: url("images/auto-complate-addn-search-icon.png") no-repeat 4px center; border-top-left-radius: 0; border-top-right-radius: 0; } .autocomplete-wrap.autocomplete-target>.autocomplete-result>.addnSrchValu { border-bottom-left-radius: 0.2rem; border-bottom-right-radius: 0.2rem; } .autocomplete-wrap.autocomplete-target.active { margin-bottom: 40px; } .autocomplete-wrap.autocomplete-addn-srch>.autocomplete-result>.addnSrchValu { border-top: 1px dashed #80bdff; } .autocomplete-wrap.autocomplete-addn-srch>.autocomplete-result>ul { border-top: 0px; } .autocomplete-wrap>.autocomplete-result>ul { background-color: #feffee; margin: 0px; padding: 0px; overflow-y: auto; border: 1px solid #80bdff; border-top: 1px dashed #80bdff; max-height: 200px; } .autocomplete-wrap.reversePos>.autocomplete-result>ul { border-bottom: 1px dashed #80bdff; } .autocomplete-wrap>.autocomplete-result>ul>li { padding: 0px; } .autocomplete-wrap>.autocomplete-result>ul>li.focus { background: #80bdff; } .autocomplete-wrap>.autocomplete-result>ul>li.focus>a { color: #FFF; }