.dv-search-wrap{position:relative;max-width:820px;margin:0 auto}
.dv-search-bar{display:flex;align-items:stretch;background:#01589f;border-radius:6px;overflow:hidden}
.dv-search-input{flex:1;border:0;outline:none;padding:14px 16px;font-size:16px}
.dv-search-input::placeholder{color:#b7b7b7}
.dv-search-btn{width:64px;border:0 !important;cursor:pointer;background:#1339c7;display:flex;align-items:center;justify-content:center}
.dv-search-btn:hover{filter:brightness(0.95)}
.dv-search-btn svg{width:22px;height:22px;fill:#000}

.dv-search-list{display:none;position:absolute;left:0;right:0;top:calc(100% + 2px);background:#fff;border:1px solid #eee;border-radius:6px;box-shadow:0 10px 30px rgba(0,0,0,.12);max-height:360px;overflow:auto;z-index:9999}
.dv-search-wrap.open .dv-search-list{display:block}

.dv-item{display:block;padding:10px 14px;text-decoration:none;color:#0b2bd4;font-weight:600}
.dv-item:hover{background:#f6f8ff}
.dv-empty{padding:12px 14px;color:#777}
.dv-list-rec {
	display: flex;
	justify-content: center;
	gap: 16px;
	margin-top: 30px;
}
.dv-list-rec a {
	color: #000; 
	text-decoration: none;
}
@media(max-width: 768px) {
	.dv-list-rec {
		display: none;
	}
}