#contractSelect {
    width: 100%;
    max-width: 320px;
    padding: 8px 12px;
    border: 1px solid #cbd5e1; /* 연한 회색 테두리 */
    border-radius: 8px; /* 둥근 모서리 */
    background-color: #f8fafc;
    color: #334155;
    font-size: 15px;
    outline: none;
    cursor: pointer;
    transition: all 0.2s ease-in-out;
}

/* 마우스를 올렸을 때 */
#contractSelect:hover {
    background-color: #f1f5f9;
    border-color: #94a3b8;
}

/* 클릭(포커스) 되었을 때 파란색 테두리를 인디고 색상으로 변경 */
#contractSelect:focus {
    border-color: #6366f1;
    box-shadow: 0 0 0 2px rgba(99, 102, 241, 0.2);
}

/* 드롭다운 항목 스타일 (글자색, 배경색 정도만 제한적으로 적용됨) */
#contractSelect option {
    background-color: #ffffff;
    color: #334155;
    padding: 8px;
}